{"version":3,"sources":["form-components/ButtonInput.tsx","form-components/SimpleMessage.tsx","form-components/FieldMessage.tsx","form-components/TextInput.tsx","img/icon-password.png","img/icon-user.png","img/logo.png","Environment.ts","database_api/api.ts","interfaces/HTTPHeader.ts","database_api/StandardAPIHTTPClient.ts","modules/RouteManager.tsx","modules/Login/AuthPermission.ts","Types/ResultStatus.ts","database_api/AxiosAPIHTTPClient.ts","modules/Paging/PagingFeatureControlProtocol.ts","components/BoxButtonComponent.tsx","components/BoxComponent.tsx","img/prev.png","img/next.png","modules/Paging/ui/PaginationComponent.tsx","modules/Search/SearchFeatureProtocol.ts","modules/Paging/GenericListController.ts","modules/DbBackup/DbBackupListController.ts","modules/Paging/GenericAPIListPagingLoader.ts","modules/DbBackup/DbBackupListPagingLoader.ts","helper/DateHelper.ts","modules/DbBackup/model/DbBackup.ts","modules/DbBackup/ui/DbBackupComponent.tsx","modules/DbBackup/ui/DbBackupList.tsx","form-components/UploadProgressBarComponent.tsx","img/icon-file.png","img/close.png","modules/DbBackup/ui/BackupFileUpload.tsx","modules/DbBackup/builder/DbBackupListBuilder.tsx","modules/DbBackup/builder/DbBackupListRouter.tsx","StandardLogin.ts","modules/Login/LoginHTTPClient.ts","modules/Login/LoginSessionStorage.tsx","modules/Login/LoginHandler.ts","modules/Login/ui/Login.tsx","modules/Login/LoginBuilder.tsx","components/Footer.tsx","GlobalData.tsx","img/icon-client.png","img/icon-clientCompany.png","img/icon-members.png","lang/Lang.ts","NavigationHeaderMenuV2.tsx","img/more-menu.png","img/icon-header.png","img/pob.png","img/icon-lawRegulation.png","img/icon-userOrganization.png","img/icon-profile.png","img/icon-logout.png","components/HeaderV2.tsx","page/RoutePath.ts","modules/ClientPIC/AsyncClientSelectInputHandler.tsx","modules/Client/ui/ClientSelector.tsx","layout/ListTwoColumnLayoutLeftNav.tsx","layout/ListLayoutFacade.tsx","modules/Paging/ui/PaginationComponentV2.tsx","components/Timeout.tsx","modules/Search/useURL.ts","modules/Search/FlexibleSearchComponentV2.tsx","modules/Search/OptionInputSearchComponentV2.tsx","modules/Search/OptionInputSearchCustomComponentV2.tsx","modules/Search/QueryFilterProtocol.ts","modules/Shared/useHeader.ts","modules/Shared/useDataList.ts","img/checked.png","img/default-company.png","img/option.png","components/EditButton.tsx","modules/Client/ui/ClientComponentV2.tsx","modules/Client/ui/ClientListV2.tsx","lang/LangClientPartner.ts","img/form-ornament-bottom.png","img/form-ornament-top.png","modules/Shared/template/AddFormTemplate.tsx","modules/Shared/useAddFormData.ts","modules/Member/builder/ErrorMessage/Error.ts","modules/Client/validation/errorValidationSchema.ts","img/icon-name.png","img/icon-email.png","img/icon-phone.png","img/icon-location.png","form-components/OptionInput.tsx","form-components/OptionInputActiveNotActiveSelection.tsx","modules/Client/ui/OptionInputProspectiveStatusSelection.tsx","FormikHelper/FormikImageUploadFactory.tsx","modules/Client/ui/ClientFormV3.tsx","modules/Client/ui/ClientAddV3.tsx","modules/Client/formHandler/useClientAddFormHandler.ts","modules/Shared/template/EditFormTemplate.tsx","modules/Shared/useItem.ts","modules/Shared/useUpdateFormData.ts","modules/Client/model/Client.ts","modules/Client/ui/ClientEditV3.tsx","modules/Client/formHandler/useClientEditFormHandler.ts","modules/Client/ui/Client.tsx","modules/Client/ui/ClientPartner.tsx","modules/Client/ui/ProspectiveClient.tsx","modules/ClientPIC/validation/errorValidationSchema.ts","form-components/JoditReact.tsx","form-components/JoditContentEditorModule.tsx","img/default-profile.png","modules/ClientPIC/ui/ClientPICForm.tsx","modules/ClientPIC/ui/ClientPICAddV2.tsx","modules/ClientPIC/formHandler/useClientPICAddFormHandler.ts","modules/ClientPIC/ui/ClientPICEditV2.tsx","modules/ClientPIC/formHandler/useClientPICEditFormHandler.ts","modules/ClientPIC/ui/ClientPICComponent.tsx","modules/ClientPIC/ui/ClientPICListV2.tsx","modules/ClientPIC/ui/ClientPIC.tsx","modules/Customer/errorValidationSchema.ts","modules/Shared/useAddData.ts","modules/Shared/useGetDataWithParam.ts","modules/Customer/ui/CreatableAsyncCustomerTagSelectInputHandlerV2.tsx","modules/Customer/ui/CustomerForm.tsx","modules/Customer/ui/CustomerAddV2.tsx","modules/Customer/formHandler/useCustomerAddFormHandler.tsx","modules/Shared/useUpdateData.ts","modules/Customer/ui/CustomerEditV2.tsx","modules/Customer/formHandler/useCustomerEditFormHandler.tsx","modules/Shared/useDeleteData.ts","modules/Customer/ui/CustomerComponentV2.tsx","modules/Customer/ui/CustomerListV2.tsx","modules/Customer/ui/CustomerV2.tsx","modules/DatabaseTNIAL/formHandler/UseDatabaseTNIALAddFormHandler.tsx","form-components/FormikSelectInputHandler.tsx","img/icon-date.png","modules/DatabaseTNIAL/ui/ChildItemComponent.tsx","modules/DatabaseTNIAL/ui/FormikChildrenFormComponent.tsx","modules/DatabaseTNIAL/ui/ContactNumberItemComponent.tsx","modules/DatabaseTNIAL/ui/FormikContactNumbersFormComponent.tsx","modules/DatabaseTNIAL/ui/EducationItemComponent.tsx","modules/DatabaseTNIAL/ui/FormikEducationFormComponent.tsx","modules/DatabaseTNIAL/ui/PositionComponent.tsx","modules/DatabaseTNIAL/ui/FormikPositionsFormComponent.tsx","modules/DatabaseTNIAL/ui/AcknowledgmentItemComponent.tsx","modules/DatabaseTNIAL/ui/FormikAcknowledgmentFormComponent.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALForm.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALAddV2.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALEditV2.tsx","modules/DatabaseTNIAL/formHandler/UseDatabaseTNIALEditFormHandler.tsx","modules/GenericAPI/GenericFormAddAPI.ts","modules/DatabaseTNIAL/DatabaseTNIALImportAPI.ts","FormikHelper/CustomerPersonnelXlsxUploadFactory.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALImport.tsx","modules/DatabaseTNIAL/formHandler/DatabaseTNIALImportWithFormHandler.tsx","modules/DatabaseTNIAL/builder/DatabaseTNIALImportBuilder.tsx","modules/DatabaseTNIAL/ui/AngkatanComponentV2.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALComponentSimpleList.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALListV2.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALViewer.tsx","modules/DatabaseTNIAL/ui/DatabaseTNIALV2.tsx","modules/DbBackup/ui/DbBackup.tsx","img/blocked-popup.jpg","img/allow-popup.jpg","modules/DOCXRenderer.tsx","modules/XLSXRenderer.tsx","modules/DocumentViewer.tsx","modules/LawRegulation/errorValidationSchema.ts","FormikHelper/FormikFileUploadFactory.tsx","modules/Shared/usePostData.ts","modules/LawRegulation/ui/CreatableAsyncTagSelectInputV2.tsx","modules/LawRegulation/LawRegulationForm.tsx","modules/LawRegulation/ui/LawRegulationAddV2.tsx","modules/LawRegulation/formHandler/useLawRegulationAddFormHandler.tsx","modules/LawRegulation/ui/LawRegulationEditV2.tsx","modules/LawRegulation/formHandler/useLawRegulationEditFormHandler.tsx","modules/LawRegulation/ui/LawRegulationComponentV2.tsx","modules/Shared/useGetData.ts","modules/LawRegulation/ui/YearTags/MonthTagComponent.tsx","modules/LawRegulation/ui/YearTags/YearTagComponentV2.tsx","modules/LawRegulation/ui/YearTags/YearTagsComponentV2.tsx","modules/LawRegulation/ui/LawRegulationListV2.tsx","modules/LawRegulation/ui/LawRegulationV2.tsx","modules/Log/model/Logs.ts","modules/Log/ui/LogsComponent.tsx","form-components/SearchButtonInput.tsx","img/icon-search.png","modules/Search/BuildableSearchComponent.tsx","modules/Search/FlexibleSearchComponent.tsx","modules/Log/ui/LogsList.tsx","modules/Log/LogsListPagingLoader.ts","modules/Log/LogsListController.ts","modules/Log/builder/LogsListBuilder.tsx","modules/Log/ui/Logs.tsx","modules/Login/Logout.tsx","modules/Member/MemberAddAPI.ts","modules/Member/ui/MemberAdd.tsx","MessageType.ts","modules/Member/formHandler/MemberAddWithFormHandler.tsx","modules/Member/builder/MemberAddBuilder.tsx","modules/Member/ui/MemberEdit.tsx","modules/Member/formHandler/MemberEditWithFormHandler.tsx","modules/GenericSingleLoader.ts","modules/Member/MemberSingleLoader.ts","modules/GenericAPI/GenericFormEditAPI.ts","modules/Member/MemberEditAPI.ts","modules/Member/builder/MemberEditBuilder.tsx","modules/Member/ui/MemberComponent.tsx","modules/Search/SearchComponent.tsx","modules/Member/ui/MemberList.tsx","modules/Member/MemberListPagingLoader.ts","modules/Member/MemberListController.ts","modules/Member/builder/MemberListBuilder.tsx","modules/Member/ui/Member.tsx","modules/News/formHandler/useNewsAddFormHandler.tsx","modules/News/validation/errorValidationSchema.ts","modules/News/ui/CreatableAsyncNewsTagSelectInputHandler.tsx","modules/News/ui/NewsForm.tsx","modules/News/ui/NewsAddV2.tsx","modules/News/ui/NewsEditV2.tsx","modules/News/formHandler/useNewsEditFormHandler.tsx","modules/News/ui/NewsComponent.tsx","modules/News/ui/YearNews/MonthNewsComponent.tsx","modules/News/ui/YearNews/YearNewsComponent.tsx","modules/News/ui/YearNews/YearNewsListComponent.tsx","modules/News/ui/NewsList.tsx","modules/News/ui/News.tsx","modules/POB/builder/ErrorMessage/Error.ts","modules/POB/builder/ErrorMessage/errorValidationSchema.ts","modules/POB/builder/useAddFormHandler.tsx","form-components/FormikSelectInputHandlerV2.tsx","FormikHelper/FormikImageUploadFactoryV2.tsx","img/defaultProjectIcon.png","img/icon-money.png","img/icon-project.png","modules/useSelectMemberHelperV2.ts","modules/POB/ui/AsyncClientPICSelectInputV2.tsx","modules/POB/ui/POBForm.tsx","modules/useSelectPOBHeaderHelperV2.ts","modules/POB/ui/POBAddV2.tsx","modules/POBContent/useSetProjectName.ts","modules/POB/builder/usePOBEditFormHandler.tsx","modules/POB/ui/POBEditV2.tsx","img/icon-menu-seeDetail.png","modules/POBContent/ui/POBContentType.tsx","modules/POB/ui/POBComponentV2.tsx","modules/POB/ui/POBListV2.tsx","modules/POB/ui/POBV2.tsx","form-components/JoditContentEditorModuleV3.tsx","modules/FieldInformation/uploader/FieldInformationFileUploadHandler.tsx","form-components/JoditContentEditorModuleV3Alt.tsx","img/icon-actionPlanTimer.png","form-components/TextInputV2.tsx","modules/LatestStatus/ui/LatestStatusComponentV2.tsx","modules/FieldInformation/ui/ActionPlanFieldsV3.tsx","modules/FieldInformation/ui/FileUploadProgressUI.tsx","modules/FieldInformation/ui/useFieldInformationComponentV3.ts","modules/FieldInformation/ui/FieldInformationComponentV3.tsx","modules/FieldInformation/ui/FieldInformationAddV3.tsx","modules/FieldInformation/ui/FieldInformationListV3.tsx","form-components/SelectInput.tsx","modules/History/ui/HistoryComponentV2.tsx","modules/History/ui/HistoryListV2.tsx","modules/LatestStatus/ui/LatestStatusListV2.tsx","modules/POBHeader/builder/ErrorMessage/errorValidationSchema.ts","modules/POBHeader/ui/BudgetTypeComponent.tsx","modules/POBHeader/ui/FormikBudgetFormComponentV2.tsx","modules/POBHeader/ui/POBHeaderForm.tsx","modules/POBHeader/ui/POBHeaderEditV2.tsx","modules/POBHeader/builder/usePOBHeaderEditFormHandler.tsx","modules/POBContent/ContentListLoader.ts","modules/ActionPlan/ui/ActionPlanComponentV2.tsx","img/icon-actionPlanProject.png","img/icon-plus.png","modules/POBContent/ContentModule/ActionPlan/ActionPlanListForContentType.tsx","modules/POBContent/ui/v2/hook/useBlockContentList.ts","modules/POBContent/ui/useChangeOrderBlockContent.ts","modules/POBContent/ui/v2/component/BlockContentDetailComponent.tsx","modules/POBContent/ui/v2/hook/useBlockContentDetail.ts","modules/POBContent/ui/v2/component/BlockContentListComponent.tsx","modules/ProjectFiles/CustomAction.ts","modules/ProjectFiles/FileUploadHandler.tsx","modules/ProjectFiles/FileUploadDnD.tsx","modules/ProjectFiles/StandarManageProjectFiles.tsx","modules/ProjectFiles/SupportingDocsBuilder.tsx","modules/POBContent/ui/POBBlockContentListComponent.tsx","modules/Project/DownloadStatus.ts","modules/Project/DownloadDataToDocProtocol.tsx","modules/Project/hook/useDateRangeFilter.ts","modules/Project/filter/DateRangeFilter.tsx","modules/Project/DownloadActionPlanToDoc.tsx","modules/Project/DownloadBackgroundToDoc.ts","modules/Project/DownloadFieldInformationToDoc.tsx","modules/Project/hook/useQuarterYearFilter.ts","modules/Project/filter/QuarterYearFilter.tsx","modules/Project/DownloadHistoryToDoc.tsx","modules/Project/DownloadLatestStatusToDoc.tsx","modules/Project/DownloadProjectToDoc.tsx","modules/POBContent/ui/ProjectDataDownload.ts","modules/POBContent/ui/v2/POBChildMenu.tsx","modules/POBContent/ui/v2/POBContentMenuV2.tsx","modules/POBContent/ui/v2/hook/usePOBContent.ts","modules/POBContent/ui/POBContentV2.tsx","modules/POBHeader/ui/POBHeaderAddV2.tsx","modules/POBHeader/builder/usePOBHeaderAddFormHandler.tsx","modules/POBHeader/ui/POBHeaderComponentV2.tsx","modules/POBHeader/ui/POBHeaderListV2.tsx","modules/POBHeader/ui/POBHeaderV2.tsx","modules/Profile/ui/Profile.tsx","modules/Profile/ui/ProfileWithFormHandler.tsx","modules/Profile/builder/ProfileBuilder.tsx","modules/ActionPlan/ActionPlanSingleLoader.ts","modules/ActionPlan/resultController/ActionPlanPostResultComponent.tsx","modules/ActionPlan/resultController/ActionPlanPostResultComponentPresenter.ts","modules/ActionPlan/resultController/ActionPlanPostResultController.tsx","modules/GenericAPI/GenericAddAPI.ts","modules/ActionPlan/ActionPlanAddAPI.ts","modules/GenericAPI/GenericEditAPI.ts","modules/ActionPlan/ActionPlanEditAPI.ts","modules/FieldInformation/api/FieldInformationAddAPI.ts","modules/FieldInformation/api/FieldInformationEditAPI.ts","modules/FieldInformation/FieldInformationSingleLoader.ts","modules/LatestStatus/ui/AsyncCreatableActionPlanSelectInputHandler.tsx","modules/FieldInformation/ui/ActionPlanFields.tsx","modules/FieldInformation/ui/FieldInformationComponent.tsx","modules/FieldInformation/ui/FieldInformationAddV2.tsx","modules/News/NewsListPagingLoader.ts","page/Widget/ActionPlanTodayWidget.tsx","page/Widget/NewsWidget.tsx","page/DashboardWidget.tsx","form-components/FormikSelectMultiInputHandlerV2.tsx","modules/POBContent/ContentModule/ActionPlan/ActionPlanForm.tsx","modules/POBContent/ContentModule/ActionPlan/validation/errorValidationSchema.ts","modules/POBContent/ContentModule/ActionPlan/ActionPlanAdd.tsx","modules/POBContent/ContentModule/ActionPlan/useActionPlanAddFormHandler.tsx","modules/POBContent/ContentModule/ActionPlan/ActionPlanEdit.tsx","modules/POBContent/ContentModule/ActionPlan/useActionPlanEditFormHandler.tsx","modules/ActionPlan/ui/ActionPlan.tsx","modules/FieldInformation/ui/FieldInformationMoveFiles.tsx","modules/GoogleCalendarAuth/GoogleCalendarAuth.tsx","page/dashboardV2.tsx","StartApp.tsx","index.tsx"],"names":["ButtonInput","React","constructor","props","super","render","aclass","caption","title","type","this","_jsxs","className","children","SimpleMessage","arguments","handleClick","onClick","id","_jsx","body","autoFocus","FieldMessage","message","TextInput","placeholder","touched","inputRef","name","icon","ref","htmlFor","src","helpText","config","console","log","process","api","APIServer","LoginPath","MemberPath","MemberPagePath","ClientPath","ClientPagePath","FilterClientPath","ClientPICPath","ClientPICPagePath","FilterClientPICPath","CustomerPath","CustomerPagePath","ImagePath","FilePath","CustomerPersonnelPath","CustomerPersonnelPagePath","CustomerPersonnelImportPath","LawRegulationPath","LawRegulationPagePath","LawRegulationYearTagsPath","POBHeaderPath","POBHeaderGetChildrenPath","POBHeaderPagePath","POBPath","POBPagePath","POBContentPath","POBContentGetProjectName","POBContentList","POBBlockContentList","POBBlockContentDetail","POBContentChangeOrder","POBBlockContentUpdate","ActionPlanPath","ActionPlanPagePath","ActionPlanUpdateResultPath","ActionPlanGetResultPath","ActionPlanGoogleCalendarConnectionPath","ActionPlanGoogleCalendarSetTokenPath","ActionPlanTodayPath","FieldInformationPath","FieldInformationPagePath","FieldInformationUpdateFileResultPath","HistoryPath","HistoryPagePath","LatestStatusPath","LatestStatusPagePath","FilterActionPlanPath","TagPath","FilterTagPath","NewsPath","NewsPagePath","NewsYearNewsPath","NewsTagPath","FilterNewsTagPath","CustomerTagPath","FilterCustomerTagPath","ProjectDownloadPath","LogsPagePath","DbBackupPath","DbBackupFindFilePath","DbBackupUpload","DbBackupRestore","DbBackupDownload","DbBackupPagePath","SupportingDocsPath","HTTPMethod","HTTPHeader","token","header","getToken","formHeader","StandardAPIHTTPClient","delete","url","callback","requestOptions","method","headers","fetch","then","response","json","data","JSON","parse","stringify","post","jsonData","patch","get","postForm","patchForm","history","createBrowserHistory","goToDashboard","push","AuthPermissionSessionStorage","isLoggedIn","sessionStorage","getItem","isSuperAdmin","_sessionStorage$getIt","superAdmin","goToLogin","AuthTokenSessionStorage","_sessionStorage$getIt2","ResultStatus","AxiosAPIHTTPClient","progressListenerList","addProgressListener","progressListener","onUploadProgress","progressEvent","forEach","axios","PagingFeatureControl","nextPageEnabled","prevPageEnabled","totalPage","prevPage","nextPage","currentPage","updateDisplayList","setData","pagingData","updateCurrentPage","updatePrevPage","updateNextPage","updateTotalPage","commitUpdate","totalData","totalDataShowed","updateDisplay","total","page","register","display","BoxButtonComponent","Component","_this$props$aclass","_this$props$border","defaultBorder","border","_this$icon","BoxComponent","text","PaginationComponent","itemPerPage","setPagingData","useState","isLoading","useEffect","pagingController","controller","setLoading","status","startDataIndex","endDataIndex","goTo","load","PrevIcon","disabled","NextIcon","SearchFeature","filter","loader","search","queryComponents","addFilter","GenericListController","pagingFeatureControl","listDelegate","loadingStatusSubscriber","onLoad","_","result","subscriber","DbBackupListController","GenericAPIListPagingLoader","mainPath","client","generateRequestOptions","length","completion","itemPerPageURL","processResult","APIDbBackupListPagingLoader","DateHelper","dateFormat","date","format","moment","dateISO8601","RestoreStatus","DbBackupComponent","router","requestRestore","dbFilePath","href","error","restoreHistories","map","failed","startRestoreTime","finishRestoreTime","DbBackupList","onLoadDbBackups","dbBackups","setState","messageState","location","state","undefined","Fragment","requestBackup","uploadBackup","paginationComponent","setTimeout","dbBackup","index","ProgressStatus","UploadProgressBarComponent","progressUpdate","progress","loaded","done","inProgress","Math","round","percentage","percentageString","toString","isDone","hidden","notStarted","hideOnFinish","uploadProgress","formatNumber","num","replace","style","width","BackupFileUpload","setFile","setFileName","defaultFile","file","fileRef","onFileClick","_this$fileRef$current","current","click","onFileChangeAdd","e","target","files","onRemoveFileAdd","getComponent","fileName","value","readOnly","closeIcon","onChange","AskDBKey","username","setUsername","password","setPassword","_Fragment","event","submitTitle","onConfirm","onCancel","UploadBackupForm","fileDescription","setFileDescription","uploader","fileIcon","progressUpdater","upload","DbBackupListBuilder","dbBackupListLoader","dbBackupListController","dbBackupSearch","DbBackupListRouter","uploadClient","closeWindow","ReactDOM","document","getElementById","onConfirmBackup","alert","onConfirmRestore","onConfirmUpload","ok","doUploadBackupFile","closeUploadThenRequestRestore","onCancelUpload","FormData","append","fail","LoginError","RequestProcessStatus","LoginSessionStorage","saveAccount","userData","setItem","getUsername","logOut","removeItem","session","loginHandler","doLogin","loginCallback","auth","emptyLoginResult","emptyParameter","timeout","none","authCallback","requestBody","timer","clearTimeout","loginResult","handleLoginSubmit","values","_ref","setSubmitting","setFieldError","errorValidationSchema","yup","required","min","ifLoggedInThenRedirectToDashboard","Login","usernameProp","userIcon","passwordProp","passwordIcon","DBBackupRouter","Formik","initialValues","global","validationSchema","onSubmit","errors","handleChange","handleSubmit","isSubmitting","setFieldValue","logo","autoComplete","LoginBuilder","Footer","note","GlobalData","createContext","Lang","base_projectFieldInformation","projectFieldInformation","base_data","projectData","clientPersonnelName","clientPersonnelCompany","clientPersonnelPosition","clientPersonnelContactNumber","clientPersonnelEmail","clientName","clientProduct","clientBusinessUnitOfficer","clientAddress","clientPhone","clientEmail","clientWebsite","clientSocialMedia","customerProfileName","customerProfileRank","customerProfilePosition","customerProfileCorps","customerProfilePeriod","customerProfileContactNumber","customerProfilePositionHistoryLabel","customerProfileSequenceNumber","customerProfileGeneration","customerProfileDescription","customerProfileSpouse","customerProfileChildren","customerProfileEducation","customerProfileAcknowledgement","actionPlanItem","actionPlanTime","actionPlanLocation","actionPlanObjective","actionPlanPicIds","actionPlanCustomerPersonnel","actionPlanThirdParty","actionPlanResult","lawRegulationName","lawRegulationCategory","lawRegulationDate","lawRegulationDescription","lawRegulationStatus","memberUsername","memberName","memberPosition","memberContactNumber","memberEmail","parentProjectClassificationBudget","parentProjectAmount","mDatabaseTNIAL","mCustomerPersonnel","mClient","mProspectiveClient","mClientPartner","mClientPersonnel","mMembers","mPersonnelProfile","NavigationHeaderMenu","setPageTitle","useContext","showMoreMenu","setShowMoreMenu","menus","menu","Link","to","path","onMouseEnter","onMouseLeave","moreMenus","_menu$path","clientCompany_icon","client_icon","member_icon","Header","useLocation","params","useParams","pageTitle","loadTitleForTheFirstTime","allMenus","split","pathname","replaceAll","dangerouslySetInnerHTML","__html","RoutePath","AsyncClientSelectInputHandler","fieldName","loadClientList","inputValue","returnedResult","label","handleSelectedChange","AsyncSelect","cacheOptions","classNamePrefix","loadOptions","defaultOptions","ClientSelector","clientSelector","clientPICList","getWindowDimensions","innerWidth","innerHeight","height","window","ListTwoColumnLayoutLeftNav","filterComponents","contentComponents","topSearchComponent","addComponent","windowDimensions","setWindowDimensions","filterOpen","setFilterOpen","handleResize","addEventListener","removeEventListener","FontAwesomeIcon","faCircleUp","faCircleDown","size","comp","ListLayoutFacade","_props$totalData","_props$totalPage","useHistory","queryString","itemFrom","itemTo","prev","newParams","next","Timeout","action","useURL","replaceTo","FlexibleSearchComponent","options","setOptions","CreatableSelect","isMulti","queryOptions","query","field","input","onInputChange","handleInputChange","displayField","optionMapper","initialSearch","option","_props$queryOptions$f","find","getOptionValue","OptionInputSearchComponent","active","initialValue","selectedValue","setSelectedValue","key","checked","OptionInputSearchCustomComponent","QueryCompareTypeEnum","useHeader","useDataList","identifier","ignoreParamsAsURL","defaultParamsNotURL","manualFetch","parseInt","refetch","isFetching","useQuery","fetchClients","enabled","async","apiParams","param","Object","keys","getDataList","EditButton","optionMenu","basePath","code","ClientComponent","_props$product","_props$businessUnitOf","_props$socialMedia","photo_urlString","defaultCompany","product","businessUnitOfficer","address","phone","email","socialMedia","prospective","prospectiveStatus","encodeURIComponent","statusMenuActive","statusMenuNotActive","ClientList","compareType","like","prospectiveFiltercomponent","prospectiveMode","contentComponent","variant","AddComponent","match","LangClientPartner","AddFormTemplate","onAdditionalSubmitTrigger","topOrnament","bottomOrnament","goBack","useAddFormData","requestFormOptions","mutate","useMutation","onSuccess","toast","autoClose","onError","add","NameInput","requiredMessageError","PhoneInput","requiredNumberMessageError","EmailInput","invalidMessageError","UsernameInput","minCharacterError","characterNeeded","PasswordInput","RetypePasswordInput","notMatchedError","typeError","OptionInput","componentDidMount","updateOptions","componentDidUpdate","prevProps","prevState","_options","OptionInputActiveNotActiveSelection","OptionInputProspectiveStatusSelection","FormikImageUploadFactory","file_fieldName","base64_fieldName","fileChange_fieldName","defaultImage","base64","fileToBase64","reader","FileReader","readAsDataURL","onload","onerror","photoRef","onPhotoClick","_this$photoRef$curren","onPhotoChangeAdd","onRemovePhotoAdd","onPhotoChangeUpdate","onRemovePhotoUpdate","getAddComponent","accept","getEditComponent","FormMode","ClientForm","mode","photoHandler","photo_url","photo_base64","ADD","nameIcon","locationIcon","phoneIcon","emailIcon","ClientAdd","formik","useClientAddFormHandler","useFormik","clientData","clientDataForm","entries","isClientPartner","EditFormTemplate","useItem","useUpdateFormData","update","ClientVariant","ClientEdit","useClientEditFormHandler","isPhotoChanged","isRequestData","mapData","EDIT","queryClient","QueryClient","Client","QueryClientProvider","Route","component","exact","ClientPartner","clientPartner","ProspectiveClient","pic_phone","pic_email","JoditReact","defaultValue","placeHolder","onBlur","onFocus","textAreaRef","useRef","jodit","setJodit","Jodit","make","events","on","destruct","inline","preset","toolbar","theme","popup","selection","useInputsPlaceholder","showPlaceholder","askBeforePasteHTML","tabIndex","config2","toolbarSticky","toolbarStickyOffset","showCharsCounter","showWordsCounter","showXPathInStatusbar","buttons","JoditContentEditorModule","placehoder","handleOnFocus","handleOnBlur","useConfig2","content","ClientPICForm","clientId","defaultProfile","contentEditorModule","clientSelected","position","noted","ClientPICAdd","useClientPICAddFormHandler","clientPICData","clientPICDataForm","ClientPICEdit","useClientPICEditFormHandler","ClientPICComponent","statusMenu","ClientPICList","prevURL","decodeURIComponent","clientPIC","ClientPIC","useAddData","backOnAddSuccess","useGetData","successMessage","CreatableAsyncCustomerTagSelectInputHandler","onNewTagAdded","CreatableAsyncSelect","onCreateOption","loadCustomerTagList","tag","sel","toLowerCase","helper","CustomerForm","_values$description","handleTagChange","tags","selectedTags","description","CustomerAdd","useCustomerAddFormHandler","customerData","useUpdateData","CustomerEdit","useCustomerEditFormHandler","useDeleteData","remove","CustomerComponent","isDeleted","setIsDeleted","marginTop","backgroundColor","color","suppressContentEditableWarning","optionDelete","confirm","CustomerList","customerList","customer","Customer","FormikSelectInputHandler","selectedFieldName","selected","Select","isSearchable","ChildComponent","childItem","handleDelete","onDelete","FormikChildrenFormComponent","childrenRef","createRef","addChild","_values$children","_childrenRef$current2","childAddField","newChildren","focus","gap","onKeyPress","_childrenRef$current","preventDefault","child","number","ContactNumberComponent","contactNumberItem","FormikContactNumberFormComponent","contactNumberRef","addContactNumber","_values$contactNumber","_contactNumberRef$cur2","contactNumberAddField","newContactNumberList","contactNumber","_contactNumberRef$cur","newContactNumbers","EducationComponent","educationItem","FormikEducationFormComponent","educationRef","addEducation","_values$education","_educationRef$current2","educationAddField","newEducation","education","_educationRef$current","edu","PositionComponent","time","FormikPositionsFormComponent","positionRef","handleAddPosition","_positionRef$current","addPosition","_values$positions","_positionRef$current2","positionAddField","timeAddField","newPositionList","positions","removePosition","_values$positions2","pos","AcknowledgementComponent","ackItem","FormikAcknowledgementFormComponent","ackRef","addAck","_values$acknowledgeme","_ackRef$current2","acknowledgementAddField","newAck","acknowledgement","_ackRef$current","ack","ackd","DatabaseTNIALForm","corpsSelector","corpsSelected","contentEditor","rank","DatePicker","placeholderText","birthOfDate_date","Date","toLocaleDateString","handleDateChange","showYearDropdown","customInput","dateIcon","birthOfDate","period","nrp","serial_number","generation","textAlign","spouse","DatabaseTNIALAdd","useDatabaseTNIALAddFormHandler","customerPersonnelData","corps","customerPersonnelDataForm","DatabaseTNIALEdit","useDatabaseTNIALEditFormHandler","d","isValid","toDate","val","Array","isArray","GenericFormAddAPI","errorMapping","addCallback","DatabaseTNIALImportAPI","CustomerPersonnelXlsxUploadFactory","fileDescription_fieldName","onFileChange","onRemoveFile","DatabaseTNIALImport","importOpened","setImportOpened","fileUploader","file_url","file_description","DatabaseTNIALImportWithFormHandler","databaseTNIALImport","withFormik","handler","DatabaseTNIALImportBuilder","AngkatanComponent","selectedOption","setSelectedOption","angkatan","from","x","i","DatabaseTNIALComponentSimpleList","toNow","databaseTNIALList","DatabaseTNIALList","customerPersonnel","DatabaseTNIALViewer","_tnialData$descriptio","tnialData","setTnialData","tnial","photoBase64","alt","listStyle","paddingLeft","DatabaseTNIAL","DbBackup","DOCXRenderer","mainState","currentDocument","openDoc","open","uri","blockedPopup","allowPopup","fileTypes","weight","XLSXRenderer","DocumentViewer","DocViewer","pluginRenderers","DocViewerRenderers","documents","atob","fileUrl","FormikFileUploadFactory","onFileChangeUpdate","onRemoveFileUpdate","usePostData","onPostSuccessMessage","CreatableAsyncTagSelectInput","loadTagList","LawRegulationForm","_values$status","fileHandler","ruleDate_date","ruleDate","LawRegulationAdd","useLawRegulationAddFormHandler","lawRegulationData","lawRegulationDataForm","LawRegulationEdit","useLawRegulationEditFormHandler","isFileChanged","LawRegulationComponent","viewDocument","btoa","lawRegulationList","MonthTagComponent","monthTag","selectedMonth","onMonthChoosen","month","YearTagComponent","year","selectedYear","onYearChoosen","YearTagsComponent","_decryptedParamData$y","_decryptedParamData$m","_decryptedParamData$s","_decryptedParamData$s2","_decryptedParamData$s3","decryptedParamData","tagParamData","years","setYears","monthsTagsList","setMonthsTagsList","setSelectedMonth","setSelectedYear","setSelectedTags","getYear","getMonth","useGetDataWithParam","generateAndGoToEncodedParamData","requestMonthNewsList","paramData","encryptedParamData","updateMonths","datas","months","organizeMonthsetMonthsTagsList","tagsJSON","existsMonth","cMonth","newTag","monthTags","includes","tagValue","newSelectedTags","onTagChoosen","LawRegulationList","lawRegulation","LawRegulation","ActionType","LogsComponent","actionTypeMap","actionTypePathMap","loginAttempt","generateLoginLogDescription","loginFailed","loginSuccess","edit","generateLogDescription","sentence","generateEditLink","memberList","_this$props$user","_this$props$user2","moduleType","user","displayTitle","pathMapped","getLogDescription","actionType","LoginFailed","LoginSuccess","Edit","Add","newsList","actionPlanList","pobHeaderList","pobList","clientList","customerPersonnelList","SearchButtonInput","SearchDataSubmitter","submitMethodList","queryList","submitMethod","unregister","getSubmittedData","newData","BuildableSearchComponent","searchModule","loadingController","submitter","reference","fixedAppliedQuery","triggerSubmit","searchIcon","searchInputValue","submit","uniqueValue","LogsList","searchSubmitter","onLoadLogss","logss","logs","APILogsListPagingLoader","LogsListController","LogsListBuilder","logsListLoader","logsListController","logsSearch","Logs","Logout","MemberAddAPI","MemberAdd","gender","usernameIcon","dob_date","dobIcon","dob","retype_password","cancel","MessageType","optional","oneOf","MemberAddWithFormHandler","memberAdd","memberData","memberDataForm","successAdd","success","MemberAddRouter","MemberAddBuilder","memberHandler","MemberEdit","back","when","is","MemberEditWithFormHandler","isMount","componentWillUnmount","memberEdit","GenericSingleLoader","APIMemberSingleLoader","GenericFormEditAPI","MemberEditAPI","MemberEditRouter","MemberEditBuilder","parameterRoute","MemberComponent","age","onEdit","closeMenu","deleteMember","reload","SearchComponent","_this$props$defaultVa","setRefreshTrigger","MemberList","onLoadMembers","members","onAdd","goToAdd","goToEdit","member","APIMemberListPagingLoader","MemberListController","MemberListRouter","MemberListBuilder","memberListLoader","memberListController","memberSearch","Member","CreatableAsyncNewsTagSelectInputHandler","loadNewsTagList","NewsForm","tagSelector","link","NewsAdd","useNewsAddFormHandler","newsData","toLocaleString","NewsEdit","useNewsEditFormHandler","NewsComponent","_props$link","_props$link2","setTags","tagsList","newTags","join","disableEdit","MonthNewsComponent","monthNews","YearNewsComponent","YearNewsListComponent","monthsNewsList","setMonthsNewsList","selectedNewsId","selectedNews","setSelectedNews","organizeMonthsNewsList","newsListJSON","monthNewsList","news","newsId","onNewsChoosen","NewsList","News","getPOBAddDataToSubmit","pobData","projectValue","customerTemporary","pobDataForm","projectManagerId","projectHeaderId","customerId","_photoRef$current","useSelectMemberHelper","onComplete","returnedMemberList","AsyncClientPICSelectInput","components","Option","cx","getStyles","isDisabled","isFocused","isSelected","innerRef","innerProps","picName","companyName","POBForm","_values$projectHeader","_values$memberList","returnedPOBHeaderList","pobHeader","useSelectPOBHeaderHelper","projectHeaderList","defaultProjectIcon","moneyIcon","projectHeaderSelected","memberSelected","POBAdd","usePOBAddFormHandler","useSetProjectName","updateProjectName","projectName","usePOBEditFormHandler","getPOBEditDataToSubmit","_values$name","POBEdit","POBContentType","POBComponent","_props$projectHeaderN","_props$projectManager","_props$clientName","_props$customerTempor","_props$projectValue","defaultProject","projectHeaderName","projectManagerName","latestStatus","information","analysis","_props$projectHeaderI","pobContentWithHeader","POB","seeContentMenu","POBList","targetField","searchField","pob","customerName","editor","setContent","useMemo","JoditEditor","newContent","UploadStatus","useItemErrorListener","item","useItemFinishListener","uploadResponse","finishUpload","onFinish","useItemProgressListener","progressUpload","onProgress","completed","FieldInformationFileUploadHandler","Uploady","destination","apiURL","multiple","forceJsonResponse","sendWithFormData","autoUpload","concurrent","maxConcurrent","inputFieldName","UploadDropZone","textProps","LatestStatusComponent","_props$contractors","_props$location","setMemberList","tempContractors","setTempContractors","contractors","tempLocation","setTempLocation","setPersonnelList","personnelListData","personnelList","latestStatusData","setLatestStatusData","personnelListDisplay","date_date","usePrevious","prevLatestStatusData","addForm","_props$contractors2","_props$location2","actionPlanId","actionPlanData","_latestStatusData$act","_prevLatestStatusData","_latestStatusData$con","_latestStatusData$loc","compareNow","a","comparePrev","doSilentUpdate","addLatestStatus","projectId","projectType","resultUpdatedDate","resultCreatedDate","newDate","pDate","showTimeSelect","timeFormat","TextInput2","currentTarget","prevData","timerIcon","actionPlan","_props$memberList","_actionPlan$date","ActionPlanFields","picIds","objective","showTimeField","onActionPlanIdUpdate","updateActionPlan","idx","newActionPlanData","newActionPlanId","deleteable","clearable","onDeleteActionPlan","runDeleteActionPlan","addNewActionPlanField","newDummyActionPlan","_props$picIds","_props$memberList3","actionPlanSelected","setActionPlanSelected","setLocation","setObjective","setContractors","setTime","setDate_date","setActionPlanId","actionPlanName","setActionPlanName","setPicIds","membersSelected","setMembersSelected","picId","_prevProps$id","_prevProps$name","_props$id","_props$name","prevActionPlanProps","currentActionPlanProps","handleActionPlanChange","firstLoad","_actionPlan$location","_actionPlan$personnel","_actionPlan$contracto","_actionPlan$objective","_actionPlan$picIds","_props$memberList2","refresh","handleActionPlanCreate","createActionPlan","callUpdateActionPlan","handleBlurForActionPlanFields","handlePICSelectedChange","deleteActionPlan","FileUploadProgressUI","displayFileUpload","fileUploadList","toFixed","FieldInformationComponent","_actionPlanData$date","confirmDeleteFieldInformation","deleteFile","fieldInformationData","fileUploadOnProgress","handleResultChange","onFinishUpload","resultField","saveAndBack","uploadDisplay","_props$files","setDate_Date","setFiles","setFileUploadList","setFileUploadOnProgress","onFocusResult","setOnFocusResult","setFieldInformationData","setActionPlanData","doManualUpdateV2","noRefresh","resultActionPlanId","resultContent","newFieldInformation","prevData2","fileUploadListProgress","found","fileUpload","uploadOnProgress","filename","fileExt","useFieldInformationComponent","NormalFileUpload","enableBackButton","justifyContent","uploady","useUploady","showFileUpload","FieldInformationAddV3","_props$actionPlan","_props$actionPlan$dat","_props$actionPlan2","_props$actionPlan3","_props$actionPlan4","_props$actionPlan5","_props$actionPlan6","_props$actionPlan7","_props$actionPlan8","background","top","left","fieldInformationId","FieldInformationList","equal","fieldInformation","uuid","SelectInput","optionsComponent","_this$optionsComponen","_this$props$id","_this$props$defaultOp","_this$props$defaultOp2","_this$props$defaultOp3","_this$props$defaultOp4","_this$optionsComponen2","defaultOption","HistoryComponent","_historyData$id","historyData","setHistoryData","isInit","setIsInit","quarter","HistoryList","mainParams","LatestStatusList","memo","handleAddClick","useCallback","LatestStatusAdd","BudgetTypeComponent","budgetType","FormikBudgetFormComponent","budgetTypeRef","handleAddBudget","_budgetTypeRef$curren","addBudget","_values$budgetList","_budgetTypeRef$curren2","budgetValue","newBudgetList","budgetList","removeBudget","budget","POBHeaderForm","_values$fiscalYearFro","_values$fiscalYearTo","fiscalYearFrom","fiscalYearTo","classificationBudgetSelected","amount","POBHeaderEdit","usePOBHeaderEditFormHandler","pobHeaderData","pobHeaderDataForm","_document$getElementB","ContentListType","ActionPlanComponent","googleCalendarEventId","deleteMenu","resultId","ActionPlanListForContentType","googleCalendarConnectionStatus","setGoogleCalendarConnectionStatus","showGoogleCalendarRenewalInstruction","setShowGoogleCalendarRenewalInstruction","isLoadingCheckGoogleCalendarConnection","connectionStatus","authUrl","padding","ap","useBlockContentList","contentParams","prevBlockContentList","setPrevBlockContentList","contentType","contentId","changeOrder","useChangeOrderBlockContent","blockContentId","targetIndex","getContent","BlockContentDetailComponent","_content$data","updateContent","useBlockContentDetail","updatedBy","updatedDate","BlockContentListComponent","bc","copyUrlActionButton","defineFileAction","requiresSelection","button","contextMenu","deleteFileActionButton","FileUploadHandler","projectFilesAPIUrl","FileUploadDnD","onGetFilelist","projectFilesAPIURL","thumbnailUrl","thumbUrl","actionHandler","textField","classList","origin","selectedFiles","select","execCommand","manageProjectFiles","ChonkyActions","OpenFiles","UploadFiles","manualFileUpload","onAddNewFile","registerManualUpload","uploadFn","manualUpload","FileBrowser","onFileAction","fileActions","darkMode","FileToolbar","FileList","FileContextMenu","onGetFileList","init","StandarManageProjectFiles","SupportingDocsBuilder","httpHeader","POBContentHeaderDownloadButton","DownloadStatus","DownloadDataToDoc","idle","downloadDecisionFn","apiPath","filterElement","getPostfix","download","showFilter","request","clientResult","toWord","htmlToPrint","useTemplate","source","asBlob","saveAs","DateRangeFilter","setFromFilter","setToFilter","fromDate","useDateRangeFilter","setFrom","setFromDate","setTo","setToDate","DownloadActionPlanToDoc","toISOString","html","dt","_ref2","DownloadBackgroundToDoc","project","contentHtml","contentHtmlData","contentName","DownloadFieldInformationToDoc","QuarterYearFilter","setQuarterFilter","setYearFilter","handleQuarterChange","handleYearChange","useQuarterYearFilter","currentYear","getFullYear","DownloadHistoryToDoc","_dt$information","DownloadLatestStatusToDoc","_dt$analysis","ProjectType","DownloadProjectToDoc","temp","_projectData$projectM","_projectData$customer","_projectData$clientNa","_projectData$projectV","_projectData$projectM2","_projectData$fiscalYe","_projectData$fiscalYe2","budgetListHtml","useTemplateLatestStatusAndAnalysis","latestStatuses","_latestStatus$informa","_latestStatus$analysi","POBChildMenu","setChildren","pobHeaderId","pobContent","POBHeader","cd","POBContentMenu","usePOBContent","sortContentData","itemData","splice","mapContentDataMenuName","rawData","openSupportingDocs","setOpenSupportingDocs","toggleSupportingDocs","downloadFn","DownloadHistory","downloader","projectDocumentName","DownloadFieldInformation","DownloadActionPlan","DownloadLatestStatus","DownloadBackground","isHeader","DownloadProject","scrollLeft","scrollableContainer","mn","supportingDocs","scrollRight","POBContent","POBHeaderAdd","usePOBHeaderAddFormHandler","POBHeaderComponent","POBHeaderList","Profile","ProfileWithFormHandler","profile","_this$props$session$g","ProfileBuilder","APIActionPlanResultSingleLoader","ActionPlanResultEnum","ActionPlanPostResultComponent","presenter","setUpdateState","updateState","textResultEditor","changeResultTab","resultType","fileChange","getFileToUploadList","filelist","fileListHtml","_filelist$item","_this$state$name","_this$state$textResul","resultDate","textResult","handleTextChange","updateResult","updateFileResult","ActionPlanPostResultComponentPresenter","updateFile","ReactActionPlanPostResultController","fileClient","openResult","setResultType","GenericAddAPI","ActionPlanAddAPI","GenericEditAPI","ActionPlanEditAPI","FieldInformationAddAPI","FieldInformationEditAPI","APIFieldInformationSingleLoader","AsyncCreatableActionPlanSelectInputHandler","onCreate","_this","loadActionPlanList","handleOnCreate","getNewOptionData","optionLabel","__isNew__","isEqual","isClearable","getOptionLabel","_this$props$projectId","_props$objective","_props$personnelList","_this$props$location","_this$props$objective","_this$props$contracto","_this$props$contracto2","actionPlanAddHandler","actionPlanEditHandler","actionPlanSelector","handleChangeForActionPlanFields","clearActionPlan","onSavingProgress","doSilentUpdateProgress","addHandler","fullSilentUpdate","editHandler","_this$state$files","_this$state$files2","deleteHandler","saveAndBackFn","backFn","fontWeight","FieldInformationAddV2","_this$props$actionPla","_this$props$actionPla2","_this$props$actionPla3","_this$props$actionPla4","_this$props$actionPla5","_this$props$actionPla6","_this$props$actionPla7","_this$props$actionPla8","_this$props$actionPla9","APINewsListPagingLoader","ActionPlanTodayWidget","defaultSetState","actionPlans","resultFormOpen","onLoadActionPlans","NewsWidget","ActionPlanTodayPresenter","goToResult","_actionPlan$projectId","ListLoaderTodayController","NewsWidgetController","_result$data","DashboardWidget","resultController","newsWidgetController","FormikSelectMultiInputHandler","ActionPlanForm","minWidth","ActionPlanAdd","useActionPlanAddFormHandler","ActionPlanEdit","useActionPlanEditFormHandler","_formik$values$member","ActionPlan","FieldInformationMoveFiles","doMoveFiles","GoogleCalendarAuth","setResult","setError","_data$message","Dashboard","Provider","ToastContainer","hideProgressBar","googleCalendarAuth","dashboard","prospectiveClientList","clientPartnerList","backup","logout","viewDocumentParam","StartApp","Router","RouteManager","Switch","login","setChonkyDefaults","iconComponent","ChonkyIconFA"],"mappings":"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","file":"static/js/main.f66aac69.chunk.js","sourcesContent":["import * as React from 'react';\n\nexport type ButtonInputProp = {\n    caption: string\n    title?: string\n    type?: 'submit' | 'reset' | 'button'\n    [param: string]: any\n}\n\nexport class ButtonInput extends React.Component<ButtonInputProp>{\n    constructor(props: ButtonInputProp){\n        super(props)\n    }\n\n    render(){\n        const { aclass, caption, title, type, ...props } = this.props\n        return <button className={aclass ?? ''} type={type || \"submit\"} {...props} title={title ?? \"\"}>\n                {this.props.children}\n                {caption}\n                </button>\n    }\n}","import * as React from 'react'\nimport { ButtonInput } from './ButtonInput'\n\nexport class SimpleMessage extends React.Component<{title: string, body?: string, onClick?: () => void}>{\n    handleClick = () =>{\n        this.props.onClick && this.props.onClick()\n    }\n    render(){\n        return (\n            <div id=\"simple-message\">\n                <div className=\"message-background\"></div>\n                <div className=\"message-container\">\n                    <div className=\"message-cell\">\n                        <div className=\"message-box\">\n                            <div className=\"title\">{this.props.title}</div>\n                            <div className=\"body\">{this.props.body}</div>\n                            <ButtonInput caption=\"OK\" title=\"OK\" aclass=\"ok-button\" type=\"button\" onClick={this.handleClick} autoFocus={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}","import * as React from 'react'\n\nexport class FieldMessage extends React.Component<{message: string}>{\n    render(){\n        return <div className=\"field-message\" data-test=\"message\">{this.props.message}</div>\n    }\n}","import * as React from 'react';\r\nimport { FieldMessage } from './FieldMessage';\r\n\r\nexport interface TextInputProp{\r\n    icon?: any\r\n    helpText?: string\r\n    inputRef?: React.RefObject<HTMLInputElement>\r\n    placeholder: string\r\n    [param: string]: any\r\n}\r\n\r\nexport class TextInput extends React.Component<TextInputProp>{\r\n    constructor(props: TextInputProp){\r\n        super(props)\r\n    }\r\n\r\n    render(){\r\n        const { aclass, placeholder, type, message, touched, inputRef, name, ...props } = this.props\r\n        return <div className=\"input-container\">\r\n                    \r\n                    <input type={type || \"text\"} name={name} className={\"text-input \" + (aclass ?? 'default') + (this.props.icon ? '' : ' no-icon') } placeholder={ placeholder } ref={inputRef} {...props}></input>\r\n                    <label htmlFor={name}>{placeholder}</label>\r\n                    {message && touched && <FieldMessage message={message} />}\r\n                    {this.props.icon && \r\n                        <div className=\"icon\">\r\n                            <img src={ this.props.icon }></img>\r\n                        </div>\r\n                    }\r\n                    {this.props.helpText && <div className=\"helper-data\">{this.props.helpText}</div> }\r\n                </div>\r\n    }\r\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAAEAAAAADGTvlgAAABIUlEQVQoFdVRu26DMBStDaiIKQPPjW4dOzImW8Z+Qj4rn9BPyFZ1Sze2ZIMNCzF0QULi1XOj2jJWJCp1qiXL9557ju/1MXu4s6qq2nLOn1GKsQXiSxAEHyaV6UBRFK7neQdgsWVZed/3X47jbMZxfAEmoig66vyFuK7r/TzPGWPsGIahkERMkqL7AfgZ+EniXAZ0okikqy4kPEmSknBcnFIu10I8TVM8DIPqKEl0/uDkgVoLsUJ/GdzeLITIYNAjOu8weoldmHqM/ERjY/x31Dvf9z9Z0zSv5CZAgWJniswcQpeeR79hkxDAGf+oXDQFZk6/Al12ezOC1Y76BZL/J8P+mRhOu+SBDadLJBkcTHVTVuKYdLxt2zcQ8xWyWc5J9w1zu3Mf1/kuSwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAAEQAAAAD7LtDQAAABd0lEQVQ4EaVSu46DMBAMhEhOSCSQ8uzMH1DmE1JS3mfcp9xnXEmZMu1VR3ld6EAhUtwEkBLgZiN8Ms6jOSS03p2ZtT1eo/fgS9N0bRiGD2iJP+33+9/T6fRLpxp64Xg8BlVV+aZpiqZpBJo4dV074EWLxSJU+ZaaJEnCW+HPbDb7lFiWZW9o4AOPVqtVLOumXLSRU7Qsa9vmt6DkXK13xIPBgI7XE0KUKknmuDtT6x3x9XpNCRwOh2TW36fkN1wCnTsXRRGNx+M17rc5HA4ODEtA9PCTgSl8iKSQ4p3bp9PJuVwuAYRcEuF4jCuFrusKWaN4J5YgNSnL0mGMCV0kOf+Kt533+z0bjUYbOioNxbOO7dDEeZ5vPc8rDRLatv0OgJEpiJ1nUhuhMYOZS8TyfD5/WJPJZIOpYiiEupuqUK7xCj42CEhnYsFpx/l83nkGSdYj8YiPmeAmDf2ro+piyolP3nQm7BHxVc3CzjsQ4lckHYNHO9T4L+1iqDQ0oLQFAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/logo.65939cbf.png\";","interface Config{\r\n    api: string\r\n}\r\n\r\nexport let config: Config\r\n\r\nconsole.log(process.env.REACT_APP_API)\r\nif(process.env.NODE_ENV === 'production' && process.env.REACT_APP_API){\r\n    config = {\r\n        api: process.env.REACT_APP_API\r\n    }\r\n}\r\nelse{\r\n    config = {\r\n        api: 'http://localhost:3000/'\r\n    }\r\n}","import { config } from './../Environment'\r\n\r\nexport const APIServer = config.api\r\nexport const LoginPath = APIServer + \"login\"\r\n\r\nexport const MemberPath = APIServer + \"member/\"\r\nexport const MemberPagePath = APIServer + \"members/\"\r\nexport const MemberItemPerPage = 8\r\n\r\nexport const ClientPath = APIServer + \"client/\"\r\nexport const ClientPagePath = APIServer + \"v2/clients/\"\r\nexport const ClientItemPerPage = 8\r\nexport const FilterClientPath = ClientPath + \"find/\"\r\n\r\nexport const ClientPICPath = APIServer + \"client_pic/\"\r\nexport const ClientPICPagePath = APIServer + \"v2/client_pics/\"\r\nexport const ClientPICItemPerPage = 8\r\nexport const FilterClientPICPath = ClientPICPath + \"find/\"\r\n\r\nexport const CustomerPath = APIServer + \"customer/\"\r\nexport const CustomerPagePath = APIServer + \"v2/customers/\"\r\nexport const CustomerItemPerPage = 4\r\nexport const FilterCustomerPath = CustomerPath + \"find/\"\r\n\r\nexport const ImagePath = APIServer + \"images/\"\r\nexport const FilePath = APIServer + \"files/\"\r\n\r\nexport const CustomerPersonnelPath = APIServer + \"customer_personnel/\"\r\nexport const CustomerPersonnelPagePath = APIServer + \"v2/customer_personnels/\"\r\nexport const CustomerPersonnelItemPerPage = 100\r\nexport const BlockFilterCustomerPersonnelPath = CustomerPersonnelPath + \"find/\"\r\nexport const CustomerPersonnelImportPath = CustomerPersonnelPath + \"import\"\r\n\r\n\r\nexport const CustomerPersonnelHistoryPath = APIServer + \"customer_personnel_history/\"\r\nexport const CustomerPersonnelHistoryPersonnelSelectionPath = CustomerPersonnelHistoryPath + \"personnel/\"\r\n\r\nexport const LawRegulationPath = APIServer + \"law_regulation/\"\r\nexport const LawRegulationPagePath = APIServer + \"v2/law_regulations/\"\r\nexport const LawRegulationYearTagsPath = LawRegulationPath + \"tags/\"\r\nexport const LawRegulationItemPerPage = 6\r\nexport const BlockFilterLawRegulationPath = LawRegulationPath + \"find/\"\r\n\r\nexport const POBHeaderPath = APIServer + \"pob_header/\"\r\nexport const POBHeaderGetChildrenPath = POBHeaderPath + \"children/\"\r\nexport const POBHeaderPagePath = APIServer + \"v2/pob_headers/\"\r\nexport const POBHeaderItemPerPage = 4\r\n\r\nexport const POBPath = APIServer + \"pob/\"\r\nexport const POBPagePath = APIServer + \"v2/pobs/\"\r\nexport const POBItemPerPage = 4\r\n\r\nconst POBContentPath = \"pob_content/\"\r\nexport const POBContentGetProjectName = APIServer + POBContentPath + \"get_project_name/\"\r\nexport const POBContentAdd = APIServer + POBContentPath + \"add/\"\r\nexport const POBContentList = APIServer + POBContentPath + \"content_list/\"\r\nexport const POBBlockContentList = APIServer + POBContentPath + \"block_content_list/\"\r\nexport const POBBlockContentDetail = APIServer + POBContentPath + \"block_content_detail/\"\r\n\r\nexport const POBContentUpdate = APIServer + POBContentPath + \"update/\"\r\nexport const POBContentChangeOrder = APIServer + POBContentPath + \"change_order/\"\r\nexport const POBBlockContentRemove = APIServer + POBContentPath + \"remove/\"\r\nexport const POBBlockContentUpdate = APIServer + POBContentPath + \"update/block_content/\"\r\n\r\nexport const ActionPlanPath = APIServer + \"action_plan/\"\r\nexport const ActionPlanPagePath = APIServer + \"v2/action_plans/\"\r\nexport const ActionPlanItemPerPage = 8\r\nexport const FilterProjectPath = ActionPlanPath + \"find/project/\"\r\nexport const ActionPlanUpdateResultPath = ActionPlanPath + \"result\"\r\nexport const ActionPlanGetResultPath = ActionPlanPath + \"result/\"\r\nexport const ActionPlanGoogleCalendarConnectionPath = ActionPlanPath + \"google_calendar_connection\"\r\nexport const ActionPlanGoogleCalendarSetTokenPath = ActionPlanPath + \"google_calendar_set_token\"\r\n\r\nexport const ActionPlanTodayPath = ActionPlanPath + \"filter/today/all\"\r\n\r\nexport const FieldInformationPath = APIServer + \"field_information/\"\r\nexport const FieldInformationPagePath = APIServer + \"field_informations/v2/\"\r\nexport const FieldInformationUpdateFileResultPath = FieldInformationPath + \"result_file\"\r\nexport const FieldInformationItemPerPage = 8\r\n\r\nexport const HistoryPath = APIServer + \"history/\"\r\nexport const HistoryPagePath = APIServer + \"v2/history_list/\"\r\nexport const HistoryItemPerPage = 8\r\n\r\nexport const LatestStatusPath = APIServer + \"latest_status/\"\r\nexport const SingleLatestStatusPath = LatestStatusPath + \"latest/\"\r\nexport const LatestStatusPagePath = APIServer + \"v2/latest_status_list/\"\r\nexport const LatestStatusItemPerPage = 8\r\nexport const FilterActionPlanPath = LatestStatusPath + \"find/action_plan/\"\r\n\r\nexport const TagPath = APIServer + \"tag/\"\r\nexport const FilterTagPath = TagPath + \"find/\"\r\n\r\nexport const NewsPath = APIServer + \"news/\"\r\nexport const NewsPagePath = APIServer + \"v2/news_list/\"\r\nexport const NewsYearNewsPath = NewsPath + \"news_filter/\"\r\nexport const NewsItemPerPage = 4\r\nexport const NewsItemWidget = 5\r\n\r\nexport const NewsTagPath = APIServer + \"news_tag/\"\r\nexport const FilterNewsTagPath = NewsTagPath + \"find/\"\r\n\r\nexport const CustomerTagPath = APIServer + \"customer_tag/\"\r\nexport const FilterCustomerTagPath = CustomerTagPath + \"find/\"\r\n\r\nexport const ProjectDownloadPath = APIServer + \"project/\"\r\n\r\nexport const LogsPath = APIServer + \"logs/\"\r\nexport const LogsPagePath = APIServer + \"logs_list/\"\r\nexport const LogsItemPerPage = 100\r\n\r\nexport const DbBackupPath = APIServer + \"backup/\"\r\nexport const DbBackupFindFilePath = DbBackupPath + \"find/\"\r\nexport const DbBackupUpload = DbBackupPath + \"upload\"\r\nexport const DbBackupRestore = DbBackupPath + \"restore/\"\r\n\r\nexport const DbBackupDownload = APIServer + \"backup_download/\"\r\n\r\nexport const DbBackupPagePath = APIServer + \"backups/\"\r\nexport const DbBackupItemPerPage = 100\r\n\r\nexport const SupportingDocsPath = APIServer + \"project_files/\"","import { AuthTokenSessionStorage, Token } from '../modules/Login/AuthPermission';\nimport { LoginResult } from '../Types/LoginResult';\n\nexport enum HTTPMethod {\n    post = \"POST\",\n    get = \"GET\",\n    patch = \"PATCH\",\n    delete = \"DELETE\"\n}\n\nexport class HTTPHeader {\n    token: Token\n\n    constructor(token: Token){\n        this.token = token\n    }\n\n    header = () => {\n        return {\n            \"Content-Type\": \"application/json\",\n            \"Authorization\": \"Bearer \" + this.token.getToken()\n        }\n    }\n\n    formHeader = () => {\n        return {\n            \"Authorization\": \"Bearer \" + this.token.getToken()\n        }   \n    }\n}\n\nexport interface AuthHTTPClient {\n    auth(username: String, password: String, authCallback: (result: LoginResult) => void): void\n}","import { HTTPMethod, HTTPHeader } from '../interfaces/HTTPHeader';\r\n\r\nexport interface PostAPIHTTPClient {\r\n    post(url: string, jsonData: string, callback: (result: any) => void): void\r\n}\r\n\r\nexport interface PatchAPIHTTPClient {\r\n    patch(url: string, jsonData: string, callback: (result: any) => void): void\r\n}\r\n\r\nexport interface GetAPIHTTPClient {\r\n    get(url: string, callback: (result: any) => void): void\r\n}\r\n\r\nexport interface DeleteAPIHTTPClient {\r\n    delete(url: string, callback: (result: any) => void): void\r\n}\r\n\r\nexport interface FormPostAPIHTTPClient<DataType> {\r\n    postForm(url: string, data: DataType, callback: (result: any) => void): void\r\n}\r\n\r\nexport interface FormPatchAPIHTTPClient<DataType> {\r\n    patchForm(url: string, data: DataType, callback: (result: any) => void): void\r\n}\r\n\r\nexport class StandardAPIHTTPClient implements \r\n    PostAPIHTTPClient, GetAPIHTTPClient, \r\n    PatchAPIHTTPClient, DeleteAPIHTTPClient,\r\n    FormPostAPIHTTPClient<FormData>, FormPatchAPIHTTPClient<FormData>{\r\n    header: HTTPHeader\r\n    constructor(header: HTTPHeader){\r\n        this.header = header\r\n    }\r\n\r\n    delete(url: string, callback: (result: any) => void) {\r\n        let requestOptions = {\r\n            method: HTTPMethod.delete,\r\n            headers: this.header.header(),\r\n        }\r\n        fetch(url, requestOptions).then(response => response.json()).then(data => {\r\n            callback(JSON.parse(JSON.stringify(data)))\r\n        })\r\n    }\r\n\r\n    post(url: string, jsonData: string, callback: (result: any) => void) {\r\n        let requestOptions = {\r\n            method: HTTPMethod.post,\r\n            headers: this.header.header(),\r\n            body: jsonData\r\n        }\r\n\r\n        fetch(url, requestOptions).then(response => response.json()).then(data => {\r\n            callback(JSON.parse(JSON.stringify(data)))\r\n        })\r\n    }\r\n\r\n    patch(url: string, jsonData: string, callback: (result: any) => void) {\r\n        let requestOptions = {\r\n            method: HTTPMethod.patch,\r\n            headers: this.header.header(),\r\n            body: jsonData\r\n        }\r\n\r\n        fetch(url, requestOptions).then(response => response.json()).then(data => {\r\n            callback(JSON.parse(JSON.stringify(data)))\r\n        })\r\n    }\r\n\r\n    get(url: string, callback: (result: any) => void) {\r\n        let requestOptions = {\r\n            method: HTTPMethod.get,\r\n            headers: this.header.header(),\r\n        }\r\n        fetch(url, requestOptions).then(response => response.json()).then(data => {\r\n            callback(JSON.parse(JSON.stringify(data)))\r\n        })\r\n    }\r\n\r\n    postForm(url: string, data: FormData, callback: (result: any) => void) {\r\n        let requestOptions = {\r\n            method: HTTPMethod.post,\r\n            headers: this.header.formHeader(),\r\n            body: data\r\n        }\r\n\r\n        fetch(url, requestOptions).then(response => response.json()).then(data => {\r\n            callback(JSON.parse(JSON.stringify(data)))\r\n        })\r\n    }\r\n\r\n    patchForm(url: string, data: FormData, callback: (result: any) => void) {\r\n        let requestOptions = {\r\n            method: HTTPMethod.patch,\r\n            headers: this.header.formHeader(),\r\n            body: data\r\n        }\r\n\r\n        fetch(url, requestOptions).then(response => response.json()).then(data => {\r\n            callback(JSON.parse(JSON.stringify(data)))\r\n        })\r\n    }\r\n}","import { createBrowserHistory } from 'history'\n\nlet history = createBrowserHistory()\nexport let goToDashboard = () => history.push(\"/\")\nexport let goToLogin = () => history.push(\"/login\")\n\nexport default history","import { MemberModel } from '../Member/model/Member'\nimport { goToLogin } from '../RouteManager'\n\nexport interface AuthPermissionProtocol {\n    isLoggedIn(): boolean\n    isSuperAdmin(): boolean\n    goToLogin(): void\n}\n\nexport interface MemberLoginModel extends MemberModel {\n    superAdmin: boolean\n    token: string\n}\n\nexport class AuthPermissionSessionStorage implements AuthPermissionProtocol {\n\n    isLoggedIn(): boolean {\n        if (!sessionStorage.getItem(\"userData\")) return false\n\n        return true\n    }\n\n    isSuperAdmin(): boolean {\n        if (!sessionStorage.getItem(\"userData\")) return false\n\n        let data: string = sessionStorage.getItem(\"userData\") ?? \"\"\n        if (data == \"\") return false\n\n        let userData: MemberLoginModel = JSON.parse(data)\n        if (!userData.superAdmin) return false\n\n        return true\n    }\n\n    goToLogin() {\n        goToLogin()\n    }\n}\n\nexport interface Token{\n    getToken(): string\n}\n\nexport class AuthTokenSessionStorage implements Token {\n    getToken(): string {\n        if (!sessionStorage.getItem(\"userData\")) return \"\"\n\n        let data: string = sessionStorage.getItem(\"userData\") ?? \"\"\n        if (data == \"\") return \"\"\n\n        let userData: MemberLoginModel = JSON.parse(data)\n\n        return userData.token\n    }\n}","export enum ResultStatus{\n    ok = \"ok\",\n    fail = \"fail\"\n}","import { HTTPHeader } from \"../interfaces/HTTPHeader\";\nimport { FormPatchAPIHTTPClient, FormPostAPIHTTPClient } from \"./StandardAPIHTTPClient\";\nimport axios from \"axios\"\n\nexport interface UploadProgressProtocol{\n    addProgressListener(progressListener: (progressEvent: any) => void): void\n}\n\nexport class AxiosAPIHTTPClient implements FormPostAPIHTTPClient<FormData>, FormPatchAPIHTTPClient<FormData>, UploadProgressProtocol{\n    header: HTTPHeader\n\n    constructor(header: HTTPHeader){\n        this.header = header\n    }\n    patchForm(url: string, data: FormData, callback: (result: any) => void): void {\n        console.log(\"HM: \" + url)\n        axios(url, {\n            onUploadProgress: this.onUploadProgress,\n            headers: this.header.formHeader(),\n            method: \"PATCH\",\n            data: data\n        }).then(response => response.data).then(data => {\n            callback(JSON.parse(JSON.stringify(data)))\n        })\n    }\n    progressListenerList: ((progressEvent: any) => void)[] = []\n\n\n    postForm(url: string, data: FormData, callback: (result: any) => void): void {\n        axios(url, {\n            onUploadProgress: this.onUploadProgress,\n            headers: this.header.formHeader(),\n            method: \"POST\",\n            data: data\n        }).then(response => response.data).then(data => {\n            callback(JSON.parse(JSON.stringify(data)))\n        })\n    }\n\n    addProgressListener = (progressListener: (progressEvent: any) => void) => {\n        this.progressListenerList.push(progressListener)\n    }\n\n    private onUploadProgress = (progressEvent: any) => {\n        console.log(progressEvent)\n\n        this.progressListenerList.forEach( progressListener => progressListener(progressEvent) )\n    }\n\n}","import { PagingDisplayUpdaterProtocol, PagingData } from './PagingDisplayUpdaterProtocol';\n\nexport interface PagingFeatureControlProtocol{\n    setData(pagingData: PagingFeatureControlData): void\n    updateNextPage(page: number): void\n    updatePrevPage(page: number): void\n    updateCurrentPage(page: number): void\n    updateTotalPage(total: number): void\n\n    commitUpdate(): void\n}\n\nexport type PagingFeatureControlData = {\n    totalData: number,\n    totalDataShowed: number,\n    currentPage: number,\n    totalPage: number\n}\n\nexport class PagingFeatureControl implements PagingFeatureControlProtocol, PagingDisplayUpdaterProtocol{\n\n    nextPageEnabled: boolean = false\n    prevPageEnabled: boolean = false\n\n    totalPage: number = 1\n    prevPage: number = 1\n    nextPage: number = 1\n    currentPage: number = 1\n\n    updateDisplayList: ((data: PagingData) => void)[] = []\n\n    setData(pagingData: PagingFeatureControlData){\n        let currentPage = pagingData.currentPage\n        this.updateCurrentPage(currentPage)\n        this.updatePrevPage(currentPage - 1)\n        this.updateNextPage(currentPage + 1)\n        this.updateTotalPage(pagingData.totalPage)\n        this.commitUpdate()\n\n        let data: PagingData = {\n            totalPage: pagingData.totalPage,\n\n            prevPage: this.prevPage, \n            nextPage: this.nextPage, \n            currentPage: this.currentPage, \n\n            totalData: pagingData.totalData,\n            totalDataShowed: pagingData.totalDataShowed,\n\n            nextPageEnabled: this.nextPageEnabled, \n            prevPageEnabled: this.prevPageEnabled\n        }\n\n        this.updateDisplay(data)\n    }\n\n    updateTotalPage(total: number){\n        this.totalPage = total\n    }\n\n    updateNextPage(page: number){\n        this.nextPage = page\n    }\n\n    updatePrevPage(page: number){\n        this.prevPage = (page > 1 ? page : 1)\n    }\n\n    updateCurrentPage(page: number){\n        this.currentPage = page\n    }\n\n    commitUpdate(){\n        if(this.nextPage > this.totalPage) this.nextPage = this.totalPage\n\n        if(this.totalPage == 1){\n            this.prevPageEnabled = false\n            this.nextPageEnabled = false\n        }\n        else if(this.prevPage == this.currentPage){\n            this.nextPageEnabled = true\n            this.prevPageEnabled = false\n        }\n        else if(this.nextPage == this.currentPage){\n            this.nextPageEnabled = false\n            this.prevPageEnabled = true\n        }\n        else{\n            this.nextPageEnabled = true\n            this.prevPageEnabled = true\n        }\n    }\n\n    register(updateDisplay: (data: PagingData) => void){\n        this.updateDisplayList.push(updateDisplay)\n    }\n    updateDisplay(data: PagingData){\n        this.updateDisplayList.forEach( (display) => {\n            display(data)\n        } )\n    }\n}","import React from 'react'\n\ntype BoxButtonComponentProp = {\n    border?: string, \n    icon?: string,\n    aclass?: string,\n    [param: string]: any\n}\nexport class BoxButtonComponent extends React.Component<BoxButtonComponentProp>{\n    icon?: JSX.Element\n    aclass: string = \"\"\n    defaultBorder: string = \"no-border\"\n    constructor(props: BoxButtonComponentProp){\n        super(props)\n\n        if(this.props.icon){\n            this.icon = <img src={this.props.icon}/>\n        }\n\n        this.aclass = (this.props.aclass ?? \"\") + \" \" + (this.props.border ?? this.defaultBorder)\n    }\n\n    render(){\n        const {border, icon, aclass, ...props} = this.props\n        return (\n        <button className={this.aclass} {...props}>\n            {this.icon ?? \"\"}\n        </button>\n        )\n    }\n}","import * as React from 'react'\n\ntype BoxComponentProp = {\n    text?: string,\n    border?: string,\n    aclass?: string\n}\n\nexport class BoxComponent extends React.Component<BoxComponentProp>{\n    aclass: string = \"\"\n    defaultBorder: string = \"no-border\"\n\n    constructor(props: BoxComponentProp){\n        super(props)\n\n        this.aclass = (this.props.aclass ?? \"\") + \" \" + (this.props.border ?? this.defaultBorder)\n    }\n\n    render(){\n        return <div className={this.aclass}>\n            {this.props.text ? <span>{this.props.text}</span> : \"\"}\n        </div>\n    }\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEqADAAQAAAABAAAAFAAAAAA2IWXPAAABNElEQVQ4EZ2UwRGCMBBFjcMFLtqBdKBnLlKCVqAdSAfQAVqBWoId6AE4UoJdACfwr5NkkEwCkZlMkt39b9ifAJv9+RRF4bdtGzPGjkDsmS2nLMtl0zQnQCJAlqTvuu7h2IDyPN/VdZ1C4wMipQScBMqybINiAoRSPVgYQdRGVVUpIMeBTtnOlQgPoI0IkPcUCEmUN8JphDDvityPD5yvnSSIjpMAGKG22pBwyAecRAxAZKgbTTnw4Qkf1qOVIwVas0d0SnrueV6I6EXJWAbk9eRm36DfWjKo/CVBQsyP/4b9SsQmzCpIiOhCYp1gLETMML+0ZgdBcHZd14f4bgDIlNKazPQW/KM9I6TzT99ajyOX9BvBhoBD/+xAgog3THCJycOvf/gqHpNaE4D+zK9LgtgBY/8BrpJya8y6LkkAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEqADAAQAAAABAAAAFAAAAAA2IWXPAAABLklEQVQ4EaWTwQ2CQBBFhXggnCzBEuQIJ0uwA7UCtQKxg7UCtQK1Ar0AR2IFagXqBY74x7jJZAIL4iZkZ2dn3v6ZCZ0oig74HnEczzp/LAuAguXfLMua+r5/Zr5Gpi2i+kVRnADfJ0nSF3fGowTp4BGAV8CWaZr2tNO0V4E+OYCFWZYRcGyC0J0RRAHoWQ/ALQaSAjgkX9mqBekkAAfUPwA3Zf2TU9N5xh3Ap23bynGcted5TwpurIiTv+WGeZ5TuZ/+tVLEoV970UpRCahdaQx0R5nTIAhUlzl/MV9ouHJdV+lmtwHtoCKEiht/uTEICi4Y+bzqh24CekHBHAq2XIG0jSCoWPE+yGR+LgUBcKQyZB94orQl6I4yJgCcZWDduUuvI3mIQJqEqkuoun8D+tJ+aQQ1R90AAAAASUVORK5CYII=\"","import * as React from 'react';\r\nimport { BoxButtonComponent } from '../../../components/BoxButtonComponent';\r\nimport { BoxComponent } from '../../../components/BoxComponent';\r\nimport PrevIcon from '../../../img/prev.png'\r\nimport NextIcon from '../../../img/next.png'\r\n\r\nimport { PagingDisplayUpdaterProtocol, PagingData } from '../PagingDisplayUpdaterProtocol';\r\nimport { ListLoaderControllerProtocol } from '../../ListLoaderControllerProtocol';\r\nimport { LoadingControlProtocol } from '../../Search/SearchComponent';\r\nimport { useEffect, useState } from 'react';\r\n\r\ntype PaginationComponentProp = {\r\n    itemPerPage: number\r\n    controller: ListLoaderControllerProtocol & LoadingControlProtocol\r\n    pagingController: PagingDisplayUpdaterProtocol\r\n}\r\n\r\ntype PaginationComponentState = {\r\n    text: string,\r\n    prevPage: number,\r\n    nextPage: number,\r\n    totalPage: number,\r\n    nextPageEnabled: boolean,\r\n    prevPageEnabled: boolean,\r\n    isLoading: boolean\r\n}\r\n\r\n\r\nexport const PaginationComponent = (props: PaginationComponentProp) => {\r\n    let itemPerPage: number\r\n    const [pagingData, setPagingData] = useState<PaginationComponentState>(\r\n        {\r\n            text: \"\",\r\n            prevPage: 1,\r\n            nextPage: 1,\r\n            totalPage: 1,\r\n            nextPageEnabled: false,\r\n            prevPageEnabled: false,\r\n            isLoading: false\r\n        }\r\n    )\r\n\r\n    useEffect(() => {\r\n        itemPerPage = props.itemPerPage\r\n        props.pagingController.register(updateDisplay)\r\n        props.controller.register(setLoading)\r\n    }, [])\r\n\r\n    const setLoading = (status: boolean) => {\r\n        if(status){\r\n            setPagingData({\r\n                ...pagingData,\r\n                isLoading: status,\r\n                text: \"Loading...\"\r\n            })\r\n        }\r\n        else{\r\n            setPagingData({\r\n                ...pagingData,\r\n                isLoading: status\r\n            })\r\n        }\r\n        \r\n    }\r\n\r\n    const updateDisplay = (data: PagingData) =>  {\r\n        let startDataIndex = (((data.currentPage - 1) * itemPerPage) + 1)\r\n        let endDataIndex = startDataIndex + (data.totalDataShowed - 1)\r\n        let totalData = data.totalData\r\n\r\n        setPagingData({\r\n            ...pagingData,\r\n            text: startDataIndex + \" - \" + endDataIndex + \" from \" + totalData + \" data\",\r\n            prevPage: data.prevPage,\r\n            nextPage: data.nextPage,\r\n            totalPage: data.totalPage,\r\n            nextPageEnabled: data.nextPageEnabled,\r\n            prevPageEnabled: data.prevPageEnabled\r\n        })\r\n    }\r\n\r\n    const goTo = (page: number) => {\r\n        props.controller.load(page)\r\n    }\r\n\r\n    return (\r\n        <div className=\"pagination-component\">\r\n            <BoxButtonComponent border=\"left-border\" aclass=\"pagination-button\" icon={PrevIcon} onClick={() => {goTo(pagingData.prevPage)}} {...(!pagingData.prevPageEnabled ? {disabled:\"disabled\"} : {}) } \r\n                {...(pagingData.isLoading ? {disabled:\"disabled\"} : {}) } />\r\n            <BoxComponent aclass=\"pagination-description\" text={pagingData.text} />\r\n            <BoxButtonComponent border=\"right-border\" aclass=\"pagination-button\" icon={NextIcon} onClick={() => {goTo(pagingData.nextPage)}} {...(!pagingData.nextPageEnabled ? {disabled:\"disabled\"}: {}) } \r\n                {...(pagingData.isLoading ? {disabled:\"disabled\"} : {}) } />\r\n        </div>\r\n    )\r\n}","import { QueryComponent, QueryFilterProtocol } from './QueryFilterProtocol'\nimport { ListLoaderControllerProtocol } from '../ListLoaderControllerProtocol'\n\nexport interface SearchFeatureProtocol{\n    search(queryComponents: QueryComponent[]): void\n}\n\nexport class SearchFeature implements SearchFeatureProtocol{\n    private filter: QueryFilterProtocol\n    private loader: ListLoaderControllerProtocol\n\n    constructor(filter: QueryFilterProtocol, loader: ListLoaderControllerProtocol){\n        this.filter = filter\n        this.loader = loader\n    }\n\n    search(queryComponents: QueryComponent[]){ \n        this.filter.addFilter(queryComponents)\n        this.loader.load(1)\n    }\n}","import { ListLoaderControllerProtocol } from '../ListLoaderControllerProtocol';\r\nimport { PagingFeatureControlProtocol, PagingFeatureControlData } from './PagingFeatureControlProtocol';\r\nimport { LoadingControlProtocol } from '../Search/SearchComponent';\r\nimport { ListPagingResult } from './GenericAPIListPagingLoader';\r\n\r\nexport interface GenericListPagingLoader<DataType>{\r\n    load(page: number, completion: (result: DataType) => void):void\r\n}\r\n\r\nexport class GenericListController<ListDisplayUpdater, DataType, PagingResult extends ListPagingResult<DataType>, ListPagingLoader extends GenericListPagingLoader<PagingResult>> implements ListLoaderControllerProtocol, LoadingControlProtocol{\r\n    \r\n    private loader: ListPagingLoader\r\n    pagingFeatureControl: PagingFeatureControlProtocol\r\n    listDelegate?: ListDisplayUpdater\r\n    loadingStatusSubscriber: ((status: boolean) => void)[] = []\r\n\r\n    onLoad: (clients: DataType[]) => void = (_) => {}\r\n\r\n    constructor(loader: ListPagingLoader, pagingFeatureControl: PagingFeatureControlProtocol){\r\n        this.loader = loader\r\n        this.pagingFeatureControl = pagingFeatureControl\r\n    }\r\n\r\n    load(page: number){\r\n        this.setLoading(true)\r\n        this.loader.load(page, (result) => {\r\n            this.setLoading(false)\r\n            let pagingData: PagingFeatureControlData = {\r\n                currentPage: result.currentPage,\r\n                totalData: result.totalData,\r\n                totalDataShowed: result.totalDataShowed,\r\n                totalPage: result.totalPage\r\n            }\r\n            \r\n            this.pagingFeatureControl.setData(pagingData)\r\n\r\n            if(result.data){\r\n                this.onLoad(result.data)\r\n            }\r\n        })\r\n    }\r\n\r\n    register(method: (status: boolean) => void){\r\n        this.loadingStatusSubscriber.push(method)\r\n    }\r\n    setLoading(status: boolean){\r\n        this.loadingStatusSubscriber.forEach( subscriber => subscriber(status) )\r\n    }\r\n}","import { DbBackupListPagingLoader, DbBackupListPagingResult } from './DbBackupListPagingLoader';\nimport { DbBackupListDisplayUpdaterProtocol } from './DbBackupListDisplayUpdaterProtocol';\nimport { DbBackupComponentProp } from './ui/DbBackupComponent';\nimport { GenericListController } from '../Paging/GenericListController';\n\nexport class DbBackupListController extends GenericListController<DbBackupListDisplayUpdaterProtocol, DbBackupComponentProp, DbBackupListPagingResult, DbBackupListPagingLoader> implements DbBackupListDisplayUpdaterProtocol{}","import { PostAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient';\nimport { QueryComponent, QueryFilterProtocol } from '../Search/QueryFilterProtocol';\nimport { ResultStatus } from '../../Types/ResultStatus';\n\nexport interface ListPagingResult<DataType>{\n    status: ResultStatus,\n    data?: DataType[],\n    message?: string,\n    totalData: number,\n    totalDataShowed: number,\n    currentPage: number,\n    totalPage: number\n}\n\nexport class GenericAPIListPagingLoader<PagingResult> implements QueryFilterProtocol{\n    protected client: PostAPIHTTPClient\n    protected itemPerPage: number\n    protected mainPath: string\n\n    private queryComponents: QueryComponent[] = []\n\n    constructor(mainPath: string, itemPerPage: number, client: PostAPIHTTPClient){\n        this.client = client\n        this.itemPerPage = itemPerPage\n        this.mainPath = mainPath\n    }\n\n    load(page: number, completion: (result: PagingResult) => void){\n        page = (page < 1 ? 1 : page)\n        let itemPerPageURL = this.itemPerPage + \"/\"\n\n        this.client.post(this.mainPath + itemPerPageURL + page, this.generateRequestOptions(), (result) => {\n            this.processResult(result, completion)\n        })\n    }\n\n    protected processResult(result: PagingResult, completion: (result: PagingResult) => void){\n        completion(result)\n    }\n\n    protected generateRequestOptions = (): string =>  {\n        return this.queryComponents.length > 0 ? JSON.stringify(this.queryComponents) : \"\"\n    }\n\n    addFilter(queryComponents: QueryComponent[]){\n        this.queryComponents = queryComponents\n    }\n}","import { DbBackupComponentProp } from './ui/DbBackupComponent';\nimport { GenericAPIListPagingLoader, ListPagingResult } from '../Paging/GenericAPIListPagingLoader';\nimport { GenericListPagingLoader } from '../Paging/GenericListController';\n\nexport interface DbBackupListPagingResult extends ListPagingResult<DbBackupComponentProp>{}\nexport interface DbBackupListPagingLoader extends GenericListPagingLoader<DbBackupListPagingResult>{}\n\nexport class APIDbBackupListPagingLoader extends GenericAPIListPagingLoader<DbBackupListPagingResult> implements DbBackupListPagingLoader{}","import moment from 'moment';\n\nexport class DateHelper{\n    static dateFormat = (date: string, format: string): string => {\n        return moment(date).format(format)\n    }\n\n    static dateISO8601 = (date: string): string => {\n        return moment(date).format()\n    }\n}","export enum BackupStatus {\n    process = \"process\",\n    done = \"done\",\n    failed = \"failed\"\n}\n\nexport enum RestoreStatus {\n    process = \"process\",\n    done = \"done\",\n    failed = \"failed\"\n}\n\nexport type RestoreHistory = {\n    startRestoreTime: string,\n    status: RestoreStatus,\n    error?: string,\n    finishRestoreTime?: string\n}\n\nexport interface DbBackupModel {\n    id: string\n    name: string\n    date: string\n    dbFilePath?: string\n    error?: string\n    status: BackupStatus\n    restoreHistories?: RestoreHistory[]\n}","import * as React from 'react';\nimport { DbBackupDownload } from '../../../database_api/api';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport { DbBackupModel, RestoreStatus } from '../model/DbBackup';\nimport { DbBackupListRouteProtocol } from './DbBackupList';\n\nexport interface DbBackupComponentProp extends DbBackupModel{\n    router: DbBackupListRouteProtocol\n}\n\nexport class DbBackupComponent extends React.Component<DbBackupComponentProp>{\n    render(){\n        return (\n            <div className=\"dbBackup-container full-border\">\n                <div className=\"dbBackup-description\">\n                    <ButtonInput aclass=\"restore\" caption=\"Restore\" title=\"Restore\" onClick={() => { this.props.router.requestRestore(this.props.id)}} />\n                    <div className=\"dbBackup-name\">{this.props.name}</div>\n                    { this.props.dbFilePath &&\n                        <div className=\"dbBackup-fileDownload\"><a href={DbBackupDownload + this.props.dbFilePath}>Click Here to Download Backup File</a></div>\n                    }\n                    <div className=\"dbBackup-date\">Backup Start Date: {DateHelper.dateFormat(this.props.date, \"MMMM DD, YYYY HH:mm\")}</div>\n                    <div className=\"dbBackup-status\">Backup Status: {this.props.status}</div>\n                    {this.props.error && <div className=\"dbBackup-error\">Fail Reason: {this.props.error}</div>}\n\n                    { this.props.restoreHistories &&\n                        <div className=\"dbBackup-Histories\"><h2>Restore History</h2>\n                        {this.props.restoreHistories.map( history => {\n                            return <div className={(history.status == RestoreStatus.failed) ? \"history failed\" : \"history success\" } key={history.startRestoreTime}>\n                                Start: {history.startRestoreTime}<br/>\n                                {history.finishRestoreTime && `Finish: ${history.finishRestoreTime}`}<br />\n                                Status: {history.status}<br/>\n                                {history.error && `Fail reason: ${history.error}`}\n                            </div>\n                        })}\n                        </div>\n                    }\n                    \n                    <div className=\"clear\"></div>\n                </div>\n            </div>\n        )\n    }\n}","import React from 'react';\r\n\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { DbBackupComponent, DbBackupComponentProp } from './DbBackupComponent';\r\n\r\nimport { ListLoaderControllerProtocol } from '../../ListLoaderControllerProtocol';\r\nimport { DbBackupListDisplayUpdaterProtocol } from '../DbBackupListDisplayUpdaterProtocol';\r\n\r\nimport { StaticContext } from \"react-router\";\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { MessageType } from '../../../MessageType';\r\nimport { LoadingControlProtocol } from '../../Search/SearchComponent';\r\n\r\nexport interface DbBackupListRouteProtocol{\r\n    requestBackup(): void\r\n    requestRestore(id: string): void\r\n    uploadBackup(): void\r\n}\r\n\r\nexport type DbBackupListMessage = {\r\n    message?:{type: MessageType, message: string}\r\n}\r\n\r\nexport type DbBackupListRouteComponentProps = RouteComponentProps<{}, StaticContext, DbBackupListMessage>\r\n\r\ninterface DbBackupListProp extends DbBackupListRouteComponentProps{\r\n    router: DbBackupListRouteProtocol\r\n    paginationComponent?: JSX.Element\r\n    controller: ListLoaderControllerProtocol & DbBackupListDisplayUpdaterProtocol & LoadingControlProtocol\r\n}\r\n\r\nexport class DbBackupList extends React.Component<DbBackupListProp, {dbBackups: DbBackupComponentProp[], message?:{type: MessageType, message: string}}> { \r\n    constructor(props: DbBackupListProp){\r\n        super(props)\r\n\r\n        let messageState = this.props.location.state ? this.props.location.state.message : undefined\r\n\r\n        this.state = {\r\n            dbBackups: [],\r\n            message: messageState\r\n        }\r\n\r\n        this.props.controller.onLoad = this.onLoadDbBackups\r\n\r\n        this.props.controller.load(1)\r\n    }\r\n\r\n    onLoadDbBackups = (dbBackups: DbBackupComponentProp[]) => {\r\n        this.setState({\r\n            dbBackups: dbBackups\r\n        })\r\n    }\r\n\r\n    render(){\r\n        return (\r\n        <React.Fragment>\r\n            <div id=\"top-container\">\r\n                <div className=\"dbBackup-options\">\r\n                    <ButtonInput caption=\"Request Backup\" title=\"Request Backup\" onClick={() => { this.props.router.requestBackup() }} />\r\n                    <ButtonInput name=\"upload\" caption=\"Upload Backup File\" title=\"Upload Backup File\" onClick={() => { this.props.router.uploadBackup() }} />\r\n                </div>\r\n\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div id=\"content-container\">\r\n            {this.props.paginationComponent}\r\n\r\n            {this.state.message && <div className={\"message \" + this.state.message.type}>{this.state.message.message}</div> }\r\n            { this.state.message && setTimeout(() => { this.setState({message: undefined}) }, 3000) }\r\n\r\n            <div id=\"dbBackup-list\">\r\n                {\r\n                    (this.state.dbBackups && this.state.dbBackups.length > 0 && this.state.dbBackups.map((dbBackup, index) => {\r\n                        return <DbBackupComponent id={dbBackup.id} name={dbBackup.name} key={dbBackup.id} router={this.props.router}\r\n                            date={dbBackup.date} status={dbBackup.status} dbFilePath={dbBackup.dbFilePath}\r\n                            error={dbBackup.error} restoreHistories={dbBackup.restoreHistories}\r\n                        />\r\n                    }))\r\n                    || \r\n                    <div className=\"message\">No dbBackup registered</div>\r\n                }\r\n            </div>\r\n\r\n            {this.props.paginationComponent}\r\n            </div>\r\n        </React.Fragment>\r\n        )\r\n    }\r\n}","import React from 'react'\nimport { UploadProgressProtocol } from '../database_api/AxiosAPIHTTPClient'\n\nenum ProgressStatus{\n    notStarted,\n    inProgress,\n    done\n}\n\ninterface UploadProgressBarComponentProps{\n    uploadProgress: UploadProgressProtocol\n    hideOnFinish?: boolean\n}\n\ninterface UploadProgressBarComponentState{\n    percentage: number\n    percentageString: string\n    progress: number\n    total: number\n    status: ProgressStatus\n}\n\nexport class UploadProgressBarComponent extends React.Component<UploadProgressBarComponentProps, UploadProgressBarComponentState>{\n    constructor(props: UploadProgressBarComponentProps){\n        super(props)\n\n        this.state = {\n            percentage: 0,\n            percentageString: \"0%\",\n            progress: 0,\n            total: 0,\n            status: ProgressStatus.notStarted\n        }\n\n        this.props.uploadProgress.addProgressListener(this.progressUpdate)\n    }\n\n    formatNumber(num: number) {\n        return num.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\n    }\n\n    progressUpdate = (progressEvent: any) => {\n        let progress = progressEvent.loaded / 1000\n        let total = progressEvent.total / 1000\n        let status = (progress >= total ? ProgressStatus.done : ProgressStatus.inProgress)\n\n        this.setState({\n            progress: Math.round(progress),\n            total: Math.round(total),\n            percentage: Math.round(progress / total * 100),\n            percentageString: Math.round(progress / total * 100).toString() + \"%\",\n            status: status\n        })\n    }\n\n    isDone = (status: ProgressStatus) => {\n        let hidden = \" hidden\"\n        if (status == ProgressStatus.notStarted) return hidden\n        if (this.props.hideOnFinish && status == ProgressStatus.done) return hidden\n\n        return \"\"\n    }\n\n    render(){\n        return (<div id=\"actionplan-result-progressbar-container\" \n            className={\"default-margin-top\" + (this.isDone(this.state.status)) }>\n            <div className=\"bar-container\">\n                <div className=\"bar-progress-width\" style={{width: this.state.percentageString }}></div>\n                <div className=\"progress-detail\">\n                    <div className=\"percentage\">{this.state.percentage} %</div>\n                    <div className=\"progress\">{this.formatNumber(this.state.progress)} Kb</div> / <div className=\"total\"> {this.formatNumber(this.state.total)} Kb</div>\n                </div>\n            </div>\n            \n        </div>)\n    }\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADKADAAQAAAABAAAADwAAAAB3ZKK3AAABWUlEQVQoFYVSzWrCQBCexE0I+UPEQE/2EtCTFy8+R94gnnr3nNAnSR8gPo4nkZAehGLAkwU1Ie1+U1ZWEDqwu7Mz3zczO7NGlmVvhmG80BOJoog8z/tcrVYfyi0ADoKAHMch0zSp6zo6n890vV4Zk6bpq1RSRTJhDcOQbNum8XhMw+GQ+r5nMIgQkIqiSKELbIfDgaPebjcGCyHIdV2q65r2+z3FccwkCU2ZAJKKhhPZfN/njOv1mrMiswxiiOl0Cjypky/atlgs7jdZqiuqqrob/lMk4Vu0bUuWZdFoNHrAn04ngk+XHyn8BoCTJNF9tNlsqGmaBxsuTEAbVSsVQg9wPB6pLEsaDAZ/BAwLLdRJu92OZrMZ22DH1FEmD+5ZBrR3uVzyPObz+f2NXBKGhGi6bLdbjjiZTPi7XC4Xdht5nr/rQF3XS8Q/k02qTbl96SBdB0gt2IH9BUK0m91ox6hVAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACRFdLHAAACBElEQVQ4EY2UTUoDQRCFX08kqEEE14pHMJ7ALETFlRcQFFfBlSdQb+BGsgmYhQfQpeJi9AImRxBdiyD+IJrxvWZ6rI4TY8HQ1fXzTXVXdzsMkQtgg66FDGg4oK4w6l3qqcY14Lwslf5YLpnMhBNaPST2RjPBt1cIt9bETljVAWG3tI2CKU0/vmXOvmUUFQpGR+S0gX/pBO9xC44U44H5MlXZj9RqwMvLz9xqJT6CFrV8v2T+oWPjqzs7mGy34WZmrNnrsslX3dyMfGScyJCEbhbe8XGMLS+jMj+PyePjCOphtMk3tr4OVKtFGpW6WKowbsD7O952d/F1d4eEiRM5VDDpssmnGHx8WKD0uiM1pbKkmZUAUDVf9/d+s5O5uQKWPT7a8KBfC/jE2XSw2NFDWy0ks7NwzqFP8GuziSEwpT5F59DCgq5jIFiWZbopo8QJ2C2LCkvWMlVZ/+EBFephT8tyxBIwHXQGmN8/NkDLfOOnZsj2BzT9XSGPjRKU2M+7qT3Tp87KFqBg7IB0k1XgjMZe4eCx+by58dW8EmAbIF02Vfp5dQUw1khPrKFXz01NIXt+NvFGHXX1dAcZfmhShsMUNHDH2f29nIFKgJyyObydqrgRbP8ZBQsvjeL9km1i/vJ0aFuw9hK9x+StUFnw/wIGR/5o1Dlv8NMo0dakGvNmUo3lG5eDw6pGMTVDAAAAAElFTkSuQmCC\"","import * as React from 'react'\nimport { TextInput } from '../../../form-components/TextInput'\nimport closeIcon from '../../../img/close.png'\n\nexport class BackupFileUpload{\n    private setFile: (value: File | undefined) => void\n    private setFileName: (value: string | undefined) => void\n    private file?: File\n    private defaultFile: any\n\n    constructor(setFile: (value: File | undefined) => void, setFileName: (value: string | undefined) => void, defaultFile: any){\n        this.setFile = setFile\n        this.setFileName = setFileName\n\n        this.defaultFile = defaultFile\n    }\n\n    private fileRef = React.createRef<HTMLInputElement>()\n\n    private onFileClick = () => {\n        this.fileRef.current?.click()\n    }\n\n    private onFileChangeAdd = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if(!e.target.files){ return }\n\n        this.file = e.target.files[0]\n        this.setFile(this.file)\n        this.setFileName(this.file.name)\n    }\n\n    private onRemoveFileAdd = () => {\n        this.setFile(undefined)\n        this.setFileName(undefined)\n        this.file = undefined\n    }\n\n    getComponent = (fileName?: string) => (\n        <React.Fragment>\n            <TextInput icon={this.defaultFile} placeholder=\"Select File\" \n            name=\"file_description\" value={fileName || \"\"} readOnly onClick={ () => { this.onFileClick() } } />\n\n            {this.file && <img className=\"file-delete\" src={closeIcon} onClick={() => this.onRemoveFileAdd() } /> }\n            <input type=\"file\" className=\"hidden\" onChange={(e) => { this.onFileChangeAdd(e) }} ref={this.fileRef} />\n        </React.Fragment>\n    )\n}","import React, { useState } from 'react';\nimport { StandardAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\";\nimport { DbBackupItemPerPage, DbBackupPagePath } from \"../../../database_api/api\";\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { TextInput } from '../../../form-components/TextInput';\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\";\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\";\nimport { PagingFeatureControl } from \"../../Paging/PagingFeatureControlProtocol\";\nimport { PaginationComponent } from \"../../Paging/ui/PaginationComponent\";\nimport { SearchFeature } from \"../../Search/SearchFeatureProtocol\";\nimport { DbBackupListController } from \"../DbBackupListController\";\nimport { APIDbBackupListPagingLoader } from \"../DbBackupListPagingLoader\";\nimport { DbBackupList, DbBackupListRouteComponentProps, DbBackupListRouteProtocol } from \"../ui/DbBackupList\";\n\nimport { UploadProgressProtocol } from '../../../database_api/AxiosAPIHTTPClient';\nimport { UploadProgressBarComponent } from '../../../form-components/UploadProgressBarComponent';\nimport fileIcon from '../../../img/icon-file.png';\nimport { BackupFileUpload } from '../ui/BackupFileUpload';\n\nexport let AskDBKey = (props: {submitTitle: string, onConfirm: (username?: string, password?: string) => void, onCancel: () => void}) => {\n    let [username, setUsername] = useState<string>()\n    let [password, setPassword] = useState<string>()\n    return (\n        <>\n        <div className=\"background\" />\n        <div id=\"form-container\" className=\"alert\">\n            <TextInput placeholder=\"username\" onChange={(event: React.ChangeEvent<HTMLInputElement>) => { setUsername(event.target.value) }} />\n            <TextInput type=\"password\" placeholder=\"password\" onChange={(event: React.ChangeEvent<HTMLInputElement>) => { setPassword(event.target.value) }} />\n\n            <div className=\"default-margin-top flex\">\n                <ButtonInput caption={props.submitTitle} onClick={() => { props.onConfirm(username, password) }} />\n                <ButtonInput name=\"cancel\" caption=\"Cancel\" title=\"Cancel\" onClick={() => { props.onCancel() }} />\n            </div>\n        </div>\n        </>\n    )\n}\n\nexport let UploadBackupForm = (props: { upload: (file?: File, fileName?: string) => void, onCancel: () => void, progressUpdater: UploadProgressProtocol }) => {\n    let [fileDescription, setFileDescription] = useState<string>()\n    let [file, setFile] = useState<File>()\n\n    let uploader = new BackupFileUpload(setFile, setFileDescription, fileIcon)\n    return (\n        <>\n            <div className=\"background\" />\n            <div id=\"form-container\" className=\"alert\">\n                { uploader.getComponent(fileDescription) }\n                <UploadProgressBarComponent uploadProgress={props.progressUpdater}/>\n                <div className=\"default-margin-top flex\">\n                    <ButtonInput name=\"upload\" caption=\"Upload\" title=\"Upload\" onClick={() => { props.upload(file, fileDescription) }} />\n                    <ButtonInput name=\"cancel\" caption=\"Cancel\" title=\"Cancel\" onClick={() => { props.onCancel() }} />\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport interface DbBackupListBuilderProp extends DbBackupListRouteComponentProps{\n    router: DbBackupListRouteProtocol\n}\n\nexport class DbBackupListBuilder extends React.Component<DbBackupListBuilderProp>{\n    router: DbBackupListRouteProtocol\n    dbBackupListLoader = new APIDbBackupListPagingLoader(DbBackupPagePath, DbBackupItemPerPage, new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())))\n    pagingFeatureControl = new PagingFeatureControl()\n    dbBackupListController = new DbBackupListController(this.dbBackupListLoader, this.pagingFeatureControl)\n\n    dbBackupSearch = new SearchFeature(this.dbBackupListLoader, this.dbBackupListController)\n\n    paginationComponent: JSX.Element\n    \n    constructor(props: DbBackupListBuilderProp){\n        super(props)\n\n        this.router = props.router\n        this.paginationComponent = <PaginationComponent itemPerPage={DbBackupItemPerPage} controller={this.dbBackupListController} pagingController={this.pagingFeatureControl} />\n    }\n\n    render(){\n        let {router, ...props} = this.props\n        return <DbBackupList {...props} router={this.router} paginationComponent={this.paginationComponent} \n                    controller={this.dbBackupListController}\n                />\n    }\n}","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { DbBackupListRouteProtocol } from \"../ui/DbBackupList\";\r\nimport { DbBackupPath, DbBackupRestore, DbBackupFindFilePath, DbBackupUpload } from \"../../../database_api/api\";\r\nimport { StandardAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\";\r\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\";\r\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\";\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { AxiosAPIHTTPClient } from '../../../database_api/AxiosAPIHTTPClient';\r\nimport { AskDBKey, UploadBackupForm } from './DbBackupListBuilder';\r\n\r\nexport class DbBackupListRouter implements DbBackupListRouteProtocol {\r\n    requestBackup(): void {\r\n        ReactDOM.render(<AskDBKey submitTitle=\"Backup\" onConfirm={this.onConfirmBackup} onCancel={() => { this.onCancel(); }} />, document.getElementById(\"DbRequestBackupAuth\"));\r\n    }\r\n\r\n    requestRestore(id: string): void {\r\n        ReactDOM.render(<AskDBKey submitTitle=\"Restore\" onConfirm={(username, password) => { this.onConfirmRestore(id, username, password); }} onCancel={() => { this.onCancel(); }} />, document.getElementById(\"DbRequestBackupAuth\"));\r\n    }\r\n\r\n    uploadBackup() {\r\n        ReactDOM.render(<UploadBackupForm progressUpdater={this.uploadClient} upload={this.onConfirmUpload} onCancel={() => { this.onCancelUpload(); }} />, document.getElementById(\"DbUploadBackup\"));\r\n    }\r\n\r\n    private header = new HTTPHeader(new AuthTokenSessionStorage());\r\n    private client = new StandardAPIHTTPClient(this.header);\r\n    private uploadClient = new AxiosAPIHTTPClient(this.header);\r\n\r\n    private closeWindow = () => {\r\n        ReactDOM.render(<></>, document.getElementById(\"DbRequestBackupAuth\"));\r\n    };\r\n\r\n    private onConfirmBackup = (username?: string, password?: string) => {\r\n        this.client.post(DbBackupPath, JSON.stringify({\r\n            username: username,\r\n            password: password\r\n        }), (result) => {\r\n            alert(\"Restore request has been processed. You can't access the data while backup is on progress\");\r\n            this.closeWindow();\r\n        });\r\n    };\r\n\r\n    private onConfirmRestore = (id: string, username?: string, password?: string) => {\r\n        this.client.get(DbBackupRestore + id + \"/\" + username + \"/\" + password, (result) => {\r\n            alert(\"Restore request has been processed. You can't access the data while backup is on progress\");\r\n            this.closeWindow();\r\n        });\r\n    };\r\n\r\n    private onConfirmUpload = (file?: File, fileName?: string) => {\r\n        if (!file || !fileName) {\r\n            alert(\"There's no file to upload.\");\r\n            return;\r\n        }\r\n\r\n        this.client.get(DbBackupFindFilePath + fileName, (result) => {\r\n            if (result.status == ResultStatus.ok) {\r\n                this.closeUploadThenRequestRestore(result.data.id);\r\n                return;\r\n            }\r\n\r\n            this.doUploadBackupFile(file);\r\n        });\r\n    };\r\n\r\n    private onCancel = () => {\r\n        this.closeWindow();\r\n    };\r\n\r\n    private onCancelUpload = () => {\r\n        ReactDOM.render(<></>, document.getElementById(\"DbUploadBackup\"));\r\n    };\r\n\r\n    private doUploadBackupFile(file: File) {\r\n        let data = new FormData();\r\n        data.append('file_url', file);\r\n\r\n        this.uploadClient.postForm(DbBackupUpload, data, (result) => {\r\n            console.log(result)\r\n            if (result.status == ResultStatus.fail) {\r\n                alert(result.message);\r\n                return;\r\n            }\r\n\r\n            this.closeUploadThenRequestRestore(result.data.id);\r\n        });\r\n    }\r\n\r\n    private closeUploadThenRequestRestore(id: string) {\r\n        this.onCancelUpload();\r\n        this.requestRestore(id);\r\n    }\r\n}\r\n","import { AuthHTTPClient } from './interfaces/HTTPHeader';\nimport { LoginResult } from './Types/LoginResult';\nimport { Session } from './interfaces/Session';\nimport { ResultStatus } from './Types/ResultStatus';\n\nexport enum LoginError{\n    emptyParameter = \"Empty Parameter\",\n    wrongCredential = \"Wrong Credential\",\n    timeout = \"Timeout\"\n}\n\nexport interface LoginInterface{\n    doLogin(username: string, password: string, loginCallback: (result: LoginResult) => void): void\n}\n\nexport class StandardLogin implements LoginInterface{\n    client: AuthHTTPClient\n    session: Session\n\n    constructor(client: AuthHTTPClient, session: Session){\n        this.client = client\n        this.session = session\n    }\n\n    public doLogin(username: string, password: string, loginCallback: (result: LoginResult) => void){\n        if(username == \"\" && password == \"\"){\n            let emptyLoginResult: LoginResult = {\n                status: ResultStatus.fail,\n                message: LoginError.emptyParameter\n            }\n            loginCallback(emptyLoginResult)\n            return\n        }\n        \n        this.client.auth(username.replace(/[^a-zA-Z0-9 ]/g, \"\"), password.replace(/[^a-zA-Z0-9 ]/g, \"\"), (result) => {\n            if(result.status == ResultStatus.ok){\n                this.session.saveAccount(result.data)\n            }\n            \n            loginCallback(result)\n        })\n    }\n\n}","import { AuthHTTPClient, HTTPMethod, HTTPHeader } from '../../interfaces/HTTPHeader'\nimport { LoginResult } from '../../Types/LoginResult';\nimport { ResultStatus } from '../../Types/ResultStatus';\nimport { LoginError } from '../../StandardLogin';\nimport { LoginPath } from '../../database_api/api';\n\nenum RequestProcessStatus{\n    none,\n    process\n}\n\nexport class LoginHTTPClient implements AuthHTTPClient{\n    header: HTTPHeader\n    timeout = 5000\n    status = RequestProcessStatus.none\n    \n\n    constructor(header: HTTPHeader){\n        this.header = header\n    }\n\n    auth(username: String, password: String, authCallback: (result: LoginResult) => void){\n        let requestBody = JSON.stringify({\n            username: username,\n            password: password\n        })\n        let requestOptions = {\n            method: HTTPMethod.post,\n            headers: this.header.header(),\n            body: requestBody\n        }\n\n        this.status = RequestProcessStatus.process\n        \n        const timer = setTimeout(() => {\n            this.status = RequestProcessStatus.none\n            authCallback({\n                status: ResultStatus.fail,\n                message: LoginError.timeout\n            })\n        }, this.timeout)\n\n        fetch(LoginPath, requestOptions).then(response => response.json()).then( data => {\n            if(this.status == RequestProcessStatus.none) return\n\n            clearTimeout(timer)\n            \n            let loginResult: LoginResult = JSON.parse(JSON.stringify(data))\n            this.status = RequestProcessStatus.none\n            authCallback(loginResult)\n        })\n    }\n}","import { Session } from '../../interfaces/Session';\nimport { MemberLoginModel } from './AuthPermission';\n\nexport class LoginSessionStorage implements Session{\n    saveAccount(userData: MemberLoginModel){\n        sessionStorage.setItem(\"userData\", JSON.stringify(userData))\n    }\n\n    getUsername(){\n        if(!sessionStorage.getItem(\"userData\")) return null\n        \n        let data: string = sessionStorage.getItem(\"userData\") ?? \"\"\n        let userData: MemberLoginModel = JSON.parse(data)\n        return userData.username\n    }\n\n    logOut(){\n        sessionStorage.removeItem(\"userData\")\n    }\n}","import { HTTPHeader } from '../../interfaces/HTTPHeader'\r\nimport { StandardLogin } from '../../StandardLogin'\r\nimport { ResultStatus } from '../../Types/ResultStatus'\r\nimport { AuthTokenSessionStorage } from './AuthPermission'\r\nimport { LoginHTTPClient } from './LoginHTTPClient'\r\nimport { FormikHelpers } from 'formik'\r\nimport { goToDashboard } from '../RouteManager'\r\nimport * as yup from 'yup'\r\nimport { LoginSessionStorage } from './LoginSessionStorage'\r\n\r\nconst session = new LoginSessionStorage()\r\nconst loginHandler = new StandardLogin(new LoginHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())), session)\r\n\r\nexport type HandleLoginSubmit = (values: LoginFormikProp, { setSubmitting, setFieldError }: FormikHelpers<LoginFormikProp>) => void | Promise<any>\r\n\r\nexport interface LoginFormikProp {\r\n    username: string\r\n    password: string\r\n    global: string\r\n}\r\n\r\nexport let handleLoginSubmit: HandleLoginSubmit = (values: LoginFormikProp, { setSubmitting, setFieldError }: FormikHelpers<LoginFormikProp>) => {\r\n    setSubmitting(true)\r\n\r\n    loginHandler.doLogin(values.username, values.password, (result) => {\r\n        if (result.status == ResultStatus.ok) {\r\n            goToDashboard()\r\n        }\r\n        else {\r\n            setSubmitting(false)\r\n            setFieldError(\"global\", result.message || '')\r\n        }\r\n    })\r\n}\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    username: yup.string().required(),\r\n    password: yup.string().required().min(6)\r\n})\r\n\r\nexport let ifLoggedInThenRedirectToDashboard = () => {\r\n    if (session.getUsername() != null) {\r\n        goToDashboard()\r\n    }\r\n}","import { Formik } from 'formik'\r\nimport * as React from 'react'\r\nimport { ButtonInput } from '../../../form-components/ButtonInput'\r\nimport { SimpleMessage } from '../../../form-components/SimpleMessage'\r\nimport { TextInput, TextInputProp } from '../../../form-components/TextInput'\r\nimport passwordIcon from '../../../img/icon-password.png'\r\nimport userIcon from '../../../img/icon-user.png'\r\nimport logo from '../../../img/logo.png'\r\nimport { DbBackupListRouter } from '../../DbBackup/builder/DbBackupListRouter'\r\n\r\nimport {\r\n    HandleLoginSubmit,\r\n    LoginFormikProp,\r\n    errorValidationSchema\r\n} from '../LoginHandler'\r\n\r\ninterface LoginProps{\r\n    handleLoginSubmit: HandleLoginSubmit\r\n    ifLoggedInThenRedirectToDashboard: () => void\r\n}\r\n\r\nexport const Login = (props: LoginProps) => {\r\n\r\n    let usernameProp: TextInputProp = {\r\n        icon: userIcon,\r\n        placeholder: \"Username\",\r\n        name: \"username\",\r\n        aclass: \"login\"\r\n    }\r\n\r\n    let passwordProp: TextInputProp = {\r\n        icon: passwordIcon,\r\n        placeholder: \"Password\",\r\n        name: \"password\",\r\n        type: \"password\",\r\n        aclass: \"login\"\r\n    }\r\n\r\n    React.useEffect(() => {\r\n        props.ifLoggedInThenRedirectToDashboard()\r\n    }, [])\r\n\r\n    const DBBackupRouter = new DbBackupListRouter()\r\n    \r\n    return (\r\n        <>\r\n        <Formik<LoginFormikProp> \r\n            initialValues={{\r\n                global: \"\",\r\n                username: \"\",\r\n                password: \"\"\r\n            }}\r\n            validationSchema={errorValidationSchema}\r\n            onSubmit={props.handleLoginSubmit}\r\n        >\r\n            {({errors, handleChange, handleSubmit, values, isSubmitting, setFieldValue, touched}) => \r\n            <div>\r\n                { errors.global && <SimpleMessage title=\"LOGIN FAILED\" body={errors.global} onClick={() => { setFieldValue(\"global\", null) }} /> }\r\n                <div className=\"decoration-top\"></div>\r\n                <div className=\"line-decoration-top\"></div>\r\n                <div id=\"loginContainer\">\r\n                <div className=\"formContainer\">\r\n                    <form onSubmit={handleSubmit}>\r\n                    <div id=\"logoContainer\"><img id=\"logo\" src={ logo }/></div>\r\n                    <TextInput {...usernameProp} data-cy=\"username\" value={values.username} onChange={handleChange} autoComplete=\"disabled\" message={errors.username} touched={touched.username} />\r\n                    <TextInput {...passwordProp} data-cy=\"password\" value={values.password} onChange={handleChange}  message={errors.password}  touched={touched.password} />\r\n                    <div className=\"input-container\">\r\n                        <ButtonInput id=\"login-button\" caption=\"LOGIN\" title=\"LOGIN\" disabled={isSubmitting} data-cy=\"login-button\"/>\r\n                    </div>\r\n                    </form>\r\n\r\n                    <div style={{\r\n                        display: \"none\"\r\n                    }}>\r\n                        <ButtonInput id=\"restore-button\" caption=\"Restore DB\" title=\"Restore DB\" onClick={() => {\r\n                            DBBackupRouter.uploadBackup()\r\n                        }} />\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div className=\"line-decoration-bottom\"></div>\r\n                <div className=\"decoration-bottom\"></div>\r\n            </div>\r\n            }\r\n        </Formik>\r\n        </>\r\n    )\r\n}","import React from \"react\"\nimport { Login } from \"./ui/Login\"\nimport { handleLoginSubmit, ifLoggedInThenRedirectToDashboard } from \"./LoginHandler\"\n\nlet LoginBuilder = () => {\n    return <Login handleLoginSubmit={handleLoginSubmit} ifLoggedInThenRedirectToDashboard={ifLoggedInThenRedirectToDashboard} />\n}\n\nexport default LoginBuilder","import * as React from 'react';\n\nexport type FooterProp = {\n    note: string\n}\n\nexport class Footer extends React.Component<FooterProp, {}>{\n    constructor(props: FooterProp){ super(props) }\n    render(){\n        return <footer>\n            <div className=\"decoration-footer\"><span>{this.props.note}</span></div>\n            <div className=\"line-decoration-footer\"></div>\n        </footer>\n    }\n}","import { createContext } from \"react\";\r\n\r\nconst GlobalData = createContext<any>(undefined)\r\n\r\nexport default GlobalData","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAAEqElEQVRIDa1XWUhkRxS93Y77hsaMiksGFQTJR0SD/ql/riiJihrMx4BEYhKSEBgIZJn8TEgiagjkIxPyo0IM6CAuESOCC274EcQg6IcKoqAYdxu1NefU9Oup7n79dCAXXtete0/VeVV1763XNrmjDA4O5tlstncAf/Pm5iYR7auuobuwb0NfsNvtncXFxfMuu2Vjs/KOj4+HOByOhyD6BLgMK6zmWwO+NT4+/tfc3NxLze6hmhKT8Pz8vAUTfIbVJOgj5ubmZHp6WjY2NiQuLk7S0tKkvLxcoqOjdZhg7CbGfhsaGvpbUVGRw8OJjinx0NDQl/A99ga3trbK2NiYt1kwuTQ2NkpVVZWPDy/w9PT0tKW2tvZCd3oQA2QbHh5+CsBDHUS9s7NTuru7vc0e/ba2NsnMzPSwuTqzOP+3cP6MBSV2Q2EL0idofEjpm5+/PWYGBgZkf3+fcG/JdzqdX+lGNzG292M4HulOXcd56V1TfX19XTY3N03JMf49ZEazMVARM5iwzX5JCQ4KCpKmpibBdqmxbEdHR9VO4PyUjRiKBfljLDCKmHv8QQQ3e0cv7YYEBARITU2N1NXV+UQvMR0dHZKSkqKiPDAwUC4uLhQ5fbGxsWwMuY8FforO1zZXQG2gk2J4zdqsrCwJDg42c7ltJOzq6nL3qaSmpnqQg+/f0tLSVwLy8vLy4edbWApSQq3IH+jy8lIWFxdlb2/PA3J4eKiOiSlHwc6Grq2t/ckz9k0+BfH8OTs7U0XD0/qix4KysrLywqBpJmdeRWKu+E7Ct7+6uvLB0saKZiVe5PkkTrAaoPuQi7K8vCxsDaG+tLSkAsqw+Ws18gRG9Z2Jr6+vpaCgQJivuDzU/CEhIVJYWKhsBwcH/jjddpJDUmzIK6I9K7wb9lzZ2dmRhYUFmZiYUAHE9OKZU8LCwtQO4CaS7OxsSU5OlsjIyOcD/fxyPFe8g8eHmGR9fX0qoI6Pj91T9PT0SHV1tXvFnKS3t1cY9VNTUwoXEREhiYmJkpOTY/oS8DsM4kz3zC6lvb1ddELDz1UjBY2ucHtp0+Xk5ERWV1dle3tb6uvrdZfSUWQcDK5Zbw/yzJSUOF6LR0dHwvPmQ93sqiSWL+Cd17RjxWskfsaOLmZg3T8zM+Pu6rrbqCmsZt6CGPjBXlJSMocypkLNALAYWIlOputmY7jduiAYnRUVFb/bUcJu4HiiO2/TZ2dn1TZyK6m/jCQlJQ0Qz+BiRP4SHh7egpd4nf27yG0rNZsDW3yB3X2bPp6x4D51Ii3eh+r3q5A4XSYnJ2VkZEQ3WepYFG+qz8lFoFoxFVzsk/hC+AiAn/nFmJDgv6AxmvmJg3vcEsd5mdOU9PT0wcrKylbVwY/P9wzIf8LELUwpTvx/yIMHD/5uaGh4Q59LbbVuKCsr+wBfhF9kZGS431b3v4yOefjV+Yc3KefwWbExMWr4u9C/R1G/7+fL0YCatjExMQ7U7UdInR/NAH6JCXb9o2je2tr6Znd317ryu2ZHdjiRMs9Qz6vNCA2bJbEBYtvf3/8hymMTcvc1XIlheO5xK6Oiok5wNR6iMPyD5zv8nflLH+dP/w+vl/8gjwLNRQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAA0hJREFUSEu1l09ME0EUxr/XXpQeTGja6EGlauKBsxROwoULt5mUg3qpUZImxKgc8CTWizZGMZFI/BN6URNodk5wppy0eIZIggH1AKFZogeiF3jmbVxSynZ3C/iSTdrdmfm9b+a9NzOEkKaU6gRwhYi6mDkBQB6xKoA1AJ+J6L1lWZUwQ5Jfo+7u7mOtra3XAQwR0bkwAwJYBvDMtu1iuVz+06iPJ7i3tzcWi8VykUhkCMDJkMD6ZusAnti2/dLLAU+wUuoBEY0EAVtaWtDX14dqtYpyudyo+YhlWQ/rP+4BZzKZ6M7OzmsAMr0NzQWm02ksLCxga2sLU1NTfl0mIpHIQKlU2nYb7QErpR4T0bDfCB0dHejv78f09LQDTSaTaG9vDwKDmQvGmHv7wFprefkoaHoFKkB53N9hwDIuM98xxjyX345iid54PL4SJpBqYdJXHGgCvBaNRs+XSqXfDlgpdZuIRoPUyvfDgGtVC5iUUt+I6HQYcDabxfz8vKOyWcX/xv9uWVabQDuJ6GMQVECiVoJpbGzsMGBZ6y4B+0ayC5RcnZycRE9Pz+66HlCxE+ECLhPR5UaKx8fHUSgUsLq66iiuhR0CPEda6y8ALjYC5/N5zMzMYGVlxVHrBR4eHkalUnFyWWYmhC0J+CeAE35gN2/rA6rWCTevNzY2wjjw68jA4oQoFucGBweRy+X8hDvgwKkOo1gos7OzSKVSzsYxMuK7xywFBpescViwW8VEtR+YmecC0+k/gZ108i0gApZKJenkF1xuoLW1tUF2sADFXU7J1FqvAjjjRoMAmNn5KyWyWCzuBoqklDgh6SUmayowWV/X6vssLi7ufmPmH8aYs56bhARHLBYLkY7BTeSQIHXANXdrdMCZTOb49vb2VyI6VTtUIpFwUuMgJvXco5is27adkjPY7glEKXWDiN7UQ9x1bRYuEV5vzHzTGPNW3jd99GnWgZop9j76uA2UUq+IaOCgAK9+zPzCGHOr9pvn8VZrfR9A/ijgzJw3xjyoH6vhTUJrfY2ZnxJR8iAOMPMGEQ1ZlvXOq3/gFSYej2cB3AVwIaQDy8w8urm5OdH0FcYLoLVOM/NVAJcASNrtu7QB+GCM+RTGwb+1DPBoY397ggAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","export class Lang{\r\n    // PROJECT TAB NAMES\r\n    static base_projectFieldInformation: string = \"Field Information\"\r\n    static projectFieldInformation: string = \"Result\"\r\n    static base_data: string = \"Data\"\r\n    static projectData: string = \"Project Cover\"\r\n\r\n    // CLIENT PERSONNEL\r\n    static clientPersonnelName: string = \"Name\"\r\n    static clientPersonnelCompany: string = \"Company\"\r\n    static clientPersonnelPosition: string = \"Position\"\r\n    static clientPersonnelContactNumber: string = \"Contact Number\"\r\n    static clientPersonnelEmail: string = \"Email\" \r\n\r\n    // CLIENT COMPANY\r\n    static clientName: string = \"Client Name\"\r\n    static clientProduct: string = \"Product\"\r\n    static clientBusinessUnitOfficer: string = \"Business Unit Officer\"\r\n    static clientAddress: string = \"Address\"\r\n    static clientPhone: string = \"Phone\"\r\n    static clientEmail: string = \"Email\"\r\n    static clientWebsite: string = \"Website\"\r\n    static clientSocialMedia: string = \"Social Media\"\r\n\r\n    // CUSTOMER PROFILE\r\n    static customerProfileName: string = \"Name\"\r\n    static customerProfileRank: string = \"Rank\"\r\n    static customerProfilePosition: string = \"Position\"\r\n    static customerProfileCorps: string = \"Corps\"\r\n    static customerProfilePeriod: string = \"Period\"\r\n    static customerProfileContactNumber: string = \"Contact Number\"\r\n    static customerProfilePositionHistoryLabel: string = \"Position History\"\r\n    static customerProfileSequenceNumber: string = \"S. No.\"\r\n    static customerProfileGeneration: string = \"Class of\"\r\n    static customerProfileDescription: string = \"Description\"\r\n    static customerProfileSpouse: string = \"Spouse\"\r\n    static customerProfileChildren: string = \"Children\"\r\n    static customerProfileEducation: string = \"Education\"\r\n    static customerProfileAcknowledgement: string = \"Acknowledgement\"\r\n\r\n    // ACTION PLAN\r\n    static actionPlanItem: string = \"Agenda/Event\"\r\n    static actionPlanTime: string = \"Time\"\r\n    static actionPlanLocation: string = \"Venue\"\r\n    static actionPlanObjective: string = \"Purpose/Objective\"\r\n    static actionPlanPicIds: string = \"PIC\"\r\n    static actionPlanCustomerPersonnel: string = \"With\"\r\n    static actionPlanThirdParty: string = \"Third Party\"\r\n    static actionPlanResult: string = \"Result\"\r\n\r\n    // LAW & REGULATION\r\n    static lawRegulationName: string = \"About\"\r\n    static lawRegulationCategory: string = \"Category\"\r\n    static lawRegulationDate: string = \"Date\"\r\n    static lawRegulationDescription: string = \"Description\"\r\n    static lawRegulationStatus: string = \"Status\"\r\n\r\n    // MEMBER / SYSTEM ADMINISTRATION / PERSONNEL PROFILE\r\n    static memberUsername: string = \"Username/ID\"\r\n    static memberName: string = \"Name\"\r\n    static memberPosition: string = \"Position\"\r\n    static memberContactNumber: string = \"Contact Number\"\r\n    static memberEmail: string = \"Email\"\r\n\r\n    // PARENT PROJECT\r\n    static parentProjectClassificationBudget: string = \"Classification Budget\"\r\n    static parentProjectAmount: string = \"Amount\"\r\n\r\n    //MENUS\r\n    static mDatabaseTNIAL: string = \"Database TNI AL Per Angkatan\"\r\n    static mCustomerPersonnel: string = \"Customer Profile\"\r\n    static mClient: string = \"Client\"\r\n    static mProspectiveClient: string = \"Prospective Client\"\r\n    static mClientPartner: string = \"Client Partner\"\r\n    static mClientPersonnel: string = \"Client Personnel\"\r\n    static mMembers: string = \"System Administration\"\r\n    static mPersonnelProfile: string = \"Personnel Profile\"\r\n}","import { useContext, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport GlobalData from './GlobalData';\r\nimport client_icon from './img/icon-client.png';\r\nimport clientCompany_icon from './img/icon-clientCompany.png';\r\nimport pobHeader_icon from './img/icon-header.png';\r\nimport lawRegulation_icon from './img/icon-lawRegulation.png';\r\nimport logout_icon from './img/icon-logout.png';\r\nimport member_icon from './img/icon-members.png';\r\nimport profile_icon from './img/icon-profile.png';\r\nimport customer_icon from './img/icon-userOrganization.png';\r\nimport more_menu from './img/more-menu.png';\r\nimport pob_icon from './img/pob.png';\r\nimport { Lang } from './lang/Lang';\r\n\r\nexport const NavigationHeaderMenu = () => {\r\n    const { setPageTitle } = useContext(GlobalData)\r\n    const [ showMoreMenu, setShowMoreMenu ] = useState(false)\r\n    return (\r\n        <div id=\"NavigationHeaderMenu\">\r\n            <ul>\r\n                {menus?.map((menu, index) => {\r\n                    return (\r\n                        <li\r\n                            key={index}\r\n                            onClick={() => { menu.name && setPageTitle(menu.name) }}\r\n                            data-cy={`navMenu${index}`}\r\n                        >\r\n                            <Link to={menu.path}>\r\n                                <img id=\"icon\" src={menu.icon} />\r\n                                {menu.name ? <span>{menu.name}</span> : \"\"}\r\n                            </Link>\r\n                        </li>\r\n                    )\r\n                })}\r\n                <li onMouseEnter={() => { setShowMoreMenu(true) }} \r\n                    onMouseLeave={() => { setShowMoreMenu(false) }} \r\n                    onClick={() => { setShowMoreMenu(!showMoreMenu)}}\r\n                >\r\n                    <img id=\"moreIconMenu\" src={more_menu} />\r\n                    <div id=\"MoreNavigationMenuWrapper\" {...(!showMoreMenu) ? { className: \"hidden\" } : {}}>\r\n                        <div id=\"MoreNavigationMenu\">\r\n                            {moreMenus.map((menu, index) => {\r\n                                if (menu.name && menu.name == \"separator\") {\r\n                                    return <div key={index} className=\"separator\" />\r\n                                }\r\n\r\n                                return (\r\n                                    <div onClick={() => { setPageTitle(menu.name) }}>\r\n                                        <Link to={menu.path ?? \"#\"}><img id=\"icon\" src={menu.icon} />\r\n                                            {menu.name ? <span>{menu.name}</span> : \"\"}\r\n                                        </Link>\r\n                                    </div>\r\n                                )\r\n                            })}\r\n                        </div>\r\n                    </div>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport const menus = [\r\n    {\r\n        icon: pobHeader_icon,\r\n        name: \"Parent Project\",\r\n        path: \"/pob-header/?active=1\"\r\n    },\r\n    {\r\n        icon: pob_icon,\r\n        name: \"Child Project\",\r\n        path: \"/pob\"\r\n    }\r\n]\r\n\r\nexport const moreMenus = [\r\n    {\r\n        icon: lawRegulation_icon,\r\n        name: \"Law & Regulation\",\r\n        path: \"/law-regulation\"\r\n    },\r\n    { name: \"separator\" },\r\n    {\r\n        icon: clientCompany_icon,\r\n        name: Lang.mClient,\r\n        path: \"/client/v2?variant=client\"\r\n    },\r\n    {\r\n        icon: clientCompany_icon,\r\n        name: Lang.mProspectiveClient,\r\n        path: \"/prospective-client/v2?variant=client&prospectiveMode=true\"\r\n    },\r\n    {\r\n        icon: clientCompany_icon,\r\n        name: Lang.mClientPartner,\r\n        path: \"/client-partner/v2?variant=clientPartner\"\r\n    },\r\n    {\r\n        icon: client_icon,\r\n        name: Lang.mClientPersonnel,\r\n        path: \"/client/v2/selector\"\r\n    },\r\n\r\n    { name: \"separator\" },\r\n    {\r\n        icon: customer_icon,\r\n        name: \"Customer\",\r\n        path: \"/customer\"\r\n    },\r\n    {\r\n        icon: client_icon,\r\n        name: Lang.mDatabaseTNIAL,\r\n        path: \"/database-tni-al\"\r\n    },\r\n    { name: \"separator\" },\r\n    {\r\n        icon: member_icon,\r\n        name: Lang.mMembers,\r\n        path: \"/member\"\r\n    },\r\n    {\r\n        icon: profile_icon,\r\n        name: Lang.mPersonnelProfile,\r\n        path: \"/profile\"\r\n    },\r\n    {\r\n        icon: member_icon,\r\n        name: \"Bravado Armada News\",\r\n        path: \"/news\"\r\n    },\r\n    { name: \"separator\" },\r\n    {\r\n        icon: member_icon,\r\n        name: \"Backup / Restore\",\r\n        path: \"/backup\"\r\n    },\r\n    {\r\n        icon: logout_icon,\r\n        name: \"Logout\",\r\n        path: \"/logout\"\r\n    }\r\n]","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAH6ADAAQAAAABAAAAHwAAAABTT/fMAAAD3UlEQVRIDc1WzUtUURS/M/P8GkHyA2ECESGlWmmYNoSZZKOj23YFQYt2fSxqU5sg+gsqIzKCWrSYnaZDUQmZIqKzqIWBkKLGSOkg6sz4MR/9fjfe470386ZxmoEOzNx7Pu75nXPveedem8iSvF5vi91u74N5dzKZrLPZbC7MnVwOfgbDGGT+kZGRMcqyIVsmI7fbXVZZWXkZNtfg+HgmW53uB4K5V15e/sLn88V18pSpJXhvb+85h8PxEisOp6zKTvANZpewE7NW5vZ0iv7+/gcAfg9drsB0exS/Gfi6RSYdOUxCG4yfQ3bdJP8X1tPU1HRofn7+rdmJAbyvr+8xzvaq2SgP/KnGxkYFARiKUTtzVPMFVLMvD0CZXJxHDfA4JUlwj8dTqyjKd2RdrioKMeIrCKKWjgwPD0foX5F/inLHDOxyuURFRUXOMQBIrK6uis3NTc0HMFyJRIKf7hMKWWCVGENkVCJwe3u7yv7TiG0W+/v7mg8ENTc6Oip7Bj+1Lk1TgEk4HGYH1Dwj+2M9PT0nKFCg6IRAU3ISDAbF7OysQJcyyDMx8XhcRKNRA9Da2prgr6SkRFRVVQkVB+fONh1QIGhN53R5eTmdOEXGrLa3t8XW1laKThXs7u6K9fV1GQC+KIo7+MfMG9SIKFApm4IjMLNl1uloYWFBglK3t7cn59XV1dyBOsqYOW8nA+Wr4Nra2sTg4KAEJgALj8eAI6gnb0f0YU4KRcXFxQbXsViMAcirmJn/hLZBb2FVcPhG5TZzzIaYJevBTMCU58QzXwJjAKexueDoRN8wzA4PwqPaZech+GeAd5oXqwX3t6Iyr9Pz+oLTy1HxvOuFgskHjHf1ykIVnIqBZF9zbuebC9kFVQVHZpsvMhccko1PTk4+on95sWAcwO8+BSQW3Pj4uCgtLf0jyPE/XcEVFRXxUSGzk+DI9CkEt7Ed8hrDKBtCJBIRGxsbOUKnLkOhxXHTXVQ1stf5/f5fEFxRherodDpFTU2NwCJVlPPIo8RO3lhcXNSy0bziiTOHp04tsj6pRyAwg2B7tGqjenurOXy8m5iYMLwNNXAuQgB+PPbYd1v0TngMZWVl8lbiJUH+IISi+zo1NXXavMYATiUCGMIOwL/trN6YgLwaWb07Ozt6VcY5CuzT9PS0G0Ypn5BlCnjhdOCcXgG03uyd/TkUCgmOVoR1CQR6Exk/tLJJyVw1xA4sNTc3D+Cs1yBrhTPtZcE7mXXAGjAHALsYQIewO12BQOCj6i/daJm52Rg70Y2d8EJ+BgDyAQI+jJ4fRh0kIfuCYN6gRzxbWVmJmtf/d/xvloeVUFRwVE8AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAAEiElEQVRIDb1XW0isVRRec/EyDt4exBnDoxgiBPpi4SlTQQOfhBD0oejlcKCifLBjF/QhX9JDYfZQ54BBVNhDD0pgIUopjgpJIoqiIFaKwvF+RUdHnen7du7pn79RZyxcsP3XWntd9lp7zVpbi0QITU1NdwOBwCsWi+V5qKRdLGpvYD3B3m9Y37W2to6ReR1YrhJobm6OPz09vQeDD+Aw5ypZvQfZBci2xcTEfA39Y803f8M6bmhocMbFxb0J4QdYLrNShPQqDvFxbGzs43AHsIYzAuF3wf8E66ZOadaFyD9Fxt4jYYaQiGtqamy5ubkdULhnFvwvNCL/qqWl5T5sBLSdkIjh9KP/2ykd0WZjY+OH2qniaQJV+wHwVtKpqamSlJSkttLT0yU+Pl7he3t7sru7K0tLS4rWfyiTkpIi/GrQMlqHfET+NiL/grhK9UX1/gla3Wl5ebkkJyeL1+sV3LekpaVJRkYG5RUcHx9LX1+frK2tSW1trXKq9zY3NxVf6y4uLkpHR4cUFRXR8RPwn25vb/faqYACeAOfYCEhNSpKRnp2dib7+/uyvb0tJycnin9+fi4ul0tQ+bK8vCzr6+tyeHioDmmz2YSLGdAwOTmpdEtKStwJCQmvg/8Z75hRv6OF+MXJgqTdbhcuHoJZIGxsbMjR0ZFyTBwHl8TEREVreW3A7/crdG5uTgYGBgSHrgfDYsfdFgHJ1ILXfa1Wq3AxlQSHw6Ho6/S4v7CwwEPeqaure9GO6F5maqMBRoHOpFR0RJHqs+hwZY+Y6ruRKhnlmHouVm20gMM+ZUW0waKK1gDleb/RAoo10YpUR+34JlEaD+fz+ewhncu4eRV+kyiN9vhzY6pXjczbwFEbPqb61h3jF+Flqn+9jSiNPtBs5pjqH4xM4hwEbIvR/kaNdqhLGzs7O0a2wtE2v2XnsGBkLeIAd7QEu9Lq6qqUlZVJYWGhaplshQQW1vz8fHB6scLz8vKCDYW9nQ7Hx8elq6tLJiYmtFn1xf36V1ZWHLQWgNN2fLkUsA1mZWVJZ2entLW1SWVlpVRVVamxx0i4b2yZOjpOq56eHjW5OFTCAaZcFxz7VK+sr6+HLcfvOIDbLDw7OysjIyNqcHC0VVdXK8ccCoSDgwN1iO7ubhkbu/qB6XQ6T9EyObaOgk0a6b4Px18qa6Y/THt/f38wSo7E4uJiVQMej0e2trZMGuHJ/Pz8twYHBx9xN+iYBJw/hPP3iZuB87a3tzdiJ2Z9t9v9y/T09Euab9MIv8PDwz9jWGfAeaGRT5wvEbzJVGovuz+zjqbxJJqfmZnh+A1CiGNy4fzH0tLSc6DlQakLhK0uJydHVTAKxLwdls7OzvZMTU09i81/Xhcg/uWY2nDuQeRLiPwFkE7yjMA75uJ76rLfOorVX1BQ8BC2XjPqajysY25CYbKiouJzGN5CW30Gh/j73XOhyVcoohFGzreYBry1fJmZmd+jLZaNjo7+pPnmb0hxmTcNtAVPpGLQr2I9h4Oof9pwmABG3ObQ0JADD78/EOVjVP83Br1L0b8AbgfmFIWfSHEAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAAEDElEQVRIDe1WS0iUURS+Ok6+XwvxgUa4MEFt00YjApFMMaiNorSxjdauaGG0aWhTritoEyVBKiKCoI7QykBqEwg6pJEZtUh8v9/a9105lzv//E4zbevAP+fcc+853z3nnnvuKPWvUUykAdfX13uw9nxsbOwF8CJ8+TExMWngK/jeHxwcDPb09AQgR0R/BAZgIsBaANIGj7nhvB4dHX3Fuvbi4uKXPp/vMNzasMCNjY2M7g2+wnBOnHPYwBg2e7+zs9PvnJOxK3BLS4t3dXXVBwdtiIApjppguwvb1q6urtduxrFuypWVlXvQP/hbUPqE7SmwV8jaLY6dFBJxQ0NDJdL0DgvNpgoLC1V5ebmxhVMji3B4eHyk29vbCilWCQkJMrWH6Mu7u7s/iYI8zh40NTVlY1EndAaU86mpqSo5OVktLi5qOT8/3zbT8vr6utEtLS2plJQU/WGTXkz01dbWFg0NDe3IoiBggN7GRLZMCs/MzFR5eXkqPT1dR8KxkxITE7WKkTMjGxsban9/X9sgg6fT0tLuYsETsTPAzc3NCVtbW3fsNGIjet3a2pra2dlRHo9HO5ufnxd7w/f29rS8u7urvF4GqbTNwsKCysjIUHFxcbyO7fi0U3NYSHMNgIZoQCIooygoKDhWhPllZHLGsozpnpqakqEGj4+Pr8BZf6DSRAzD63a0dFRdXa2qqqqMcTTCwMBAEPDy8rJKSkp6BB/V9GMX0RkqhLgJeyOij5S72eIYSsXeRAxFjijJaTg4OKhGRkZsdZCM/hw0tgdy5rYOx8ferskAA2hblOQsiLq6OuV0wMJxi8a2FXl6elr19fXJkHbH1QqNAcZuftkOcQVYiWp2dtYYUsjJyVEokiDdSQOXdeayG2CAfoaDa+KEnSc3N1c3DtGRs5lwQ5HQ5uZm0DIEMycK24MfSt41TexEY2NjivdSiGfqvDYy58ad2UIfMHk3wHA6ih0tI/IMOmHT6OjoULjfvAYaMBpQ+hgfHyczBIznMjANhAq8JD6wh5RJk5OTCv31ePAXv/BnrHDe48PDw2WisO+xwnP4GEX2TSbRX5Xd/EUfKeerJoS6aBWZPChiKvAsXkLK+Sx62Qrn5kw9cDoqkluC1vsWmbthG4f8u5iYmPheUlKyBqMaXilWN8+WhUVH0XwEQoq/+P3+ShuUcggwlQD/AHCGehmV6OFjwcbh9hhw/UmETQfwqpXNzMyE/PELSbXtBP8wKxD1K0R5lnq+WHg6dcVTPomYFdyEDjwUN2nmts41YlkYCAR+ZmVlvcC/jx9wVoovk5HzepGc7ZSAyM4XNJmr/f39z8SPGw8bsdMAd/oczvsKAC5iLh3A8aj6M5C3ULWjSO3T3t7ej067/2Nm4De5k3Ixe8jLQwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAAElElEQVRIDa1XW0ilVRRe56J4F+/jpVHxkhcMJXJ8CEIJfPBlUPHBeikqZwhBm4EeepAeCglrGAKbHAjB6sEb8yoIEqgYIeiD6UOmKJrXB68Imqfv23P2af//+c8/MrXgP3v/a31rr70ue+3/eOQGFAgEPKOjo28C+o7H43kdY0bwofY+nr/wLFxfX//U1tY2TeaLyOMGmJqaijk8PLwPw10weNsNa8j+BP7b9PT0J/X19RcG3zJ1NDwxMRF/fHx8D8iHMHjLonHDFxjfge5XaWlp3zltwOu0zsnJyQMo9bkZ3dzclKWlJSd1xQvqfnNwcPDQCWTxeHh42Of1egcAfN8JbPKGhoZkcXFR+vr6THak+dOWlpYObCagARaPfT7fFxC80ChyL6enp5KamirYrF7LbfwQxdljAkKGR0ZGupCXT01hpDlyJnFxcXJ1dSWo4kgwCx/e9sD4x5qpDLN6wbiRUa24uroqW1tbsra2plk3GT9DhGIJVIZRAPfcCsm+IkONMyvR0dEyMzNjF7u9Z8NOBwE+hNezvLzMRCXbNQYGBmR3d1dyc3MlKipKFdPk5KRMT0+rHF9cXMjCwoKsr6/L5eWlZGRkqM1wY4ODg8KUOFAFvH7sHx8fvwPhKw4AZayqqkpYwTTCYiopKZGYmBiVY4Y5OTlZSktL1dGiQVJTU5NQb39/X23GXBse36ZNP5h3TYGeU6m6uloVUEeHio4WydzcnMzPz4cWrq2tFT4mnZ2dycbGRpjhIOauF7mqMxX0nEo1NTVqcc3TY11dnWRlZSnPnaqajaWyslLDw0baZHG9VEvkcUpMTAxblIy9vT3JzMx0lAWZt17asNuqWhYfH+8YMciVYY0Ljcwvbhf1XlBQEPGs0ms3Kisrk5WVFUcIPd6xS5jf/Px8xWbIuBE7NTQ0SGNjo52tNumW36DCDquahl/VKxwdHamjsb29LX6/X3BpCO5kqaiokISEBA2T7u5utaH+/n5LPmdnZxUOfV+daea7uLhYsrOzQ7qY7Pix8ByayFuaSwUCSUVFRUqZc55dTTy/OgqsYLOQCgsLFYyFl5eXp+b2lNAmQ/1ML8iRXqWkpJgs5Tm913R+fq6noQ1ohs0zFTG2Vhs98zY3N/8KjzdMQXl5ubCo2CZjY2MtISaOrVETcSbRY0YsKSlJ6XJEtzIhm7TpBTMA7iNTwnlOTo5qkQyxTVGFlgXEDdg7FnUZehanky7EX9Km2gqvKsR9FUxLBXAREnqragrP3/79ZQjZGu3U2dlpZ6l3RPZ3PK+h2/0digE+BD7ATp7aNVhIvb29wqKzEz3jnWyn9vZ2p5vpCs69jTD/QnzIMF/GxsZ6sSPLBwE94rXnREwB8GEipsCs9CDgfmtr6xMNthgmE58n32P4SAP+p/ExjHaZa/E4WQgA3oE9FuZ/eEFEPrcb5XJhHmsb8PxdzL/G43rNaLzDuAfeAxj90UEW2TDB/AhEu3wPu/4E+XzezpxWMXjA/oHXR7hkfnD6B6GhET3WAD0iAnewKP+0vQEej53uIupPG2S/oWp/xof7nNZxG/8BDQSfyiVIc4MAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAAFJklEQVRIDbVWW0ilVRRexyNeGC94z9CMTLyCDg5TiQ8K4nNoPhT40IBZT9EMTT1E+TCBMJpSEBpSEPQgooYoKBYqihqhDjiO4jUveJ0ZL+Ndj/Z9q9mHXz3qQOOC/f/7svb+9trrW2tvm7yg5OTkvA3VD2w22zvHx8chqLNQVlAWUP7G2G+1tbV/sfMysV2kkJGR4RUYGHgLOnew6BtW3adPn2oT49Zu1sdRvnvy5Mkv7e3tu6cHTdslcHZ29jXIJ25ubneg+IpRNv/u7m5ZWKCRIlFRUXLjxg0zZP0vonEfG/jR1QbcrJqm7uPj8zlA76N9BnRxcdEJSv3l5WXZ2toyU61/zi0NCgq6a+009RMW5+Xl2Y+Ojn7CII/XpYSHhytYYmKipKWlyejoqMCv4uHhITgll3PQ+TMM+aimpsZhFNxNhX+AfovfuaDUWV1dlaKiIgkICGBTN8H//v6+OBwO8fX1FfCBXVa5hbVJwi9Np91UcnNz2fmNaZ/3Pzw8FC8vL4mOjpbd3V2prKyUzc1NVQfb5eDgQK13AZ4eHx+/Pjw83Etl9THZi/qnOvuCDxd99uyZFtaDg4MFfJCdnR3nLFpNHW7ChdyFO73Zr8AIiY9RP0Mk60Qu/vDhQxkbG5Pq6mq1qq+vT1pbW4WEm5+fd6qfB45TCMdYIRUJTIfcZuMi2dvbc1qxtLQkjx49kqamJucUjlvlAvDPoGezMyNhJ07g7e1tmZ2dlZWVFT1Gd/f/+Ed/klhG6MO2tjaxAhrCUYe63ODMzIy6xKyDIX/4utkdC7xrFiNoV1eX+oh96+vrmhwIwomenp5GVTo6OpTJ1j4zSNCBgQHT1LkMP6NLTDvQv0LldWrRSlqwsbHBpgKHhYWJt7e3hg8zFInDkGEficU6C0gj4+PMlqL9k5OTWi8vL5e1tTVdi3FOI0A8hz0hIYFhFEwtAtbV1UlmZqZERkZKT0+PxMXFadikp6dLb2+vxqqueOrDDSclJambYmNjJSUlRSoqKjTJhIaGCsNwbm7OhNoege9hDYaTFBYWSkxMjIIyK7GMjIzI9evXZXBw0HkSpzC1yU37+fkJQbKysiQ/P1/8/f11jBHBcUYEN4gs56nhZBYqKChwZiL2VVVV6TFSmW64TIaGhnTTSI16vEafabW5uVmbjG+s50PgRaPAP4+TfmRs8qgZNozXFxUCTE9PK7lIMq7T399/wkXgxJ4bdqDAzERMhWQydxUREaGEsobQZeCMXSYSFp4QWcxr88GDB+p7GkQBMXfdwLJeNuhLAre0tOif1lJICh41JSQkRDfETZ0uBGHONrqNjY2CG0ktptU05vHjx7oOUu24Ozp+x336BS2mTE1N8ZaShoYGbZP+PAWynMQxhNFBy4d6BDAyMTGhVfrbKtwYwvAHpksbbqZ/AP4ar7arFmz8sL6+3oPkgtHHZQxuXuZXLYj1P4mp4WS32ysBvnDV4GCzo7OzU1O0AsMPvFC/prVXCY6MVmkefs4XCF4G/chivKTTeeQkGMPjZQlSaFdJScl7Zj0nMDsA/gcujVfB0NSXCZ6cnDxcVlZ24g18Avg5eCMs57slk+Dw/f+yPDU1tb20tPQm17bKGWAOwvIOgE8AlMd+DeTTR5x14mV1xKoDoN8XFxe/70r3zDvUqsRHIB7kH6LvNmL8zXMe7tYpAn0HNt2Ch0KuIdIJheeNC4GtE5Bk3kLKvAfwm3ip+CA9akQgCvZRdvFgnMTTpwxv7l+t886r/wu9m4rlJQsUBAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAAEM0lEQVRIDbVWS0idRxQ+9/f9RsGr1xe1WiMI0kRLBAsiWBBFkW4EkUBbaesmC0XSnatSIQmFBmKTELIJhLqQoLQgFNy4sO3CbiwqSiGiXhRU1Pq6PvJ9453L3P/+9/cq9sD8M3Me8/1n5pwz45EYaWxsrA6qXWifoPnQctFIG2hraH95PJ7XbW1tf5J5GXncFCYnJ5N3d3e/hE4/2oduulp2fn6+aFnWY5/P97K2tjag+fbeEXhiYiLt6OioF8oEzLcbxTh/h58YyszMfNXY2Hhot7HsDM4PDw8H0D1Euy4olynB1j/Fjj0ZGRlJJMOkMI+hEJeUlPQcBtzem6TpxMTEz5ubmxkLisI8Tk5O/v5/ACVQ3fHx8eAF5MU35PH4+Ph3OJMfTKHf7xcYyOLiouzt7SnR9va2xMXFSUlJiVRVVcnJyYnip6amSnp6umkeMYZTvYj6nylQwMHo/Rfz0JnOzc3J6OhohLFmFBUVSWVlpezs7Kifw1ZKU1OTFjv2cGw9ISHho5aWlh211QiAb6EZAt3c3JTV1VVHY808ODgQellfXy81NTWa7drDY28gEOijkoW/8KCpCRlccHl5mUNXgo2cnp7K0tKSIPVcdU0hwO8T08LZ3sWkWAtTUlIEuaenl/YE5+6cnZ1dqhtUyCYmt7rDboE8trNc5wTlTnm9XkE6uuoGhR0ErtOaPFtuHSP5KkSwvLw8tfWlpaWSnZ3tao6t/jgen3xstVIkoE4bV8ugEKVQeWnX5U8w8NbW1hyPAHj59DgUzfYFnObIQ2loaHAShfEyMjKE3uPCCONzAmc/CONmZWU5KpqWzN/i4lAsmqKI8fz8vMzMzAiP0E7xYPjRsihgRJeXl6tKxbkTDQ8PK3ZOTo6wipnEs0WBEOSqTE1Nyfr6uhLr9KRNkPzx2G8C39IclkN95poXrac3JEY0f6Kri+8EUaAEN8kEJyY9nkYLHRqBWf6uQkwnpuDCwoKsrKxENTXAp3nGb01NApeVlcWaj6apK6hWJDg8nrEQpX+A+U4L2BO8oKDAZN3YGDdYAJi/WEA/x6o/2ld2SgO7znXmhYWFv9FOpRPO5xlyK/Q6oIDV6LLyt7W1JRsbGxHRTXsnQm4fI7K/osx8CPQA/IXdgBHLB8Hs7KzKx/39fdWzLjP1dPTi9eJ6uTBTqqurB9rb2x+FAXOCt/MQugcc20lfgfyR61BFRcXvnZ2dn2nbkMeaAfBnGH+t52Z/XXCUzr+7u7tvm2uFlUwKsBXfoBs0lfRYpxorXCzEAMXz6Fc7KG0jPNYL4rK+h8LwEGfj1Tzdx+I56v4JPO1H6vyk7cw+KjCV+AjEY+4LDPvwA+WmYTTwtLS0U6TMWwRfD67N8GJuLOAKbOgJduBT7ACL8R38hA8ZkAvwA1wEFtLuP9y//6A4vGltbX1l2kUbvwdpE6n0kaoUFAAAAABJRU5ErkJggg==\"","import { useContext, useEffect } from 'react';\r\nimport { Link, useLocation, useParams } from 'react-router-dom';\r\nimport GlobalData from '../GlobalData';\r\nimport logo from '../img/logo.png';\r\nimport { menus, moreMenus, NavigationHeaderMenu } from '../NavigationHeaderMenuV2';\r\n\r\nexport const Header = () => {\r\n    const location = useLocation();\r\n    const params = useParams()\r\n    const {pageTitle, setPageTitle} = useContext(GlobalData)\r\n\r\n    const loadTitleForTheFirstTime = () => {\r\n        let allMenus = [...menus, ...moreMenus]\r\n        for (let index = 0; index < allMenus.length; index++) {\r\n            let menu = allMenus[index];\r\n            let path = !menu.path ? \"NO PAGE\" : \"/\" + menu.path.split(\"/\")[1] + \"/\"\r\n            let locationName = \"/\" + location.pathname.replaceAll(\"/\", \"\") + \"/\"\r\n            \r\n            if (path === locationName) {\r\n                menu.name && setPageTitle(menu.name)\r\n                break\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        loadTitleForTheFirstTime()\r\n    }, [params])\r\n\r\n    return <header>\r\n        <div className=\"decoration\">\r\n            <Link to=\"/\"><img id=\"nav-logo\" src={logo} onClick={() => {\r\n                setPageTitle(\"Dashboard\")\r\n            }}/></Link>\r\n            <h1 dangerouslySetInnerHTML={{\r\n                __html: pageTitle\r\n            }}/>\r\n            <NavigationHeaderMenu />\r\n        </div>\r\n        <div className=\"line-decoration\"></div>\r\n        \r\n        \r\n    </header>\r\n}","export enum RoutePath{\r\n    dashboard = \"/\",\r\n    login = \"/login\",\r\n    profile = \"/profile\",\r\n    logout = \"/logout\",\r\n\r\n    memberList = \"/member\",\r\n    clientList = \"/client\",\r\n    prospectiveClientList = \"/prospective-client\",\r\n    clientPartnerList = \"/client-partner\",\r\n    clientPICList = \"/client-pic\",\r\n    customerList = \"/customer\",\r\n    customerPersonnelList = \"/customer-personnel\",\r\n    databaseTNIALList = \"/database-tni-al\",\r\n    lawRegulationList = \"/law-regulation\",\r\n\r\n    pobHeaderList = \"/pob-header\",\r\n    pobList = \"/pob\",\r\n    pobContent = \"/pob-content/:type/:id\",\r\n    pobContentWithHeader = \"/pob-content/:type/:id/:pobHeaderId\",\r\n\r\n    actionPlanList = \"/action-plan\",\r\n\r\n    newsList = \"/news\",\r\n    log = \"/logs\",\r\n\r\n    backup = \"/backup\",\r\n\r\n    viewDocument = \"/viewdoc\",\r\n    viewDocumentParam = \"/viewdoc/:fileUrl\",\r\n\r\n    googleCalendarAuth = \"/google-calendar-auth\",\r\n}","import * as React from 'react'\nimport AsyncSelect from 'react-select/async'\nimport { FilterClientPath } from '../../database_api/api'\nimport { GetAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient'\n\nexport class AsyncClientSelectInputHandler{\n    private fieldName: string\n    private placeholder: string\n    private client: GetAPIHTTPClient\n    private onChange: (client: ClientResultType) => void\n\n    constructor(fieldName: string, placeholder: string,\n        client: GetAPIHTTPClient,\n        onChange: (client: ClientResultType) => void){\n        this.fieldName = fieldName\n        this.placeholder = placeholder\n        this.client = client\n        this.onChange = onChange\n    }\n\n    private loadClientList = (inputValue: string, callback: (options: ClientResultType[]) => void) => {\n        this.client.get(FilterClientPath + inputValue, result => {\n            if(result.data == undefined){\n                callback([])\n                return\n            }\n\n            let returnedResult: {id: string, name: string}[] = result.data\n            if(returnedResult.length == 0){\n                callback([])\n                return\n            }\n\n            callback(returnedResult.map( client => {\n                return {label: client.name, value: client.id}\n            }))\n        })\n        \n    }\n\n    private handleSelectedChange = (inputValue: any, _: any) => {\n        this.onChange(inputValue)\n    }\n\n    getComponent = (value?: ClientResultType) => {\n        return (\n            <AsyncSelect cacheOptions \n                placeholder={this.placeholder}\n                className=\"selectionStyle full-border\"\n                classNamePrefix=\"si\"\n                value={value}\n                loadOptions={this.loadClientList} defaultOptions \n                onChange={this.handleSelectedChange}\n                />\n        )\n    }\n}\n\nexport type ClientResultType = {\n    label: string,\n    value: string\n}","import { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\r\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { AsyncClientSelectInputHandler, ClientResultType } from '../../ClientPIC/AsyncClientSelectInputHandler';\r\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\r\nimport history from '../../RouteManager';\r\n\r\nexport const ClientSelector = () => {\r\n    let handleClientChange = (client: ClientResultType) => {\r\n        history.push(RoutePath.clientPICList + \"?clientId=\" + client.value + \"&clientName=\" + client.label)\r\n    }\r\n\r\n    let client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\r\n    let clientSelector = new AsyncClientSelectInputHandler(\"client\", \"Select \" + Lang.mClient, client, handleClientChange)\r\n\r\n    return (\r\n        <div id=\"form-container\">\r\n            <h2>Client Selector</h2>\r\n            <div className=\"rowflex\">\r\n                <div className=\"col default-padding-left\">\r\n                    <div className=\"default-padding-top\">\r\n                        {clientSelector.getComponent()}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import { faArrowCircleDown, faCircleDown, faCircleUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { LayoutProps } from \"./LayoutProps\";\r\n\r\nconst mediumScreen = 700;\r\n\r\nfunction getWindowDimensions() {\r\n    const { innerWidth: width, innerHeight: height } = window;\r\n    return {\r\n        width,\r\n        height\r\n    };\r\n}\r\n\r\nexport let ListTwoColumnLayoutLeftNav: (props: LayoutProps) => JSX.Element = \r\n({filterComponents, contentComponents, topSearchComponent, addComponent}) => {\r\n\r\n    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\r\n    const [filterOpen, setFilterOpen] = useState(false)\r\n    \r\n    useEffect(() => {\r\n        function handleResize() {\r\n            setWindowDimensions(getWindowDimensions());\r\n        }\r\n\r\n        window.addEventListener('resize', handleResize);\r\n        return () => window.removeEventListener('resize', handleResize);\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            <div id=\"top-container\">\r\n                {topSearchComponent && topSearchComponent}\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div id=\"add-menu-container\">\r\n                {addComponent && addComponent}\r\n            </div>\r\n\r\n            <div id=\"two-column-layout\">\r\n                <div id=\"nav-left\">\r\n                    <div id=\"filter-header\" onClick={() => {\r\n                        setFilterOpen(!filterOpen)\r\n                    }}>\r\n                        <h2>Filter</h2>\r\n                        <FontAwesomeIcon icon={ filterOpen ? faCircleUp : faCircleDown } size=\"lg\" />\r\n                    </div>\r\n\r\n                    {(windowDimensions.width >= mediumScreen || (windowDimensions.width < mediumScreen && filterOpen )) && filterComponents &&\r\n                        filterComponents.map((comp, index) => <div className=\"nav-filter-component\" key={index}>{comp}</div>)\r\n                    }\r\n                </div>\r\n\r\n                <div id=\"content-column\">\r\n                    {contentComponents}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}","import React from \"react\";\nimport { LayoutProps } from \"./LayoutProps\";\nimport { ListTwoColumnLayoutLeftNav } from \"./ListTwoColumnLayoutLeftNav\";\n\nexport let ListLayoutFacade: (props: LayoutProps) => JSX.Element =\n(props) => (\n    <ListTwoColumnLayoutLeftNav {...props} />\n)","import { BoxButtonComponent } from '../../../components/BoxButtonComponent';\r\nimport { BoxComponent } from '../../../components/BoxComponent';\r\nimport NextIcon from '../../../img/next.png';\r\nimport PrevIcon from '../../../img/prev.png';\r\n\r\nimport queryString from \"query-string\";\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\n\r\ntype PaginationComponentProp = {\r\n    itemPerPage: number\r\n    totalData: number\r\n    totalPage: number\r\n    isLoading: boolean\r\n}\r\n\r\nexport const PaginationComponent = (props: PaginationComponentProp) => {\r\n    const location = useLocation()\r\n    const history = useHistory()\r\n    const params = queryString.parse(location.search)\r\n    const page = params.page ? +params.page : 1\r\n    const totalData = props.totalData ?? 0\r\n    const totalPage = props.totalPage ?? 0\r\n    const itemFrom = (page - 1) * props.itemPerPage + 1\r\n    const itemTo = (((page - 1) * props.itemPerPage) + props.itemPerPage) <= totalData ?\r\n        ((page - 1) * props.itemPerPage) + props.itemPerPage : totalData\r\n    \r\n    const prev = () => {\r\n        let newParams = {\r\n            ...params,\r\n            page: page - 1\r\n        }\r\n        history.push(location.pathname + \"?\" + queryString.stringify(newParams))\r\n    }\r\n\r\n    const next = () => {\r\n        let newParams = {\r\n            ...params,\r\n            page: page + 1\r\n        }\r\n        history.push(location.pathname + \"?\" + queryString.stringify(newParams))\r\n    }\r\n\r\n    return (\r\n        <div className=\"pagination-component\">\r\n            <BoxButtonComponent border=\"left-border\" aclass=\"pagination-button\" icon={PrevIcon} \r\n                onClick={prev}\r\n                {...(page <= 1 || totalPage == 0 ? {disabled: \"disabled\"} : {})}\r\n                {...(props.isLoading ? {disabled:\"disabled\"} : {}) } />\r\n            <BoxComponent aclass=\"pagination-description\" \r\n                text={`Item ${itemFrom} \r\n                        to ${itemTo} \r\n                        of ${totalData}. Page ${page} of ${totalPage}`} \r\n            />\r\n            <BoxButtonComponent border=\"right-border\" aclass=\"pagination-button\" icon={NextIcon} \r\n                onClick={next} \r\n                {...(page == totalPage || totalPage == 0 ? {disabled: \"disabled\"} : {})}\r\n                {...(props.isLoading ? {disabled:\"disabled\"} : {}) } />\r\n        </div>\r\n    )\r\n}","export const Timeout = (action: any) => {\r\n    setTimeout(() => {\r\n        action();\r\n    }, 100);\r\n}","import queryString from \"query-string\"\r\nimport { useHistory, useLocation } from \"react-router-dom\"\r\nimport { Timeout } from \"../../components/Timeout\"\r\n\r\nexport const useURL = () => {\r\n    const history = useHistory()\r\n    const location = useLocation()\r\n    const params = queryString.parse(location.search)\r\n\r\n    const goTo = (url: string, params?: any) => {\r\n        Timeout(() => {\r\n            history.push({\r\n                pathname: url,\r\n                search: queryString.stringify(params)\r\n            })\r\n        })\r\n    }\r\n\r\n    const replaceTo = (url: string, params?: any) => {\r\n        history.replace({\r\n            pathname: url,\r\n            search: queryString.stringify(params)\r\n        })\r\n    }\r\n\r\n    return { history, location, params, goTo, replaceTo }\r\n}","import queryString from 'query-string';\r\nimport { useState } from 'react';\r\nimport { ValueType } from 'react-select';\r\nimport CreatableSelect from 'react-select/creatable';\r\nimport { QueryComponent } from './QueryFilterProtocol';\r\nimport { useURL } from './useURL';\r\n\r\ninterface FlexibleSearchComponentProp {\r\n    isLoading: boolean\r\n    placeholder: string\r\n    queryOptions: QueryComponent[]\r\n}\r\n\r\ninterface OptionValue{\r\n    field: string,\r\n    label: string,\r\n    value: string\r\n}\r\n\r\nexport const FlexibleSearchComponent = (props: FlexibleSearchComponentProp) => {\r\n    const { location, params, goTo } = useURL()\r\n\r\n    const [options, setOptions] = useState<OptionValue[]>([])\r\n\r\n    const clearAll = () => {\r\n        props.queryOptions.forEach(query => {\r\n            delete params[query.field]\r\n        })\r\n    }\r\n\r\n    const search = () => {\r\n        goTo(location.pathname,{ ...params, page: 1 })\r\n    }\r\n\r\n    const handleChange = (inputValue: ValueType<OptionValue, true> | undefined, _: any) => {\r\n        clearAll()\r\n\r\n        if(inputValue){\r\n            inputValue.forEach(input => {\r\n                params[input.field] = input.value\r\n            })\r\n        }\r\n\r\n        search()\r\n    };\r\n\r\n    const optionMapper = (inputValue: string): OptionValue[] => {\r\n        let options: OptionValue[] = [];\r\n        props.queryOptions.forEach(query => {\r\n            options.push(\r\n                {\r\n                    label: query.displayField + \": \" + inputValue,\r\n                    field: query.field,\r\n                    value: inputValue\r\n                }\r\n            );\r\n        });\r\n        return options;\r\n    };\r\n\r\n    const handleInputChange = (inputValue: any, _: any) => {\r\n        if (inputValue == undefined || inputValue == null || inputValue == \"\") {\r\n            setOptions([])\r\n        }\r\n        else {\r\n            setOptions(optionMapper(inputValue))\r\n        }\r\n    };\r\n\r\n    const initialSearch = () => {\r\n        let params = { ...queryString.parse(location.search) }\r\n\r\n        let search: OptionValue[] = []\r\n        \r\n        props.queryOptions.forEach(option => {\r\n            if(!params[option.field]) return\r\n\r\n            const displayField = props.queryOptions.find(query => query.field == option.field)?.displayField\r\n\r\n            search.push({\r\n                label: (displayField ?? option.field) + \": \" + params[option.field],\r\n                field: option.field,\r\n                value: params[option.field] as string\r\n            })\r\n        })\r\n\r\n        return search\r\n    }\r\n\r\n    return (\r\n        <CreatableSelect className=\"search-input\" placeholder={props.placeholder} isLoading={props.isLoading} \r\n            classNamePrefix=\"si\" isMulti options={options} onChange={handleChange} onInputChange={handleInputChange}\r\n            value={initialSearch()}\r\n            getOptionValue={option => option.value} />\r\n    );\r\n}\r\n","import * as React from 'react';\nimport { useState } from 'react';\nimport { useURL } from './useURL';\n\nexport type OptionValue = {key: string, value: string}\n\nexport interface OptionInputProp{\n    name: string, \n    options?: OptionValue[]\n    initialValue: string\n    [param: string]: any\n}\n\nexport const OptionInputSearchComponent = (props: OptionInputProp) => {\n    const { location, params, goTo } = useURL()\n\n    const status = params.active ? params.active.toString() : props.initialValue\n\n    const [selectedValue, setSelectedValue] = useState<string | undefined>(status)\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSelectedValue(e.target.value)\n        \n        if(e.target.value === \"all\"){\n            delete params.active\n        }\n        else{\n            params.active = e.target.value\n        }\n\n        goTo(location.pathname, params)\n    }\n\n    return (\n        <div className=\"option-input-normal\">\n            {!props.options ? \n                <React.Fragment key=\"default\"><input className=\"option\" type=\"radio\" name={props.name} value=\"default\" id=\"default\" />\n                    <label htmlFor=\"default\">Default</label>\n                </React.Fragment>\n            :\n                props.options.map((option) => \n                    <div className='option-container' key={option.key}>\n                        <input className=\"option\" type=\"radio\" name={props.name} value={option.key} id={option.key + option.value} \n                            checked={selectedValue === option.key} \n                            onChange={handleChange}\n                        />\n                        <label htmlFor={option.key + option.value}>{option.value}</label>\n                    </div>\n                )\n            }\n        </div>\n    )\n}","import * as React from 'react';\r\nimport { useState } from 'react';\r\nimport { OptionValue } from './OptionInputSearchComponentV2';\r\nimport { useURL } from './useURL';\r\n\r\ninterface OptionInputCustomProp{\r\n    name: string\r\n    fieldName: string\r\n    options?: OptionValue[]\r\n    initialValue: string\r\n}\r\nexport const OptionInputSearchCustomComponent = (props: OptionInputCustomProp) => {\r\n    const { location, params, goTo } = useURL()\r\n\r\n    const status = params[props.fieldName] as string ?? props.initialValue\r\n\r\n    const [selectedValue, setSelectedValue] = useState<string | undefined>(status)\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        setSelectedValue(e.target.value)\r\n\r\n        if (e.target.value === \"all\") {\r\n            delete params[props.fieldName]\r\n        }\r\n        else {\r\n            params[props.fieldName] = e.target.value\r\n        }\r\n\r\n        goTo(location.pathname, params)\r\n    }\r\n\r\n    return (\r\n    <div className=\"option-input-normal\">\r\n        {!props.options ?\r\n            <React.Fragment key=\"default\"><input className=\"option\" type=\"radio\" name={props.name} value=\"default\" id=\"default\" />\r\n                <label htmlFor=\"default\">Default</label>\r\n            </React.Fragment>\r\n        :\r\n            props.options.map((option) => \r\n                <div className='option-container' key={option.key}>\r\n                    <input className=\"option\" type=\"radio\" name={props.name} value={option.key} id={option.key} \r\n                        checked={selectedValue === option.key} \r\n                        onChange={handleChange} \r\n                    />\r\n                    <label htmlFor={option.key}>{option.value}</label>\r\n                </div>\r\n            )\r\n        }\r\n    </div>\r\n    )\r\n}","export enum QueryCompareTypeEnum{\r\n    equal = \"=\",\r\n    like = \"LIKE\",\r\n    timeYear = \"YEAR\"\r\n}\r\n\r\ntype QueryReferenceComponent = {\r\n    type: string\r\n    targetField: string\r\n    searchField: string\r\n}\r\n\r\nexport type QueryComponent = {\r\n    field: string\r\n    compareType: QueryCompareTypeEnum\r\n    reference?: QueryReferenceComponent\r\n    value?: string\r\n    displayField?: string\r\n}\r\n\r\nexport interface QueryFilterProtocol{\r\n    addFilter(queryComponents: QueryComponent[]): void\r\n}","import { HTTPHeader } from \"../../interfaces/HTTPHeader\"\r\nimport { AuthTokenSessionStorage } from \"../Login/AuthPermission\"\r\n\r\nexport const useHeader = () => {\r\n    const header = new HTTPHeader(new AuthTokenSessionStorage())\r\n    return { header }\r\n}","import queryString from \"query-string\";\r\nimport { useEffect } from \"react\";\r\nimport { useQuery } from \"react-query\";\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\";\r\nimport { ListPagingResult } from \"../Paging/GenericAPIListPagingLoader\";\r\nimport { useURL } from \"../Search/useURL\";\r\nimport { useHeader } from \"./useHeader\";\r\n\r\ninterface DataListProps {\r\n    url: string\r\n    size: number\r\n    identifier: string\r\n    ignoreParamsAsURL?: string[]\r\n    defaultParamsNotURL?: {[x:string]: string}\r\n    manualFetch?: boolean\r\n}\r\n\r\nexport const useDataList = <DATA>(props: DataListProps) => {\r\n    const { url, size, identifier, ignoreParamsAsURL, defaultParamsNotURL, manualFetch } = props\r\n    const { header } = useHeader()\r\n    const {params, location} = useURL()\r\n\r\n    const page = params.page ? parseInt(params.page as string) : 1\r\n    if(!params.size) params.size = size.toString()\r\n\r\n    const { data, isLoading, refetch, isFetching } = useQuery<ListPagingResult<DATA> | undefined>(identifier, () => fetchClients(), {enabled: false})\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.get,\r\n        headers: header.header()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if(manualFetch) return\r\n        refetch()\r\n    }, [location.search])\r\n    \r\n    const fetchClients = async () => {\r\n        const apiParams = {...params}\r\n        if (ignoreParamsAsURL) {\r\n            ignoreParamsAsURL.forEach((param) => {\r\n                delete apiParams[param]\r\n            })\r\n        }\r\n\r\n        if (defaultParamsNotURL) {\r\n            Object.keys(defaultParamsNotURL).forEach((param) => {\r\n                if (!apiParams[param]) {\r\n                    apiParams[param] = defaultParamsNotURL[param]\r\n                }\r\n            })\r\n        }\r\n\r\n        return fetch(`${url}?${queryString.stringify(apiParams)}`, requestOptions)\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    return { page, \r\n        data: data ? data.data : [], \r\n        isLoading,\r\n        totalPage: data ? data.totalPage : 0,\r\n        totalData: data ? data.totalData : 0, \r\n        totalDataShowed: data ? data.totalDataShowed : 0,\r\n        params,\r\n        getDataList: refetch,\r\n        isFetching\r\n    };\r\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACRFdLHAAADH0lEQVQ4EZVVW0iUQRSeM/OvtzI1XVYjyPCxekrIyFso9RLRbVOji5CpvQTVQ0UQEb0EhRVlKRSVL2tGGYFYCopKEOJLmJesCLpZSiGlpbv/nL5/cbZ1y6z/5cx855zvnPnOzC6JP3zlHVvSXDI6R9u6SJDMEsweQTROzM9Yivu2tpue65H+9rXtgch0mgGwoIquooOK6SgLkUJgmeHHhsEOfIKFbh5N1jsaljVMhceEErwt3gR3tDovBO1GgAwPmm0N8peseNPVNfW9JiaU6I6Wl0FWCkcIM0GzWXSaIQOis6y1xGNigskVHdt3MkmvAf/LkkyMiuaLJofK20pSLCWGACQacC4Lff0k+C1OtHQ6Vgv251Tn3XksXRbnCBIL5iL55ecAE1d+F/YqaPh0GpdM1iXvba+SmsUWjO6fdENnUzaLYwOB4Vts+/3o0DlZ8IOe6YkLZQaIaPU0FjLO1QhtzIIEavOZmjzfWfeIm+NcMVW4IluNGxcqTilaZEGLxSAN4Uh6ArY3QLYZkJltTeL452S7qrQtPyZWqatC0y7jD1oil7D0fAvJYbeX34/aw4VJ8fFaTsxLgmctmtUQ5OZgYPhc+idhxarUEzieQzZDJhQl1rgr0O+dqQTylGTl2VCb+WBCRSloy92a+EJ/YLjSeWaxKu0UER2JJJvO95OSX2l/R3EdKu40pLDoiMurs33Xdj1cN+9HfIIWb4Wdkmqdhu8QpFBhseHLL/4pnSUhZGPEECQOWVPZWbShbv2j8YZHDZNJHrUPuhz+C5nAgd8NqY+vqKx1oyfKFTcIvRLCy6HIGG7rHkm0Aj2fxFFn68xJ0wE9WVibf7ctON6KruK9StMVOFwRpDYCnLlZ4XjkGr88jVdy6zc7eHBSNdm+6xjAvchAaIuu5iBjHiOmAybXjJ5HpuxyNHMDDm2cc1nI8pItzq7O870xsSFd+ur6JruX9D7IXLocD1/gnQoXOgxKYoIdGxwgEZ4dt7z+NpbrK2j8EO7/LcFxVrYVp0uXKGBbbMYjWgkWN7gn8BcwgH0z29xkx7/oqc3sAfHM7ycYYzJe5/Qx7wAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAAC8CAIAAABHd/2uAAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz/eEDEaxcLC4qVh5cegJjYWI4bCYozya/PmeTOjZsbrvZFkq2ynKLHxa8FfwFZZK0WkZKesiQ3Tc96MGsmc2z33c7/3nNO954ISTelpuzIA6UzWioRD6szsnFr9jIcKFLrp0nTbnJgaiVLWPu4kVuym061VPu5fq1s0bB0qaoQHddPKCo8Kj69mTZe3hZv0pLYofCrcYckFhW9dPVbkF5cTRf5y2YpGhkBpEFYTvzj2i/WklRaWl+NPp1b0n/u4L/EamekpWVtltmATIUwIlTGGGSJIDwPig3TSS5fsKJMfKORPsiy5uniTNSyWSJAkS4eoK1LdkDUuuiEjxZrb/799teN9vcXq3hBUPTnOWxtUb0E+5zifh46TPwLPI1xkSvnLB9D/LnqupPn3wbcBZ5clLbYD55vQ/GBqllaQPDKVeBxeT6B+FhqvoXa+2LOfc47vIbouX3UFu3vQLvG+hW9rF2foMZHdWQAAAAlwSFlzAAALEwAACxMBAJqcGAAABxZJREFUeJzt3UlvG/cdh3Gl6DUB0tQwDBi+pj4lQO3CTYO0eQW2JedtRKKSa9tDemsuVm9p47p2XaflToqLSInUvlKWLCeAAZuRYGsJrYWLh9SQo+H0kKItgiyW/Rv+hzPP5yhInO/hASVQs7y0vr7eAwj5keoBcBV6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6giR6gqQfqx7gck+ePJmbny8Wi6+88vK5c+fffOMN1Yvs9RLnj9tkb28vFAlPTU2ZpvnfL7535b3Lly4pXGU33p/kHRwchCOR8Ynx/y/pa/6A/+zZsz97/XUlwzqAniRVKpVINJofzxuG8V3fs7a2Rk/4AdVqNRaPjY6NfU9JX3u8+bgzk5Sgpxf19OnT+HA8m802W61n+gHLsnmRSvT0/DRNSyQTI5mMruuqtzgFPT2PRqORSCbTI+nDw0PVW5yFno7n8PAwlU4lU6lGo6F6ixPR07PSdX0kk0kkE5qmqd7iXPT0w5qtVjabGU4karWa6i1OR0/fxzCM7OhofDherVZVb+kO9PTtDMPIj+ejsVi5XFa9pZvQ0zeZppkfH4/Govv7+6q3dB96+h/TNCenJsORyN7enuot3Yqeenp6etrt9vTMTDgSLpVKqrd0N6/3ZFnW7OxsKBze+WpH9RY38G5PlmXNLyyEQqGt7S3VW9zDiz1ZllUoFAKh4OPHbv5XvxKe62n5zp1gKLixsaF6iDt5qKfV1dVAMPjl+peqh7iZJ3pau3cvEAw8fPhQ9RD3c3lPuq5fHRq6u3ZX9RCvcHNPuq5/9IeP1vlTqYPcfD3n6t1VYuowN/d0797nqid4jpt7qtU4yaTT3NwTOo+eIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIImeIMm1Pd2/f/8Rj4/qOBc+H+HBgwf+gP/zL75QPcSLXNVTsVj0BwNra2uqh3iXS3pa39gIBAIrqyuqh3hd1/f06NGjQDBYWC6oHoKenq7uaXNzMxgKLi4tWZalegv+oyt72tnZCYSC8/PzlOQ0XdZTqVQKhkKzc7Ptdlv1FnyLrulpd3c3FA5Pz0ybpql6C75TF/S0t78fiYQnJicpyfkc3dNBuRyNRvPj+aOjI9Vb8Ewc2lOlWonFYmO5nGEYqrfgGBzXU61Wi8Xjo2OjrVZL9RYcm4N60jQtPhzPZLPNZlP1FjwnR/RUr9cTyWR6JK3ruuoteCGKe2o0Gql0KpVONxoNtUsgQllPuq6n0ulkKlmv11VtgDgFPTWbzUwmE08Ma5rW+aPDVh3tqdVqZUdH48PxWq3WyeOiYzrUk2EYY7mxWCxeqVY6c0QoYXtPpmnm8rloNHpQLtt9LChnb0+tVuvqn4ZWVjht0ivsvb7l02vXiMlTbOzJNM3lO8v2vT4cyMaetre3+ZTSa2zsiZNMPMi11wdDCXqCJHqCJHqCJHrqtM2trWKxqHqFXeip00ql0m9//7s/fvzx+saG6i3yHHF+pgetrK6srK6c+/m5K319Z86cUT1HDD2pVFguLN9Z/sX58329fadPn1Y9RwA9KWZZ1sLi4uLS0oULF6709p06dUr1ohdCT45gWdbc3NzCwsJbv3yrr7f35MmTqhc9J3pykHa7PT0zPTc/9/av3u69fPnEiROqFx0bPTmOaZoTkxPTM9O/fuedS5cu//S111QvOgZ6cijTNHP5/OTU1Lu/effixYs/efVV1YueCZ8/OdrR0VF2NOsb9N24eaMrTr2npy5gGEZ6ZGTA5/v7rVsOvzSInrpGq9VKppL9voHbn9127KWL9NRlms1mfHj4/YH+f/n9Dry0mp66kq7rkWik3zcQDAUddVI1PXWxRqMRDIX6fQPhSMQht6ahp65Xr9f9Af/7A/3xeFz5rbPoySU0Tbv9z8/6fQOJZFLhrf3oyVVqtdqtf9wa8PnSI2kltx6lJxeqVCs3bt70Dfoy2WyHr1qjJ9c6KJev/+364AeDuVyuY7dupyeX29vf/8u1Twc//GB8YqIDj7uhJ0/Y3d395M+fXB0asvvXHz15yOLS4rXrf7X1EPTkLYVCwdZHc9GTt2iatrW9bd/r05PnHNn5uRQ9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QRI9QdK/AZZ0x8/WO93gAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACRFdLHAAABvUlEQVQ4EaVUvU7CYBS9tZKwEFhIDJMLYaOYMMDW0RHfADdHfALxCegbyOYovgFO4CSwssBCXAmBBFg859qvoQVCCje5vX/nnn7/lhyRRqNRQ8mButASlDKAdi3LGrRarU/NRD5WJBYQsfkNakiiEBOT/NHzPNpA7MCDA7ImzDv0BnpKiHmqVCrS7/e/DDgg9MleTCGGdUE6B2mfPTplf5o/MUgOQe84/Su/0j6EiJnjuouF0dVgP2I2H4M/cISndvNY86F8iYSuqcxmMxmPx7LZbExKLXOTySSUI4Z59uyIe41AR8hCr9fT2nw+l3K5rD6bRqOR+tvtVvL5vPrMTadT9avVquRyOfqO2RRZLpda5GfXJ7mR1Wpl3BBmB2/ZOEP3QN2mUilZr9eSSCTEcRxJJpPanE6nhUSsF4tFse3/o5vJZGSxWEg2m5VCoWDy39zlJjrPOdD6w8jnlVMO3cUIIG44MDeFpHxZLpEhbooeG5LUL2Hye5VDVxj3+hebw9G6fjGuecboOmwKXhuQds8kJZlnRqBraAJa/+Vpwz21pkNg6uAKbeoeIUAq/qNRQuBCaSls7tKCqAO7J38KB5Uc6xCGgQAAAABJRU5ErkJggg==\"","import { useHistory } from 'react-router';\nimport optionMenu from '../img/option.png';\n\ninterface IEditButton {\n    basePath: string\n    code?: string\n}\n\nexport const EditButton = (props: IEditButton) => {\n    const history = useHistory()\n\n    return (\n        <input className=\"option\" type=\"image\" src={optionMenu}\n            title='Edit'\n            onClick={ () => { \n                history.push(props.basePath + \"/edit/\" + props.code)\n            } } \n        />\n    )\n}","import statusMenuActive from '../../../img/checked.png';\r\nimport statusMenuNotActive from '../../../img/close.png';\r\nimport defaultCompany from '../../../img/default-company.png';\r\n\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport { EditButton } from '../../../components/EditButton';\r\nimport { ImagePath } from '../../../database_api/api';\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { ClientModel } from '../model/Client';\r\n\r\nexport interface ClientComponentProp extends ClientModel{\r\n    id: string\r\n    photo_urlString?: string\r\n    prospective?: boolean\r\n}\r\nexport const ClientComponent = (props: ClientComponentProp) => {\r\n    const history = useHistory()\r\n    const location = useLocation()\r\n\r\n    return (\r\n        <div className=\"client-container\">\r\n            <div className=\"client-container-left full-border\">\r\n                <div className=\"photo\">\r\n                    <img src={props.photo_urlString ? ImagePath + props.photo_urlString : defaultCompany}></img>\r\n                    <div className=\"line-decoration\" />\r\n                </div>\r\n\r\n                <div className=\"client-id\">{props.name}</div>\r\n                <div className=\"client-description\">\r\n                    <div className=\"client-data\">{Lang.clientProduct}: {props.product ?? \"-\"}</div>\r\n                </div>\r\n\r\n                <div className=\"client-id\">{Lang.clientBusinessUnitOfficer}</div>\r\n                <div className=\"client-description\">\r\n                    <div className=\"client-data\">{props.businessUnitOfficer ?? \"-\"}</div>\r\n                </div>\r\n\r\n                <div className=\"client-id\">Data</div>\r\n                <div className=\"client-description\">\r\n                    <div className=\"client-location\">{props.address}</div><br/>\r\n                    <div className=\"client-phone\">{props.phone}</div>\r\n                    <div className=\"client-data\">{props.email}</div>\r\n                    <div className=\"client-data\">{props.url}</div><br/>\r\n                    <div className=\"client-data\">{props.socialMedia ?? \"-\"}</div>\r\n                </div>\r\n\r\n                {props.prospective &&\r\n                    <div className=\"client-id\">\r\n                        { (props.prospectiveStatus === \"0\") ? \"Neutral\" : \r\n                            (props.prospectiveStatus === \"1\") ? \"Client\" : \"Competitor\" }\r\n                    </div>\r\n                }\r\n                    \r\n                <div className=\"client-description\">\r\n                    <div className=\"client-options\">\r\n                        <input className=\"option button\" type=\"button\" value=\"Personnel\" onClick={() => { \r\n                            history.push(RoutePath.clientPICList + \r\n                                \"?clientId=\" + props.id + \r\n                                \"&clientName=\" + props.name +\r\n                                \"&prevURL=\" + encodeURIComponent(location.pathname + location.search)\r\n                            ) \r\n                        }} />\r\n                        <EditButton basePath={location.pathname} code={props.id} />\r\n                        <input className=\"status\" type=\"image\" src={props.active === \"1\" ? statusMenuActive : statusMenuNotActive}\r\n                            title={props.active === \"1\" ? \"Active\" : \"Not Active\"}\r\n                        />\r\n                    </div>\r\n                    <div className=\"clear\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import { RouteComponentProps, useHistory } from \"react-router\";\r\nimport { ClientPagePath } from \"../../../database_api/api\";\r\nimport { ButtonInput } from \"../../../form-components/ButtonInput\";\r\nimport { ListLayoutFacade } from \"../../../layout/ListLayoutFacade\";\r\nimport { PaginationComponent } from \"../../Paging/ui/PaginationComponentV2\";\r\nimport { FlexibleSearchComponent } from \"../../Search/FlexibleSearchComponentV2\";\r\nimport { OptionInputSearchComponent } from \"../../Search/OptionInputSearchComponentV2\";\r\nimport { OptionInputSearchCustomComponent } from \"../../Search/OptionInputSearchCustomComponentV2\";\r\nimport { QueryCompareTypeEnum } from \"../../Search/QueryFilterProtocol\";\r\nimport { useDataList } from \"../../Shared/useDataList\";\r\nimport { ClientComponent, ClientComponentProp } from \"./ClientComponentV2\";\r\n\r\nexport const ClientList = (props: RouteComponentProps) => {\r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading, params } = useDataList <ClientComponentProp>({\r\n        url: ClientPagePath,\r\n        size: itemSize,\r\n        identifier: \"clients\",\r\n        ignoreParamsAsURL: [\"prospectiveMode\"]\r\n    })\r\n\r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"name\",\r\n            displayField: \"Name\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"phone\",\r\n            displayField: \"Phone\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"email\",\r\n            displayField: \"Email\"\r\n        },\r\n\r\n    ]\r\n\r\n    let prospectiveFiltercomponent = (\r\n        <>\r\n            <h2>Prospective Status</h2>\r\n            {<OptionInputSearchCustomComponent name='prospectiveStatusFilter'\r\n                fieldName='prospectiveStatus'\r\n                options={[\r\n                    { key: 'all', value: 'All' },\r\n                    { key: '0', value: 'Neutral' },\r\n                    { key: '1', value: 'Client' },\r\n                    { key: '2', value: 'Competitor' }\r\n                ]}\r\n                initialValue={typeof params.prospectiveStatus === \"string\" ? params.prospectiveStatus : 'all'}\r\n            />}\r\n        </>\r\n    )\r\n    \r\n    let filterComponents = [\r\n        <>\r\n            <h2>Status</h2>\r\n            {<OptionInputSearchComponent name='filter' options={[\r\n                { key: 'all', value: 'All' },\r\n                { key: '1', value: 'Active' },\r\n                { key: '0', value: 'Not Active' }\r\n            ]}\r\n                initialValue={ typeof params.active === \"string\" ? params.active : 'all' }\r\n            />}\r\n        </>\r\n    ]\r\n\r\n    if(params.prospectiveMode) filterComponents = [prospectiveFiltercomponent, ...filterComponents]\r\n\r\n    let contentComponent = (\r\n        <div id=\"content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"client-list\">\r\n                {\r\n                    (data && data.length > 0 && data.map((client, index) => {\r\n                        return <ClientComponent\r\n                            id={client.id} name={client.name} address={client.address}\r\n                            photo_urlString={client.photo_urlString} email={client.email}\r\n                            businessUnitOfficer={client.businessUnitOfficer} product={client.product}\r\n                            socialMedia={client.socialMedia} variant={client.variant}\r\n                            note={client.note} active={client.active} prospectiveStatus={client.prospectiveStatus}\r\n                            prospective={params.prospectiveMode ? true: false}\r\n                            url={client.url} phone={client.phone} key={index} />\r\n                    }))\r\n                    ||\r\n                    <div className=\"message\">No data</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent \r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n        </div>\r\n    )\r\n\r\n    if(isLoading) return <div>Loading</div>\r\n\r\n    return (\r\n        <ListLayoutFacade\r\n            contentComponents={contentComponent}\r\n            topSearchComponent={\r\n                <div id=\"search-container\">\r\n                    <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Name, Phone, Email\" queryOptions={queryOptions} />\r\n                </div>\r\n            }\r\n            filterComponents={filterComponents}\r\n            addComponent={<AddComponent basePath={props.match.url} />}\r\n        />\r\n    )\r\n}\r\n\r\nconst AddComponent = (props: { basePath: string }) => {\r\n    const history = useHistory()\r\n    return <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => history.push(props.basePath + \"/add\")} />\r\n}","export class LangClientPartner{\n    static clientName: string = \"Client Partner Name\"\n    static clientProduct: string = \"Product\"\n    static clientBusinessUnitOfficer: string = \"Business Unit Officer\"\n    static clientAddress: string = \"Address\"\n    static clientPhone: string = \"Phone\"\n    static clientEmail: string = \"Email\"\n    static clientWebsite: string = \"Website\"\n    static clientSocialMedia: string = \"Social Media\"\n    static mClient: string = \"Client Partner\"\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAG6ADAAQAAAABAAAAGwAAAADVx3bDAAAAZUlEQVRIDe3WoQ3AMBADwLjqUM+yelfKBN8EGAdYMnKIkeXo0GMYXlV9e6Zfw9YAMM/O4xjjRsYoIWUYJT6Ww0gJKcMo8bEcRkpIGUaJj+UwUkJKKyPOAcm7Tvr2pdzdvrtxj60fd44LdV3D+McAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAG6ADAAQAAAABAAAAGwAAAADVx3bDAAAAb0lEQVRIDe3WsQ3AMAgEwIDcZxzWTyrW8QbEStJ99xKu3hVCemOuskXEdPfzaD5VdbmZtQ/697Cxhr11Zn5F44beeDdcrWFAwjTEyKhBRoxAwjTEyKhBRoxAwjTEyKhBRoxAwjS2Mo71U72ZVzKZByt5C8v8hC8KAAAAAElFTkSuQmCC\"","import { FormikProps } from \"formik\";\r\nimport React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ButtonInput } from \"../../../form-components/ButtonInput\";\r\nimport bottomOrnament from '../../../img/form-ornament-bottom.png';\r\nimport topOrnament from '../../../img/form-ornament-top.png';\r\nimport { OnAdditionalSubmitTrigger } from \"./EditFormTemplate\";\r\n\r\nexport const AddFormTemplate = <T extends {}>\r\n({ children, handleSubmit, isSubmitting, onAdditionalSubmitTrigger }: \r\n    React.PropsWithChildren<FormikProps<T> & OnAdditionalSubmitTrigger>) => {\r\n    const history = useHistory()\r\n    return (\r\n        <div id=\"form-container\">\r\n            <div className=\"top-ornament\"><img src={topOrnament} /></div>\r\n            <div className=\"bottom-ornament\"><img src={bottomOrnament} /></div>\r\n\r\n            <form onSubmit={handleSubmit}>\r\n                {children}\r\n                <div className=\"row default-padding-top\">\r\n                    <div className=\"col\">\r\n                        <ButtonInput type=\"button\" caption=\"Cancel\" title=\"Cancel\" id=\"cancel\" onClick={() => { history.goBack() }} {...(isSubmitting ? { disabled: \"disabled\" } : {})} />\r\n                        <ButtonInput id=\"submit\" \r\n                            onClick={() => { onAdditionalSubmitTrigger && onAdditionalSubmitTrigger() }}\r\n                            {...(isSubmitting ? { disabled: \"disabled\", caption: \"Registering\" } : { caption: \"Submit\" })} \r\n                        />\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    )\r\n}","import { useMutation } from \"react-query\"\r\nimport { useHistory } from \"react-router\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"./useHeader\"\r\n\r\n\r\nexport const useAddFormData = (url: string) => {\r\n    const history = useHistory()\r\n    const { header } = useHeader()\r\n\r\n    const requestFormOptions = {\r\n        method: HTTPMethod.post,\r\n        headers: header.formHeader()\r\n    }\r\n\r\n    const addFormData = async (data: FormData) => {\r\n        return fetch(`${url}`, {...requestFormOptions, body: data})\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(addFormData, {\r\n        onSuccess: (data: AddResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            toast(\"Success Add\")\r\n            setTimeout(() => {\r\n                history.goBack()\r\n            }, 300)\r\n            \r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { add: mutate, isLoading };\r\n}","export class NameInput{\n    static requiredMessageError(): string { return \"Name is required\" }\n}\n\nexport class PhoneInput{\n    static requiredNumberMessageError(): string { return \"Phone number must be numbers\" }\n}\n\nexport class EmailInput{\n    static requiredMessageError(): string { return \"Email is required\" }\n    static invalidMessageError(): string { return \"Email is not in a valid format\" }\n}\n\nexport class UsernameInput{\n    static characterNeeded = 5\n    static requiredMessageError(): string { return \"Username is required\" }\n    static minCharacterError(): string { return \"Username must be at least \" + this.characterNeeded + \" characters\"}\n}\n\nexport class PasswordInput{\n    static characterNeeded = 6\n    static requiredMessageError(): string { return \"Password is required\" }\n    static minCharacterError(): string { return \"Password must be at least \" + this.characterNeeded + \" characters\"}\n}\n\nexport class RetypePasswordInput{\n    static characterNeeded = 6\n    static requiredMessageError(): string { return \"Retype Password is required\" }\n    static notMatchedError(): string { return \"Retype Password didn't match to Password\" }\n}","import * as yup from 'yup'\r\nimport { EmailInput, NameInput, PhoneInput } from \"../../Member/builder/ErrorMessage/Error\";\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    name: yup.string().required(NameInput.requiredMessageError()),\r\n    phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\r\n    email: yup.string().email(EmailInput.invalidMessageError())\r\n})","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAADwAAAAAk/vkzAAABXklEQVQoFaVTq3KEQBCELeCQYCioQoCLPJnPiMwnnMynREZGRuYzIpE4cDwM53gWpJvsXu1R50LV1sz0TM/OYzGNw9e27Xld1yfAiWma7rZtA/RyWZY8juNMDzeV0XWdN03TK+xQYQ9k7TjOl+/7V/p2MonjOF540wPCHcRKTqfTBxMIenijToQ+4HzjlndK2ioDdFdWaFjsEdmOpWZBEKj+MsTQ/6wSQIbkCTkcDTcMIUSpA0ebPvKAi0QPpI7JnnXsaEtfYqHkuyGxP2Stm6Z5gbzCDhFTgxBC91RS9m4x+JDgM4oiBhtVVSV93/+kaTpgIxkG9aaRB/ZcKgCyxqB2IjEkKUmkztXgopI6P/LYc/5nYunaShSmSxD2RMTIE3Il+21whkVRuDpB6RIPpc0Ks9sLm+f5wt5xOINb6YqMqjx5Btu29xf2/7etslOqv4r7ZyWcgxxOrr26nfILTkXEPFGTDAEAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAACwAAAADRfl/zAAAA70lEQVQoFZWSOw6CQBCG3YUQTwBLpXSWlBzBktKSI3gEj+IRLPcIlJSUdjxCQkNhCGSdn7AbNCbCJLDz+maYWVhd12elVLTbKIyx1J7BzPO8x1q+aZp4HMeIA+Cci6qq4jUwQGooJg6vruvuawpoEPkGDoLg9a/AEkS+gaHAMQyDJDX8HmGeMURcgx8wbV1YlnWheeRyBN0RfsSRBxAyLWx2JGRLIUSqRyjL8orlwIYfcXoSXYDRJ97ozjCDdF03o9NIURRH3/efxkEKgSEd+Df2NgKk5I7jtCQH2AtRP3xt3/c5NTyxuRKqbRLaS/oGWTOlqMvenk8AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAADwAAAAAk/vkzAAABf0lEQVQoFY1SPY+CQBCFVSIhkEBiFKrDzu4sr/Q6Sn8CP+F+kj+B0pLyyivpsIMQEykIUfy694xrMBfxNll2mZn3Zt7MqkVRzBRFCS6Xi45TUVV1J4SIhsNhwv+u1YczOJ/PMcD5LdDHf4D7S7BgJgI9z1tz93q9BDY7TdNrJV2ZBYAlAnwZNBqNrhXouu5K27NToMQE2e7gzWazYDVYUsYzrNIfDAZJ0zTBdru19/v9FGRTRC8nk8nuKermEI7jlMi0RqYZidj10+n0Ui/xgh8ExxjPnHd2HmSLfzWMgFuXfw6HwwL3GD3IDcMI2wS8Q9pb26YSzEWjaZohMud1Xa8sywqOx6MPGRHIqD+kJMZyQqg0voNpxGvjeBiUjMfjKMuyOeWw+5Tjuu43YyBzCsKPB7AkoGYQ7DRNi2hDsNt+riD1QRpeG8YAufhIqqpawllihF8o/Z09kP72+Sdz28kMAM5Rhc9xYqfw5zhtyPjsBEsi+YBA5MPmgoyNW/0CkU3OZ36daXIAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAAFAAAAAAzzl+gAAABaUlEQVQ4EY1TLW+EQBRkyQVOFkMgQSBPVvYnVFZWVvYnVVZWVlYiK5HnQG4wnCIH4aMzG7Zdtnu9bgL7PmbeezsswrNW0zS38zwfEM6FEPtlWc6w63Ecj1mWlSZcaKdt25thGB7hJzrm2GUQBG9RFJ2YU2QS+75/ZicHYRPiJGEYvrCAzww7/odILHHrhJ7PMyLmGlXi7AVyEo+9EvJ2FAfVNkn473Eca3EKAjHugwkiz8fKzSBsaRBVavXtCXIfFTcioeLRKqZcO86z+3idTTAmOZi+tu04eVTbHkeJoUncL4gqBRL3GP3OBK821T6uHRM7j86fOwSpqoucgPiLZBQpfSgpUaU2gldN4slTN2yapuIqwwBovCKnaVojpy+FAXOa5Yr3FJmQrus+INzJCf8JSuK0u7mXUJ4CPdkXh2B+V2yvPCt9rg2ZAVcBF9FJ1gXQnT8CJ+HX4I/y3ZGYP1dVVXveLO6XgF9cz6xSyZPImAAAAABJRU5ErkJggg==\"","import * as React from 'react';\n\nexport type OptionValue = {key: string, value: string}\n\ntype OptionInputProp = {\n    name: string, \n    options?: OptionValue[]\n    [param: string]: any\n}\n\ntype OptionInputState = {\n    options?: JSX.Element[]\n}\n\nexport class OptionInput extends React.Component<OptionInputProp, OptionInputState>{\n\n    constructor(props: OptionInputProp){\n        super(props)\n    }\n\n    componentDidMount = () => {\n        this.updateOptions()\n    }\n\n    componentDidUpdate = (prevProps: OptionInputProp, prevState: OptionInputState) => {\n        if(prevProps.value == this.props.value) return\n        this.updateOptions()\n    }\n\n    updateOptions = () => {\n        let options: JSX.Element[]\n\n        options = [\n            <React.Fragment key=\"default\"><input className=\"option\" type=\"radio\" name={this.props.name} value=\"default\" id=\"default\"/>\n            <label htmlFor=\"default\">Default</label>\n            </React.Fragment>\n        ]\n\n        if(this.props.options){\n            options = []\n            \n            this.props.options.map((option) => {\n                options?.push(\n                <React.Fragment key={option.key + option.value}>\n                    <input className=\"option\" type=\"radio\" name={this.props.name} value={ option.key } id={ option.key + option.value } checked={this.props.value === option.key} onChange={this.props.onChange}/>\n                    <label htmlFor={ option.key + option.value }>{ option.value }</label>\n                </React.Fragment>)\n            })\n        }\n\n        this.setState({\n            options: options\n        })\n    }\n\n    render(){\n        return (\n        <div className=\"option-input\">\n            {this.state && this.state.options && this.state.options}\n        </div>\n        )\n    }\n}","import { FormikProps } from 'formik';\r\nimport { OptionInput } from \"./OptionInput\";\r\n\r\nexport let OptionInputActiveNotActiveSelection: <T extends {active?: string}>(props: FormikProps<T>) => JSX.Element = \r\n    ({values, handleChange}) => (\r\n    <OptionInput name='active'\r\n        value={values.active} onChange={handleChange}\r\n        options={[\r\n            {\r\n                key: \"1\",\r\n                value: \"Active\"\r\n            },\r\n            {\r\n                key: \"0\",\r\n                value: \"Not Active\"\r\n            }\r\n        ]} \r\n    />\r\n)","import { FormikProps } from 'formik';\nimport React from 'react'\nimport { OptionInput } from '../../../form-components/OptionInput';\n\nexport let OptionInputProspectiveStatusSelection: <T extends {prospectiveStatus: string}>(props: FormikProps<T>) => JSX.Element = \n    ({values, handleChange}) => (\n    <OptionInput name='prospectiveStatus'\n        value={values.prospectiveStatus} onChange={handleChange}\n        options={[\n            {\n                key: \"0\",\n                value: \"Neutral\"\n            },\n            {\n                key: \"1\",\n                value: \"Client\"\n            },\n            {\n                key: \"2\",\n                value: \"Competitor\"\n            }\n        ]} \n    />\n)","import * as React from 'react'\nimport closeIcon from '../img/close.png'\nimport { SetFieldValueFunctionType } from './FormikFileUploadFactory'\n\nexport class FormikImageUploadFactory{\n    private setFieldValue: SetFieldValueFunctionType\n    private file_fieldName: string\n    private base64_fieldName: string\n    private fileChange_fieldName: string\n    private file?: File\n    private base64?: string\n\n    private className: string\n    private defaultImage: any\n\n    constructor(setFieldValue: SetFieldValueFunctionType, file_fieldName: string, base64_fieldName: string, fileChange_fieldName: string, className: string = \"\", defaultImage: any, file?: File, base64?: string){\n        this.setFieldValue = setFieldValue\n        this.file_fieldName = file_fieldName\n        this.base64_fieldName = base64_fieldName\n        this.fileChange_fieldName = fileChange_fieldName\n\n        this.file = file\n        this.base64 = base64\n\n        this.className = className\n        this.defaultImage = defaultImage\n    }\n\n    private fileToBase64 = (file: File, completion: (result: string | undefined) => void) => {\n        let reader = new FileReader()\n        reader.readAsDataURL(file)\n        reader.onload = () => {\n            if(reader.result) completion(reader.result.toString())\n            else completion(undefined)\n        }\n        reader.onerror = (error) => {\n            completion(undefined)\n        }\n    }\n\n    private photoRef = React.createRef<HTMLInputElement>()\n\n    private onPhotoClick = () => {\n        this.photoRef.current?.click()\n    }\n\n    private onPhotoChangeAdd = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if(!e.target.files){ return }\n\n        let file = e.target.files[0]\n\n        this.fileToBase64(file, (result) => {\n            if(result){\n                this.setFieldValue(this.file_fieldName, file)\n                this.setFieldValue(this.base64_fieldName, result)\n            }\n        })\n    }\n\n    private onRemovePhotoAdd = () => {\n        this.setFieldValue(this.file_fieldName, undefined)\n        this.setFieldValue(this.base64_fieldName, undefined)\n    }\n\n    private onPhotoChangeUpdate = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if(!e.target.files){ return }\n        let file = e.target.files[0]\n\n        this.fileToBase64(file, (result) => {\n            if(result){\n                this.setFieldValue(this.file_fieldName, file)\n                this.setFieldValue(this.base64_fieldName, result)\n                this.setFieldValue(this.fileChange_fieldName, true)\n            }\n        })\n    }\n\n    private onRemovePhotoUpdate = () => {\n        this.setFieldValue(this.file_fieldName, undefined)\n        this.setFieldValue(this.base64_fieldName, undefined)\n        this.setFieldValue(this.fileChange_fieldName, true)\n    }\n\n    getAddComponent = () => (\n        <React.Fragment>\n            {this.file && <img className=\"photo-delete\" src={closeIcon} onClick={() => this.onRemovePhotoAdd() } /> }\n            <img className={this.className} src={ this.base64 || this.defaultImage} onClick={ () => { this.onPhotoClick() } }/>\n            <input type=\"file\" name={this.file_fieldName} className=\"hidden\" accept=\"image/*\" onChange={(e) => { this.onPhotoChangeAdd(e) }} ref={this.photoRef} />\n        </React.Fragment>\n    )\n\n    getEditComponent = () => (\n        <React.Fragment>\n            {this.base64 && <img className=\"photo-delete\" src={closeIcon} onClick={() => this.onRemovePhotoUpdate() } /> }\n            <img className={this.className} src={ this.base64 || this.defaultImage} onClick={ () => { this.onPhotoClick() } }/>\n            <input type=\"file\" name={this.file_fieldName} className=\"hidden\" accept=\"image/*\" onChange={(e) => { this.onPhotoChangeUpdate(e) }} ref={this.photoRef} />\n        </React.Fragment>\n    )\n}\n","import React from 'react'\r\nimport { TextInput } from '../../../form-components/TextInput';\r\nimport nameIcon from '../../../img/icon-name.png'\r\nimport emailIcon from '../../../img/icon-email.png'\r\nimport phoneIcon from '../../../img/icon-phone.png'\r\nimport locationIcon from '../../../img/icon-location.png'\r\nimport defaultCompany from '../../../img/default-company.png'\r\n\r\nimport { FormikProps } from 'formik';\r\nimport { ClientModel } from '../model/Client';\r\nimport { OptionInputActiveNotActiveSelection } from '../../../form-components/OptionInputActiveNotActiveSelection';\r\nimport { OptionInputProspectiveStatusSelection } from './OptionInputProspectiveStatusSelection';\r\nimport { FormikImageUploadFactory } from '../../../FormikHelper/FormikImageUploadFactory';\r\n\r\ninterface ClientLangInterface{\r\n    mClient: string\r\n    clientName: string\r\n    clientProduct: string\r\n    clientBusinessUnitOfficer: string\r\n    clientAddress: string\r\n    clientPhone: string\r\n    clientEmail: string\r\n    clientWebsite: string\r\n    clientSocialMedia: string\r\n}\r\n\r\nexport enum FormMode{\r\n    ADD, EDIT\r\n}\r\n\r\nexport let ClientForm: <T extends ClientModel>(mode: FormMode, pageTitle: string, Lang: ClientLangInterface, props: FormikProps<T>, prospective?: boolean) => JSX.Element = \r\n    (mode, pageTitle, Lang, props, prospective) => {\r\n    let { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    let photoHandler = new FormikImageUploadFactory(setFieldValue, \"photo_url\", \"photo_base64\", \"isPhotoChanged\", \"client-profile-photo\", defaultCompany, values.photo_url, values.photo_base64)\r\n        \r\n    return (\r\n    <>\r\n        <div className=\"page-title\">{pageTitle} {Lang.mClient} {values.name}</div>\r\n        <div className=\"rowflex\">\r\n            <div className=\"col clientProfile\">\r\n                { (mode === FormMode.ADD) ? photoHandler.getAddComponent() : photoHandler.getEditComponent() }\r\n            </div>\r\n            <div className=\"col default-padding-left\">\r\n                <TextInput icon={nameIcon} placeholder={Lang.clientName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n                <TextInput placeholder={Lang.clientProduct} name=\"product\" value={values.product} onChange={handleChange} message={errors.product} touched={touched.product} />\r\n                <TextInput placeholder={Lang.clientBusinessUnitOfficer} name=\"businessUnitOfficer\" value={values.businessUnitOfficer} onChange={handleChange} message={errors.businessUnitOfficer} touched={touched.businessUnitOfficer} />\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"row\">\r\n            <TextInput icon={locationIcon} placeholder={Lang.clientAddress} name=\"address\" value={values.address} onChange={handleChange} message={errors.address} touched={touched.address} />\r\n            <TextInput icon={phoneIcon} placeholder={Lang.clientPhone} name=\"phone\" value={values.phone} onChange={handleChange} message={errors.phone} touched={touched.phone} />\r\n            <TextInput icon={emailIcon} placeholder={Lang.clientEmail} name=\"email\" value={values.email} onChange={handleChange} message={errors.email} touched={touched.email} />                \r\n            <TextInput placeholder={Lang.clientWebsite} name=\"url\" value={values.url} onChange={handleChange} message={errors.url} touched={touched.url} />\r\n            <TextInput placeholder={Lang.clientSocialMedia} name=\"socialMedia\" value={values.socialMedia} onChange={handleChange} message={errors.socialMedia} touched={touched.businessUnitOfficer} />\r\n        </div>\r\n\r\n        <div className=\"row\">\r\n            <div className=\"col\">\r\n            <div className=\"field-description\">Note</div>\r\n            <TextInput type=\"text\" placeholder=\"Note about the client\" aclass=\"default full-width\" name=\"note\" value={values.note} onChange={handleChange} message={errors.note} touched={touched.note}/>\r\n            </div>\r\n        </div>\r\n        \r\n        <div className=\"row default-padding-top\">\r\n            <div className=\"col\">\r\n                {\r\n                    OptionInputActiveNotActiveSelection(props)\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n        { prospective &&\r\n        <div className=\"row default-padding-top\">\r\n            <div className=\"col\">\r\n                {\r\n                    OptionInputProspectiveStatusSelection(props)\r\n                }\r\n            </div>\r\n        </div>\r\n        }\r\n    </>\r\n)}","\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { LangClientPartner } from '../../../lang/LangClientPartner';\r\nimport { AddFormTemplate } from '../../Shared/template/AddFormTemplate';\r\nimport { useClientAddFormHandler } from '../formHandler/useClientAddFormHandler';\r\nimport { ClientModel, ClientVariant } from '../model/Client';\r\nimport { errorValidationSchema } from '../validation/errorValidationSchema';\r\nimport { ClientForm, FormMode } from './ClientFormV3';\r\n\r\ninterface ClientAddProps{\r\n    variant: ClientVariant\r\n    prospective?: boolean\r\n}\r\n\r\nexport const ClientAdd = ({variant, prospective}: ClientAddProps) => {\r\n    const formik = useClientAddFormHandler({\r\n        name: \"\", active: \"1\", prospectiveStatus: \"0\", variant,\r\n        prospective\r\n    }, errorValidationSchema)\r\n    const { values } = formik\r\n\r\n    return (\r\n        <AddFormTemplate<ClientModel> {...formik}>\r\n            { ClientForm(FormMode.ADD, \"Add New\", values.isClientPartner ? LangClientPartner : Lang, formik, values.prospective) }\r\n        </AddFormTemplate>            \r\n    )\r\n}","import { useFormik } from \"formik\"\r\nimport { ObjectSchema } from \"yup\"\r\nimport { ClientPath } from \"../../../database_api/api\"\r\nimport { useAddFormData } from \"../../Shared/useAddFormData\"\r\nimport { ClientModel } from \"../model/Client\"\r\n\r\nexport const useClientAddFormHandler = (initialValues: ClientModel, validationSchema: ObjectSchema) => {\r\n    const { add } = useAddFormData(ClientPath)\r\n    \r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            console.log(values)\r\n            setSubmitting(true)\r\n\r\n            let clientData: ClientModel = {\r\n                name: values.name,\r\n                address: values.address,\r\n                url: values.url,\r\n                phone: values.phone,\r\n                businessUnitOfficer: values.businessUnitOfficer,\r\n                product: values.product,\r\n                socialMedia: values.socialMedia,\r\n                email: values.email,\r\n                note: values.note,\r\n                active: values.active,\r\n                prospectiveStatus: values.prospectiveStatus,\r\n                variant: values.variant\r\n            }\r\n\r\n            let clientDataForm = new FormData()\r\n            Object.entries(clientData).forEach(field => {\r\n                clientDataForm.append(field[0], field[1] || \"\")\r\n            })\r\n\r\n            if (values.photo_url) {\r\n                clientDataForm.append('photo_url', values.photo_url)\r\n            }\r\n\r\n            setSubmitting(false)\r\n            add(clientDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import { FormikProps } from \"formik\";\r\nimport React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport bottomOrnament from '../../../img/form-ornament-bottom.png';\r\nimport topOrnament from '../../../img/form-ornament-top.png';\r\n\r\nexport interface OnAdditionalSubmitTrigger {\r\n    onAdditionalSubmitTrigger?: () => void\r\n}\r\n\r\nexport const EditFormTemplate = \r\n<T extends {}>({ children, handleSubmit, isSubmitting, onAdditionalSubmitTrigger }: \r\n    React.PropsWithChildren<FormikProps<T>> & OnAdditionalSubmitTrigger) => {\r\n    const history = useHistory()\r\n    return (\r\n        <div id=\"form-container\">\r\n            <div className=\"top-ornament\"><img src={topOrnament} /></div>\r\n            <div className=\"bottom-ornament\"><img src={bottomOrnament} /></div>\r\n\r\n            <form onSubmit={handleSubmit}>\r\n                {children}\r\n                <div className=\"row default-padding-top\">\r\n                    <div className=\"col\">\r\n                        <ButtonInput type=\"button\" caption=\"Back\" title=\"Back\" id=\"cancel\" onClick={() => { history.goBack() }} {...(isSubmitting ? { disabled: \"disabled\" } : {})} />\r\n                        <ButtonInput id=\"submit\"\r\n                            onClick={() => { onAdditionalSubmitTrigger && onAdditionalSubmitTrigger() }}\r\n                            {...(isSubmitting ? { disabled: \"disabled\", caption: \"Updating\" } : { caption: \"Update\" })} \r\n                        />\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    )\r\n}","import { useQuery } from \"react-query\";\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\";\r\nimport { useHeader } from \"./useHeader\";\r\n\r\nexport const useItem = (url: string, id: string | undefined, identifier: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const fetchItem = async () => {\r\n        if(!id) { console.log(\"No ID\"); return; }\r\n        return fetch(`${url}${id}`, requestOptions)\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { data, isLoading, refetch } = useQuery([identifier, id], fetchItem, {enabled: false})\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.get,\r\n        headers: header.header()\r\n    }\r\n\r\n    return { get: refetch, isLoading, data};\r\n}","import { useMutation } from \"react-query\";\r\nimport { ResultStatus } from \"../../Types/ResultStatus\";\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\";\r\nimport { useHeader } from \"./useHeader\";\r\n\r\nimport { toast } from 'react-toastify';\r\nimport { EditResult } from \"../GenericAPI/GenericEditAPI\";\r\n\r\nexport const useUpdateFormData = (url: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestFormOptions = {\r\n        method: HTTPMethod.patch,\r\n        headers: header.formHeader()\r\n    }\r\n\r\n    const updateFormData = async (data: FormData) => {\r\n        return fetch(`${url}`, {...requestFormOptions, body: data})\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(updateFormData, {\r\n        onSuccess: (data: EditResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            toast(\"Success Update\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n\r\n    return { update: mutate, isLoading };\r\n}","export interface ClientModel{\r\n    id?: string\r\n    name: string\r\n    address?: string\r\n    url?: string\r\n    email?: string\r\n    phone?: string\r\n    note?: string\r\n    photo_url?: File\r\n    photo_base64?: string\r\n    isPhotoChanged?: boolean\r\n\r\n    product?: string\r\n    businessUnitOfficer?: string\r\n    socialMedia?: string\r\n    active: string\r\n    prospectiveStatus: string\r\n    variant: ClientVariant\r\n\r\n    isRequestData?: boolean\r\n    prospective?: boolean\r\n    isClientPartner?: boolean\r\n}\r\n\r\nexport enum ClientVariant {\r\n    client = \"client\",\r\n    clientPartner = \"clientPartner\"\r\n}","import { useEffect } from 'react';\r\nimport { useHistory, useParams } from 'react-router';\r\nimport { ClientPath, ImagePath } from '../../../database_api/api';\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { LangClientPartner } from '../../../lang/LangClientPartner';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { EditFormTemplate } from '../../Shared/template/EditFormTemplate';\r\nimport { useItem } from '../../Shared/useItem';\r\nimport { ClientSingleResult } from \"../ClientSingleResult\";\r\nimport { useClientEditFormHandler } from '../formHandler/useClientEditFormHandler';\r\nimport { ClientModel, ClientVariant } from '../model/Client';\r\nimport { errorValidationSchema } from '../validation/errorValidationSchema';\r\nimport { ClientForm, FormMode } from './ClientFormV3';\r\n\r\ninterface ClientEditProps {\r\n    prospective?: boolean\r\n}\r\n\r\nexport const ClientEdit = ({ prospective }: ClientEditProps) => {\r\n    const params = useParams<{id: string}>()\r\n\r\n    const formik = useClientEditFormHandler({\r\n        id: params.id, variant: ClientVariant.client,\r\n        isPhotoChanged: false, isRequestData: true, active: \"0\",\r\n        prospectiveStatus: \"0\", name: \"\", prospective\r\n    }, errorValidationSchema)\r\n\r\n\r\n    const {values, setFieldValue} = formik\r\n    const history = useHistory()\r\n    const { get, data, isLoading } = useItem(ClientPath, params.id, \"client\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if(!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n\r\n    let mapData = (result: ClientSingleResult) => {\r\n        setFieldValue(\"isRequestData\", false)\r\n\r\n        if (result.status == ResultStatus.fail){\r\n            history.goBack()\r\n        }\r\n        if (result.data == undefined) return\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n            if(data[0] == \"photo_url\"){\r\n                let photo_url = data[1]\r\n                if(photo_url == \"\") return\r\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\r\n                return\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n    }\r\n\r\n    if(isLoading) return (<div>Loading...</div>)\r\n\r\n    return (\r\n        <EditFormTemplate<ClientModel> {...formik}>\r\n            { ClientForm(FormMode.EDIT, \"Update\", values.isClientPartner ? LangClientPartner : Lang, formik, values.prospective) }\r\n        </EditFormTemplate>\r\n    )\r\n}","import { useFormik } from \"formik\"\r\nimport { ObjectSchema } from \"yup\"\r\nimport { ClientPath } from \"../../../database_api/api\"\r\nimport { useUpdateFormData } from \"../../Shared/useUpdateFormData\"\r\nimport { ClientModel } from \"../model/Client\"\r\n\r\nexport const useClientEditFormHandler = (initialValues: ClientModel, validationSchema: ObjectSchema) => {\r\n    const { update } = useUpdateFormData(ClientPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let clientData: ClientModel = {\r\n                id: values.id,\r\n                name: values.name,\r\n                address: values.address,\r\n                url: values.url,\r\n                phone: values.phone,\r\n                businessUnitOfficer: values.businessUnitOfficer,\r\n                product: values.product,\r\n                socialMedia: values.socialMedia,\r\n                email: values.email,\r\n                note: values.note,\r\n                active: values.active,\r\n                prospectiveStatus: values.prospectiveStatus,\r\n                variant: values.variant\r\n            }\r\n\r\n            let clientDataForm = new FormData()\r\n            Object.entries(clientData).forEach(field => {\r\n                if (field[1]) clientDataForm.append(field[0], field[1])\r\n            })\r\n\r\n            clientDataForm.append('isPhotoChanged', (values.isPhotoChanged ? \"true\" : \"false\"))\r\n\r\n            if (values.photo_url) clientDataForm.append('photo_url', values.photo_url)\r\n\r\n            setSubmitting(false)\r\n            update(clientDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import React from 'react'\r\nimport { RouteComponentProps, Route } from 'react-router-dom'\r\nimport { ClientSelector } from './ClientSelector';\r\nimport { ClientList } from './ClientListV2';\r\n\r\nimport { QueryClient, QueryClientProvider } from \"react-query\";\r\nimport { ClientAdd } from './ClientAddV3';\r\nimport { ClientEdit } from './ClientEditV3';\r\nimport { ClientVariant } from '../model/Client';\r\nconst queryClient = new QueryClient();\r\n\r\nexport const Client = (props: RouteComponentProps) => {\r\n    return (\r\n        <QueryClientProvider client={queryClient}>\r\n        <React.Fragment>\r\n            <Route path={props.match.url + \"/v2/add\"} component={ () => <ClientAdd variant={ClientVariant.client}  />} />\r\n            <Route path={props.match.url + \"/v2/edit/:id\"} component={ClientEdit} />\r\n            <Route exact path={props.match.url + \"/v2\"} component={ClientList} />\r\n            <Route path={props.match.url + \"/v2/selector\"} component={ClientSelector} />\r\n        </React.Fragment>\r\n        </QueryClientProvider>\r\n    )\r\n}","import React from 'react'\r\nimport { RouteComponentProps, Route } from 'react-router-dom'\r\n\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { ClientVariant } from '../model/Client';\r\nimport { ClientList } from './ClientListV2';\r\nimport { ClientAdd } from './ClientAddV3';\r\nimport { ClientEdit } from './ClientEditV3';\r\n\r\nconst queryClient = new QueryClient();\r\n\r\nexport const ClientPartner =  (props: RouteComponentProps) => {\r\n    return (\r\n        <QueryClientProvider client={queryClient}>\r\n            <React.Fragment>\r\n                <Route path={props.match.url + \"/v2/add\"} component={() =>\r\n                    <ClientAdd variant={ClientVariant.clientPartner} />\r\n                } />\r\n                <Route path={props.match.url + \"/v2/edit/:id\"} component={ClientEdit} />\r\n                <Route exact path={props.match.url + \"/v2\"} component={ClientList} />\r\n            </React.Fragment>\r\n        </QueryClientProvider>\r\n    )\r\n}","import React from 'react'\r\nimport { RouteComponentProps, Route } from 'react-router-dom'\r\n\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { ClientVariant } from '../model/Client';\r\nimport { ClientList } from './ClientListV2';\r\nimport { ClientAdd } from './ClientAddV3';\r\nimport { ClientEdit } from './ClientEditV3';\r\n\r\nconst queryClient = new QueryClient();\r\n\r\nexport const ProspectiveClient = (props: RouteComponentProps) => {\r\n    return (\r\n        <QueryClientProvider client={queryClient}>\r\n            <React.Fragment>\r\n                <Route path={props.match.url + \"/v2/add\"} component={() =>\r\n                    <ClientAdd variant={ClientVariant.client} prospective />\r\n                } />\r\n                <Route path={props.match.url + \"/v2/edit/:id\"} component={() => \r\n                    <ClientEdit prospective /> } />\r\n                <Route exact path={props.match.url + \"/v2\"} component={ClientList} />\r\n            </React.Fragment>\r\n        </QueryClientProvider>\r\n    )\r\n}","import * as yup from 'yup';\r\nimport { EmailInput, NameInput, PhoneInput } from \"../../Member/builder/ErrorMessage/Error\";\r\n\r\nexport const errorValidationSchema = yup.object({\r\n\r\n    name: yup.string().required(NameInput.requiredMessageError()),\r\n    phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\r\n    email: yup.string().email(EmailInput.invalidMessageError()),\r\n\r\n    pic_phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\r\n    pic_email: yup.string().email(EmailInput.invalidMessageError())\r\n})","import { Jodit } from 'jodit';\r\nimport { useEffect, useRef, useState } from 'react';\r\n\r\nexport interface JoditReactProps {\r\n    /** Config option from Jodit */\r\n    config?: Partial<Jodit['options']>;\r\n    /** Jodit default value */\r\n    defaultValue?: string;\r\n    placeHolder?: string;\r\n    /** Callback to update the state */\r\n    onChange?: (content: string) => void;\r\n    onBlur?: (content: string) => void;\r\n    onFocus?: () => void;\r\n}\r\n\r\nconst JoditReact = ({ config, defaultValue, placeHolder, onChange, onBlur, onFocus }: JoditReactProps) => {\r\n    const textAreaRef = useRef<HTMLTextAreaElement>(null);\r\n    const [jodit, setJodit] = useState<Jodit>();\r\n\r\n    useEffect(() => {\r\n        if (textAreaRef && textAreaRef.current) {\r\n            const jodit = Jodit.make(textAreaRef.current, config);\r\n            jodit.events.on('focus', () => onFocus && onFocus());\r\n            jodit.events.on('change', (value) => onChange && onChange(value));\r\n            jodit.events.on('blur', (_) => onBlur && textAreaRef.current && onBlur(textAreaRef.current.value));\r\n            setJodit(jodit);\r\n\r\n            return () => {\r\n                jodit && jodit.destruct();\r\n            }\r\n        }\r\n    }, [config]);\r\n\r\n    useEffect(() => {\r\n        if (jodit && defaultValue) {\r\n            jodit.value = defaultValue;\r\n        }\r\n    }, [jodit, defaultValue]);\r\n\r\n    return <textarea ref={ textAreaRef } placeholder={placeHolder} />;\r\n};\r\n\r\nexport default JoditReact;\r\n","import 'jodit/build/jodit.min.css';\r\nimport { ContentEditorModuleInterface } from './ContentEditorModuleInterface';\r\nimport { FieldMessage } from './FieldMessage';\r\nimport JoditReact from './JoditReact';\r\n\r\nconst config = {\r\n    inline: true,\r\n    preset: \"inline\",\r\n    toolbar: false,\r\n    theme: 'default',\r\n    popup: {\r\n        selection: [\"bold\", \"underline\", \"italic\", \"brush\", \"\\n\", \"link\", \"image\", \"paragraph\", \"align\",\"\\n\", \"ul\", \"ol\", \"indent\", \"outdent\", \"\\n\", \"table\"]\r\n    },\r\n    useInputsPlaceholder: true,\r\n    showPlaceholder: true,\r\n    askBeforePasteHTML: false,\r\n    tabIndex: 0\r\n}\r\n\r\nconst config2 = {\r\n    inline: false,\r\n    toolbarSticky: true,\r\n    toolbarStickyOffset: 107,\r\n    theme: 'default',\r\n    showCharsCounter: false,\r\n    showWordsCounter: false,\r\n    showXPathInStatusbar: false,\r\n    buttons: [\r\n        \"undo\", \"redo\", \"bold\", \"underline\", \"italic\", \"brush\", \"link\", \"image\", \"paragraph\", \"align\", \"ul\", \"ol\", \"indent\", \"outdent\", \"table\"],\r\n    useInputsPlaceholder: true,\r\n    showPlaceholder: true,\r\n    askBeforePasteHTML: false,\r\n    tabIndex: 0\r\n}\r\n\r\nexport class JoditContentEditorModule implements ContentEditorModuleInterface {\r\n\r\n    get = (fieldName: string, placehoder: string, value: string | undefined, handleChange: (content: string) => void, handleOnFocus?: () => void, handleOnBlur?: () => void, message?: string,\r\n        useConfig2?: boolean\r\n    ) => {\r\n        return <div className=\"input-container custom-0-z-index\">\r\n            {message && <FieldMessage message={message} />}\r\n            <JoditReact onBlur={(content) => { handleOnBlur && handleOnBlur(); handleChange(content) } }\r\n                onFocus={handleOnFocus}\r\n                placeHolder={placehoder}\r\n                defaultValue={value} \r\n                config={useConfig2 ? config2 : config} />\r\n            \r\n        </div>;\r\n    };\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAC7CAYAAAA60jF/AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAxKADAAQAAAABAAAAuwAAAACT+e3hAAAZfUlEQVR4Ae2d129U1/bHtwkhnWZKYmxsmunFlICTgCEiVpqUSIlypUh5+P2k3Mf8MXnLfbiRcm9eIqFUgYIJAgQBRCgBAqH33k1N5c5nwbIGM8dTPZ5Ze21pPONz5szMXmt9V9/71IS0ceDAgQ/u3r37durQgpqamrq0U/7SKWCKAik5P52a0KaUnH81YcKE/+jkanhx+PDhxr/++utfqZftesKfnQIRUWDlI4888s+xY8ce68ekU2D4PPXkYIhIAnyqD1Cg/c8///wvR2r279//fymz8e8HTvs/ToEIKZByo/6/XwoM/4hw7iWfcr9+/cLNmzdDZ2dn+Pvvv0OKriX/Dv/A3qUAWOif+opZvfs1cXx6SrsEHhs2bAgDBw4MkydPDk899VR49NFHA2DxURUUmAUgRlbFT63wH5mKw8KgQYNCbW1t+Oyzz8KoUaPC7Nmzw/jx4+X4E088kTM4FEAATF+7xSmLAIysSaVa75blq4x+SSoYE6FFcBHa3377LXz33Xfhk08+EQBMmjQpjB49OtTX14chQ4aExx9//CF3SoVdhf+xxx6TzxwwYEDQ1zxzLRaHR//+6LJUEHjfNQM8PoqngAOiSBoSN9y4cUM+5ZlnnglPPvlkuH79uoBixYoV4fLlyxJTcFwFWoW4+1cj9AyEHTCo8PM8dOhQsTSDBw8Ow4YNE3DhmvE/1ieVNpRr1XWTf/xP3hS4p2byvswvUAoguHfu3Al79+4VbQ4ohg8fHl588UUR2uXLl4eLFy/K23///fdw+/ZtvTTnZ9wxFXjA9PTTTwtAAEZDQ0MYM2aMWKCRI0cK6NTSuNXImcRdb3QL0UWK/F8gcGSUeJw/fz6sWbMmrF69OigoCKqPHz8eTp48KVo/yTLk/81BvhMgXrt2Tb4vVVQKU6dODRMnTpQHlgPLUsrvLOR3Vts1Dog8OQYI/vjjj3Dr1i1xlQDCiRMnwqVLl8Q9SsVkAg7+xxrU1dVJtinPr8np7Qg77hWAvHLlSjh37pxYjtbW1jBv3rwwY8YMca9wqXivW4zsZHVAZKGRaliCZWKDs2fPisY/ePBgOH36tAghzwgkMQJuDG6UBtm4O+UQRH4nbhVu2YULFySWmT59epg7d26YNm1aaGpqEpeuHL8lC0kr+rQDogf2IGQINJoXzb9v375w6NAh+R/LgGZG+wIE9fF5f18PfgtWjGCfeKO5uTm0tbWFlpYWiWsAqwMjM5ccEBnoou7F1atXw549e8KPP/4Yfv31V7ECvB03BaFT61HJwgVAAQcp3wULFoRFixaFcePGSXxRyb87A1vKcsgBkYHMuB2pDuCwbt06AQOukrpB+vZqESYFLfUSHtRFXnnllTBnzhwJxnU+/nyPAp52TZMEhIe6wpYtWwLp0p07d0pAjEsEAKoFBGlT6vrNWDQeu3fvDkePHpX4p729XSrrCpr062J97RbiPucRCrJC69evD8uWLQtnzpyRwJTj1QiEJIEmfiBDRvzz+uuvh6VLl4bGxkZxAy3NM2n+2Y47IFIUQujxs9euXStgIGCmamxVQJgv7hPzI9B+8803w5QpUxwUKVlwlylFBASDLNKqVaskcCZesAoGNCRzw33CSvz8888CDoLvmTNndiUKeF+MwwGR4jpFNAJoKsoxDdwnQEGsRCKBWIm2dcvKIBt/owcEAkFKFaGg+KZdpNkIZ+U8lgIAMH9aTmhbp40dusQ4ol65gi9NL9D27dvFSqAxYxuAASUALbZt2ybFxxjpoHyPTwJ05qlnGE8fEp2quAyxCgKgIG5iYClIMMQ6ogUEGhEQUIWmFwnXIeZBZyzAOHLkiLSzx+Y6Ku+jBQQAAAi4S8QOqiGVMLE+k3LevHmz0AaFEduIMqjGOgACKtK0ZbCaLfaBdUBJQI/PP/9cFh3RRk4LOevEYxnRAULBQNPepk2bJAdvve6QjzADDLp7WdiE+0QqmsIdS1g5Z31EBQjAQNsC2RRWttGeEXvs0F3AoRFrtRF+1lV0dHRIp+yrr74aRYdsNDEEGSQa97Q9AwtB+wIC4ONBClCDABAsgWWZKv1drAOJgVZRAAJGEjN8//334h8fO3ZMmBsDgx8U9fz+AxRYUFYJko1jV0LrIwpA0KezY8eOsHLlSulV0u1erDO3FPNTZcKSWWo21od5QMBQAkNiBtY9057gIz8K4EKxlQ6LpqwX7cwDAh9469at0s2KGMRajc4PAg++G5qxPpvME8+WXU3zgMDM045Afh3GxpA6fFCci/8PAKBYiL1007XiP7UyP8E0IAik6WQ9deqUA6EI+QMQKBLAQCXbslIxCwiYyL6qbB1DdsTrDUUgInUp1hUFQ22iErbaKW42yVebBQRaDOZRfCMQtOz3JrO3NGegJQqFug1WwnKPk1lAoMXIn5NZsmziSyPy2T8FCwEgsLo887/FYXNWKU5hFbAOtGrQ2uyjOApgYbEMWAhcJ6sW1yQg1N/FQpAd8fihODBwNQBAybDC0LILahIQyjy0GYCwqs2KF/P8PgHXEythuQfMLCCormLaLTMvP3EuzbtRLpYVjElAaFaENmbdhrI04hD3p7CslNYXy+tHzAIC5rHjteUd+MoJTywuyQloquuvy/n95fous4BAi6HNCKhhpo/iKIDVBQjs2YSysZrKNgsIgMDNQni2XFktTsxzvxoAkL1DyQAIq0rGJCCUzWwe4IBQahT3DAAAhCqZ4j6tcq82CwiAACDQZgzLmZFyiBeAgKYsK+XZ6jALCLQZzCOotp4q7G3hVPoRQ2AhoK3VYXZmMI0bImqK0GoQWC7BhH5YWxSMA6JcVC/x98A8B0TxRFVlooAo/hMr9xPMWghIDiCsa7RyiRZuE0VO67scmgYE1kEzTeUSHKvfoy4oCsbyMA0ImAcgYKaafcvM7M25YSGgJVbC8jANCCwEDISZDojCxRjaQUNNUhT+SZV/pWlAEASSeuXZAVG4MCogsLgoGcvDLCBgIgUkLITlQlI5hBNapiuXcnxnX32HWUBAUJiI32tdq5VDeKChtm1YtramAaEWAv/XajNaOcDAdygtUTKWh2lAkF1yC1G8+KpFoHUD5WJ5mAcEmREe1hnZm0IK7bQoZ52OpgGBkMSQGelNMOhnQ0frjX3MNQpAYOp9FE4BXCZoaL0oB4XMAwImot2sm/rCxT37ldCOLBPxmPVhHhAaQ1huWe5tIQUQZJdisLTmAaGm3otzhcMmpnqOWUCoVsNCYOqt588LF/fsV0I7Amo2GEDBWHY/TVZZYBg79nErWW6Wwk0+fBROAYJqdv3mRvfPPfdcGDNmjABD6xOFf3LlXVlz4MABc7enR6Nt3749fPzxx3IHocGDB0uTn8cRhQkgVX52Ub969aqA4aOPPgrz588XpVPYJ1buVeZcJqwDe7pyG160Wn19fWBLSwdD4UII7XCXoCX36tu4caPZLfFNAkLvDcEdMwmmLZr2wsW7sCuhIbRE2Zw7d052AbeoZEwCAuYRQzgQChP+pKugJw8UDg+LwxwgujPJckak+1zL9T+WwaJ1gH4mAUFQzUM1WrkExfr3KD2hrdUinTlAkBHBKowYMUJy577RcWlhSitMbW2txBMW15iYAwRajOBv6NCh0n9DLOGjNBRAuQCIkSNHmk1WmAMErAcQw4cPl6Y+7olm1d8tjZjn9imazgYUw4YNM1v5NwcILATM07sHwUAPrHMT+mzvwtrSOYw7Ck3dZcpGsQo4D6N44DLRx0TeHJD4KJ4CAII2cCwENLZoec1ZCNiOVWA/pkmTJgkw+N9HcRRAqdDg19zcLM2SVmMzk4CAeWiyhoYGsRLEET6Ko4C6S6NHjxZAWLW6JgEB68mTE1hjKRgWzbtMrAx/NF7ABR01apQomzJ8bZ98hVlAwER8XYJrhsUAsFwSgzVQlwklA22tDrOAgGEAArcJ98kBUbgIAwYsblNTk9QgCv+kyr/SNCAIAmlZpnXZqs9bDhFDmeB64i5BU8vDLCAAAD03rPBigZCP4ijAmhKUC9bWsnIxCwjYj69LmwE1CR+FUwA6Dho0SJSL5fgBCpkGBBPUOEKzTRzzkR8FsApUp2nqsz5MAwLTTjMai+LxfcmlW9dwpRZYiprQjiInz5bdJWhnGhAywdRilnHjxklQyEJ5B0TukKF2Q1GT/qUJEyZI02TuV1fnO80DggwJMcSUKVMkuPY2jtwFFVpRjJs4caLEYjGkrs0DQt2mlpYWaTno7Oz0qnUOmMCSYlGpP8yePVuAYd1dgizmAcEkYeT48eNDU6qwpP/LC/+TSAFoxoPaw9SpUxPfZ+1EFIDA1BMQvvfee2HmzJniF3sskSzK0IYEBErkgw8+kJRrLK6myZ37kliNxtu1a1fo6OgIJ06cCJcuXfLMUxqxoA+BNKlqLMOSJUvCrFmzzG4okDb1rpdRAQLNB9Nv374d9u3bFz799FPZ+5UsCsdjHtCGvZZIQHz44YeShCBlDUBiok0ULpMKujKW3qaxY8eKG4U75e7Tvao+tAAEpKlp1VAFovSL4TkqQChD8YepXNObg3WIxT/W+Wd6BgxklOj94vYBVlfEZZp7+rEoAYGlAAhUXxGCO3fuRG8lWHvOIOkAINSapgtLDK+jBASMxR1obGwUHxlhiNlt0oo0lpI2l6hpEQPqM80RF4FsCivAYgscu9MDawAIaN6jOxjaxDqitRAwncCRKizPVnezzkWwiRcIpqnms3bEAZEL1Yy9B6azgIhtVXT/phhdBeZMAx+x1IwZM+Q55iRDtBYCQQAUZJooQrH9ZYyaEXcJl/HZZ5+VmAoa8H+sI96ZpzgO81kJNm3aNEnDxqgZoQEWEuvADiUxKoV08EcNCAiB70zPDhXaGIWBOZNmpRgHLWJNtyooogcErhMuE66T3mRFiWP9WbNLzF1T0NbnnG1+0QMCAuEqYCXQlLENrAKJBdZMx24d4H30gEAIqFpPnjw5yt056OtivQNxhAPCAdFlENjEF7eBbFMsgkE2qa6uTubdRYjIX0RvIeA/AKDZj8IU1iKG3TnIqAH+efPmSaYtFiWQDe8OiPsUQluyEQGtHAiHdQFhflToUQLM3fp8swFBzzsg7lMCjUlvU1tbm2zXSPXWauVaW7sXL14swXSM9RcFQPdnB8R9iqAhAcCCBQvEr0ZIrGpN5kZmbeHChW4duiHCAXGfIIABQaFAt3TpUmlyU03ajWZV/S9zJNXa3t4u7RoxxEv5MMwB0Y1aAIOF9WzOZa2/CYvHgzUPra2tZl3CbizN618HRDdy0cpALPHCCy+ItbDkNjE3AumXXnpJYocYW1W6sfuhfx0QD5Hk3v3pKFaxnylt0RZAwRywePQsxba1TAYWJx5yQGQgDcLDxmasHmMreAvZJuYAuGnzZhGQBZBnYF3RhxwQPZDQWqYJEJBOdlcpmekOiAy0oVCF0FgDBHMiqwQwmKOPhyngVHmYJnIEMLAbhzVtyryszSmBhQUddkAkkA3Bwb3g2coACMzJYn2lVDxyQPRASXUvenhLVZ0CEFg9D6iT2eaASKANloGHJeFhLszJXaYEpqcOOyASaIPQsFeTNeFhPtbmlMDCgg47IBLIphYi4XTVHVZLx7w8hkhmnwMigTYafFooyukUmQtgYG4+MlPAAZGZLuJWaAyh2jXhrVV12C1Ez+xyQCTQBz8b4bEy1NIxJ0vzKjV/HBAJFMWt0A2QVZgS3lpVh3GZHBDJLHNAJNAGobFWh8D1A+QeQyQwPXXYAZFAG8CA8FiKH5iqAyKB4fcPOyDS6INrRNPbrVu3wsGDB8PNmzdNNcExP24fduDAgXD9+nWZmyV3MI2VBb/sX/CVRi5EIFQoaGu4ePFi2LFjR1i/fr0Aw1JXKPPEQmzatEnWe7AnE9vusBcVA2tozSLmK6ZR3ac6nTgIB8KOAFy7dk1u5M69qw8dOhQOHz4cLl++LEBRsKRfW82vmS8ZNBYJsXqOB+vH2bmQWwOwqo74KVZgRAkIhByGX7hwIfzyyy9h69atcgN33AjcJAQCsFgDgwJZQcEc2bGQ/V1ZHcjtxbgLKa+VRnpNLM9RAgJBOHXqVPjiiy/C7t27w9WrV8WVYHsWzsU0AIfelhirwa2K33//fdnvNcb0bFzcvy/pMHrXrl0SK1y6dEl8aDRlbGCAHFgCbgPAA9dx586dQhdiDasWsieFFx0gYDIWgXgBYLANPD51rD4zwqEulFrIvXv3hitXrvQkN2bPRQcIOIm7dPLkSV8s002sAQZFO+hz7NixKJVEdIDAFYDZsWrAbhh46F9A0dnZGY4ePRplRTsqQOAu3bhxQ5htrej2kGQXeIA4iiD7yJEjUryLLY6IChDICPUFXIJYg8ZsOAEA0AaXkoRDbCMqQOAOUImG0TGmFHMVbuiES3n+/PnolptGBQg0H0ymVynGFGuugIA2tLGoJc31OgvviwYQuAL4xqdPn5ZgkRYFH5kpACDo9oVW0Cwm5REVIAikT5w4IdrPAZEZDBwFAKRfCaxJQsREq2gAAZMBBNVYCnGxZU+Sxf/hM9CGB71d0CumEQ0gYDDaTvt2YmJyIXNFgZB4oCYR04gGEFgFNJ4CgkyKj54pgNuEEomJVlEAAuuAxgMMMDcmn7hnkU8+C42g2+3bt4V2vI5hmF0xBwN5YBmIHVj489NPP0nRycptsnpLQFEa/fvfE41t27bJbYrHjx8v96dDsXDeqtUwtx4CEMA0gEBVev/+/QGm8qDLFTD4yJ0CpF+5vRj3pWPJaXNzs9yUUmlsDRgmAAFTAAJmHiAg+KyEY+0wmwVQdYWxMNHdpdzBwDuhJw8sBktMuaXvnDlzBCDcrRWaEnwrD/L79Mp7d1UDQrWTmnfaMrZv3x42btwoHa24SgBBrUblkb86fpG6ngADhcIaEtZgz58/X5adciNH3gOtGbyu1lHVgFCLcPbs2bBly5awevVqaUrT42ivamZOpQoVwFDLUFtbG15++WW5r/eoUaO63FVVVpU6h6TfVZWAgBmkBM+dOyfLHTs6OsLx48e73CEshgMhieWlO45FUJdqxIgRob29PcydO1du/Zu+tU3pvrH3P6lqAIGAAwQa81i8gmu0efNmAQLnsAo8fJSfAoCCxkmsQn19fXj++eclxiDeGDhwoBznPdUwKh4QCgTiATJGpE7ZIICuVV3T4ECoDFHT4Bp+EHBPnz5dMlPs5EGmCsBo232lWvCKBQTWANeHSumePXvCunXr5FkDZUSgUolaGeLZd79C4wf4x24ebIS2aNGiMG3aNLEYgEKB0Xe/MvM3Vxwg1CLgGmEJvv76a3GPyGx4DSEzEyv5KPzEXUKRTZkyJbz99tthxowZXRZDwVMpc6gYQGjWghoC26CsXLlS6giAADBwnoeP6qOAukoE4Sw8wlIQgLNL4NChQ8UTqJQYo88BgZBDKGoIWATSp+ymh4XAF/WMUfUBoKdfDK+J/dgDCmBQ/SbWYPtMeN3XwOgTQGBGmTypU1ZlkTECCFSV0SBYBYBSaea0J0b7udwpAP/hLcCA12PHjpWsFBXwxsZG2UkR4PQF/8sKCAUCWoBdHX744Qdxi3CTNMjiPT7ioUC60LO3LNVvCn0AA7BoOrdcFCkbIND4TI4CGkD46quvJEtEf0xfm8lyEdu/p2cKoAxZs4Ln8MYbb4TXXnstNDU1hQEDBpRNRnodEEySnnrW565ZsyasWrVKtqGngMO5dA3RM7n8bAwUUJnAlcZiYC2WLFki97FgQ+relpdeAQTBMD+c9bjcvom78XAPBlotqFxynon7cAokUQD5wY0mXTtkyBBpIly8eLEAA6DgcaibnfQZhRwvKSBU0NkIjNQp7de0YbMugSBaz/c2ygshhF9TeRRQa4HgE2SToqXqTZwxdepUuR2YAqdUv74kgEDQeWAR6C9asWJF1+7RTIpzDAdCqdgW1+eoNwEwkCH+b2hokFpGa2urAIVzpbAYRQFCBR0LsGHDhvDll1/KDTdIo2lOmYBZJxQXG322paYAYMBVUneJuJR75L3zzjth4cKFgY5bZK0YYBQECP1BbHWIRaD9mhiBVBkFF36Qg6DU4uCfl04BwIFCJiNF5pJ+KbJSWAyshyrk9GtyeZ0XIMgLkzHiB1BMI2PELZjobOTGffxIHj6cAuWiAIqXB02gdDtMnjxZGgmJM5pSKVuaC4k/ch05AUILJKxDoIbAgn0Ka6AQi+AgyJXc/r7epADAoNOBelddXV1oaWmRlXyABDnleLbRIyD0Q2ipWL58udQR+FL143jtYMhGYj9fTgqoTBK76oP4AncKt4qVfIAmSW4zAoLKIPlf3KFvvvkmfPvtt4H1suSDiQ+SPqycE/fvcgpkowDgIM6gNYh6GK3nb731lvRN4eJnshhdgNCMEb4YtYNly5bJg0AZMHCxAyEbC/x8JVIAYOD2nzlzRsoBtIW8++670mVLoZjzmpmqOXz4sETBpE7JFK1du1ZSqLwJPwwQ5BOUVCJB/Dc5BaAAMS9yzS4tKP62trZA9ZsuW91jqia1RvkuPUY8MCsgha1FiBMcCC5IFimgKVmMAAChlqHgqEmlp+7iYxFAEzsABO8+tSgGPqfuFAAMeEAYAWJmOq/7EzvQLKUg0OfuF/v/TgFrFNCYGAwABp77Z4q0rU3c5+MUyEYBjZV91X42Svn5qCjggIiK3T7ZbBRwQGSjkJ+PigL/AxmvlEGhFvj3AAAAAElFTkSuQmCC\"","import { FormikProps } from \"formik\"\r\nimport { StandardAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\"\r\nimport { JoditContentEditorModule } from \"../../../form-components/JoditContentEditorModule\"\r\nimport { TextInput } from \"../../../form-components/TextInput\"\r\nimport { FormikImageUploadFactory } from \"../../../FormikHelper/FormikImageUploadFactory\"\r\nimport defaultProfile from '../../../img/default-profile.png'\r\nimport emailIcon from '../../../img/icon-email.png'\r\nimport nameIcon from '../../../img/icon-name.png'\r\nimport phoneIcon from '../../../img/icon-phone.png'\r\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\"\r\nimport { FormMode } from \"../../Client/ui/ClientFormV3\"\r\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\"\r\nimport { AsyncClientSelectInputHandler, ClientResultType } from \"../AsyncClientSelectInputHandler\"\r\nimport { ClientPICModel } from \"../model/ClientPIC\"\r\n\r\ninterface ClientPICLangInterface{\r\n    mClientPersonnel: string\r\n    clientPersonnelName: string\r\n    clientPersonnelCompany: string\r\n    clientPersonnelPosition: string\r\n    clientPersonnelContactNumber: string\r\n    clientPersonnelEmail: string\r\n}\r\n\r\nexport let ClientPICForm: <T extends ClientPICModel>(mode: FormMode, pageTitle: string, Lang: ClientPICLangInterface, props: FormikProps<T>, clientId?: string, clientName?: string) => JSX.Element =\r\n    (mode, pageTitle, Lang, props, clientId, clientName) => {\r\n    let { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    let handleClientChange = (client: ClientResultType) => {\r\n        setFieldValue(\"clientId\", client.value)\r\n    }\r\n\r\n    let handleNotedChange = (text: string) => {\r\n        setFieldValue(\"noted\", text)\r\n    }\r\n    \r\n    let client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\r\n    let clientSelector = new AsyncClientSelectInputHandler(\"client\", \"Select \" + Lang.clientPersonnelCompany, client, handleClientChange)\r\n    let photoHandler = new FormikImageUploadFactory(setFieldValue, \"photo_url\", \"photo_base64\", \"isPhotoChanged\", \"clientPIC-profile-photo\", defaultProfile, values.photo_url, values.photo_base64)\r\n    let contentEditorModule = new JoditContentEditorModule()\r\n\r\n    return (\r\n    <>\r\n        <div className=\"page-title\">{pageTitle} {Lang.mClientPersonnel} {values.name}</div>\r\n        <div className=\"rowflex\">\r\n            <div className=\"col clientPICProfile\">\r\n                { (mode === FormMode.ADD) ? photoHandler.getAddComponent() : photoHandler.getEditComponent() }\r\n            </div>\r\n            <div className=\"col default-padding-left\">\r\n                <TextInput icon={nameIcon} placeholder={Lang.clientPersonnelName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n                <div className=\"default-padding-top\">\r\n                    { (mode === FormMode.ADD && clientId && clientName) ? \r\n                        clientSelector.getComponent({\r\n                            label: clientName,\r\n                            value: clientId\r\n                        })\r\n                    : \r\n                        clientSelector.getComponent(values.clientSelected)}\r\n                </div>\r\n                <TextInput placeholder={Lang.clientPersonnelPosition} name=\"position\" value={values.position} onChange={handleChange} message={errors.position} touched={touched.position} />\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"row\">\r\n            <TextInput icon={phoneIcon} placeholder={Lang.clientPersonnelContactNumber} name=\"phone\" value={values.phone} onChange={handleChange} message={errors.phone} touched={touched.phone} />\r\n            <TextInput icon={emailIcon} placeholder={Lang.clientPersonnelEmail} name=\"email\" value={values.email} onChange={handleChange} message={errors.email} touched={touched.email} />\r\n        </div>\r\n\r\n        <div className=\"field-description\">\r\n            Noted\r\n        </div>\r\n        {contentEditorModule.get(\"noted\", \"Noted\", values.noted, handleNotedChange)}\r\n    </>\r\n    )\r\n}","import { Lang } from '../../../lang/Lang';\nimport { FormMode } from '../../Client/ui/ClientFormV3';\nimport { useURL } from '../../Search/useURL';\nimport { AddFormTemplate } from '../../Shared/template/AddFormTemplate';\nimport { useClientPICAddFormHandler } from '../formHandler/useClientPICAddFormHandler';\nimport { ClientPICModel } from '../model/ClientPIC';\nimport { errorValidationSchema } from '../validation/errorValidationSchema';\nimport { ClientPICForm } from './ClientPICForm';\n\nexport const ClientPICAdd = () => {\n    const { params } = useURL()\n    const clientId = params.clientId as string\n    const clientName = params.clientName as string\n\n    const formik = useClientPICAddFormHandler({\n        clientId: clientId\n    }, errorValidationSchema)\n\n    return (\n        <AddFormTemplate<ClientPICModel> {...formik}>\n            { ClientPICForm(FormMode.ADD, \"Add New\", Lang, formik, clientId, clientName)}\n        </AddFormTemplate>\n    )\n}","import { useFormik } from \"formik\"\r\nimport { ObjectSchema } from \"yup\"\r\nimport { ClientPICPath } from \"../../../database_api/api\"\r\nimport { useAddFormData } from \"../../Shared/useAddFormData\"\r\nimport { ClientPICModel } from \"../model/ClientPIC\"\r\n\r\nexport const useClientPICAddFormHandler = (initialValues: ClientPICModel, validationSchema: ObjectSchema) => {\r\n    const { add } = useAddFormData(ClientPICPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let clientPICData: ClientPICModel = {\r\n                clientId: values.clientId,\r\n                name: values.name,\r\n                email: values.email,\r\n                phone: values.phone,\r\n                position: values.position,\r\n                active: values.active,\r\n                noted: values.noted\r\n            }\r\n\r\n            let clientPICDataForm = new FormData()\r\n            Object.entries(clientPICData).forEach(field => {\r\n                clientPICDataForm.append(field[0], field[1] || \"\")\r\n            })\r\n\r\n            if (values.photo_url) {\r\n                clientPICDataForm.append('photo_url', values.photo_url)\r\n            }\r\n\r\n            setSubmitting(false)\r\n            add(clientPICDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import { useEffect } from 'react';\r\n\r\nimport { useHistory, useParams } from 'react-router';\r\nimport { ClientPICPath, ImagePath } from '../../../database_api/api';\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { FormMode } from '../../Client/ui/ClientFormV3';\r\nimport { EditFormTemplate } from '../../Shared/template/EditFormTemplate';\r\nimport { useItem } from '../../Shared/useItem';\r\nimport { ClientPICSingleResult } from '../ClientPICSingleResult';\r\nimport { useClientPICEditFormHandler } from '../formHandler/useClientPICEditFormHandler';\r\nimport { ClientPICModel } from '../model/ClientPIC';\r\nimport { errorValidationSchema } from '../validation/errorValidationSchema';\r\nimport { ClientPICForm } from './ClientPICForm';\r\n\r\nexport const ClientPICEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n    const formik = useClientPICEditFormHandler({\r\n        id: params.id\r\n    }, errorValidationSchema)\r\n\r\n    const {setFieldValue} = formik\r\n    const history = useHistory()\r\n    const { get, data, isLoading } = useItem(ClientPICPath, params.id, \"clientPIC\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n    let mapData = (result: ClientPICSingleResult) => {\r\n        setFieldValue(\"isRequestData\", false)\r\n\r\n        if (result.status == ResultStatus.fail){\r\n            history.goBack()\r\n        }\r\n        if (result.data == undefined) return\r\n\r\n        var clientName = \"\"\r\n        var clientId = \"\"\r\n        Object.entries(result.data.value).forEach(data => {\r\n            if(data[0] == \"photo_url\"){\r\n                let photo_url = data[1]\r\n                if(photo_url == \"\") return\r\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"clientName\" && typeof data[1] == \"string\") {\r\n                clientName = data[1]\r\n            }\r\n            if (data[0] == \"clientId\" && typeof data[1] == \"string\") {\r\n                clientId = data[1]\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n\r\n        if(clientId != \"\"){\r\n            setFieldValue(\"clientSelected\", {\r\n                label: clientName,\r\n                value: clientId\r\n            })\r\n        }\r\n    }\r\n\r\n    if(isLoading) return (<div>Loading...</div>)\r\n\r\n    return (\r\n        <EditFormTemplate<ClientPICModel> {...formik}>\r\n            { ClientPICForm(FormMode.EDIT, \"Update\", Lang, formik )}\r\n        </EditFormTemplate>\r\n    )\r\n}","import { useFormik } from \"formik\";\r\nimport { ObjectSchema } from \"yup\";\r\nimport { ClientPICPath } from \"../../../database_api/api\";\r\nimport { useUpdateFormData } from \"../../Shared/useUpdateFormData\";\r\nimport { ClientPICModel } from \"../model/ClientPIC\";\r\n\r\nexport const useClientPICEditFormHandler = (initialValues: ClientPICModel, validationSchema: ObjectSchema) => {\r\n    const { update } = useUpdateFormData(ClientPICPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let clientPICData: ClientPICModel = {\r\n                clientId: values.clientId,\r\n                id: values.id,\r\n                name: values.name,\r\n                phone: values.phone,\r\n                email: values.email,\r\n                position: values.position,\r\n                active: values.active,\r\n                noted: values.noted\r\n            }\r\n\r\n            let clientPICDataForm = new FormData()\r\n            Object.entries(clientPICData).forEach(field => {\r\n                if (field[1]) clientPICDataForm.append(field[0], field[1])\r\n            })\r\n\r\n            if (values.photo_url) clientPICDataForm.append('photo_url', values.photo_url)\r\n\r\n            setSubmitting(false)\r\n            update(clientPICDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import { useHistory, useLocation } from 'react-router';\r\nimport { EditButton } from '../../../components/EditButton';\r\nimport { ImagePath } from '../../../database_api/api';\r\nimport statusMenu from '../../../img/checked.png';\r\nimport defaultProfile from '../../../img/default-profile.png';\r\nimport { ClientPICModel } from '../model/ClientPIC';\r\n\r\nexport const ClientPICComponent = (props: ClientPICModel) => {\r\n    const history = useHistory()\r\n    const location = useLocation()\r\n    \r\n    return (\r\n        <div className=\"clientPIC-container full-border\">\r\n            <div className=\"photo\">\r\n                <img src={props.photo_url ? ImagePath + props.photo_url : defaultProfile}></img>\r\n            </div>\r\n\r\n            <div className=\"clientPIC-id\">\r\n                {props.name}\r\n                <div className=\"clientPIC-clientId\">{props.clientName}</div>\r\n                <div className=\"clientPIC-position\">{props.position}</div>\r\n            </div>\r\n            <div className=\"line-decoration\" />\r\n            \r\n            <div className=\"clientPIC-description\">\r\n                <div className=\"clientPIC-phone\">{props.phone}</div>\r\n                <div className=\"clientPIC-email\">{props.email}</div>\r\n            </div>\r\n                \r\n            <div className=\"clientPIC-description\">\r\n                <div className=\"clientPIC-options\">\r\n                    <EditButton basePath={location.pathname} code={props.id} />\r\n                    <input className=\"status\" type=\"image\" src={statusMenu}/>\r\n                </div>\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React from 'react';\r\n\r\n\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { ClientPICComponent } from './ClientPICComponent';\r\n\r\nimport { useHistory, useLocation } from \"react-router\";\r\nimport { ClientPICPagePath } from '../../../database_api/api';\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from \"../../Search/FlexibleSearchComponentV2\";\r\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { ClientPICModel } from '../model/ClientPIC';\r\n\r\nexport const ClientPICList = () => { \r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading, params } = useDataList<ClientPICModel>({\r\n        url: ClientPICPagePath,\r\n        size: itemSize,\r\n        identifier: \"clientPICs\",\r\n        ignoreParamsAsURL: [\"clientName\", \"prevURL\"]\r\n    })\r\n    \r\n    const history = useHistory()\r\n    const location = useLocation()\r\n\r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"name\",\r\n            displayField: Lang.clientPersonnelName\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"phone\",\r\n            displayField: Lang.clientPersonnelContactNumber\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"email\",\r\n            displayField: Lang.clientPersonnelEmail\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"position\",\r\n            displayField: Lang.clientPersonnelPosition\r\n        }\r\n    ]\r\n\r\n    const clientName = params.clientName\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <div id=\"top-container\">\r\n                <div id=\"search-container\">\r\n                    <FlexibleSearchComponent \r\n                        isLoading={isLoading} \r\n                        placeholder={\r\n                            Lang.clientPersonnelName + \", \" + Lang.clientPersonnelContactNumber + \", \" + Lang.clientPersonnelEmail + \", \" + Lang.clientPersonnelPosition\r\n                        } \r\n                        queryOptions={queryOptions}\r\n                    />\r\n                </div>\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div id=\"add-menu-container\">\r\n                <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => {\r\n                    history.push(location.pathname + `/add?clientId=${params.clientId}&clientName=${params.clientName}`)\r\n                }} />\r\n            </div>\r\n\r\n            { clientName && \r\n                <>\r\n                    <h2>{clientName} Personnel List</h2>\r\n                    { params.prevURL && \r\n                        <div id=\"left-top-menu-container\">\r\n                            <ButtonInput caption=\"Back to Client\" title=\"Back to Client\" onClick={() => { history.push(decodeURIComponent(params.prevURL as string)) }} />\r\n                        </div>\r\n                    }\r\n                </>\r\n            }\r\n            \r\n            <div id=\"content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"clientPIC-list\">\r\n                {\r\n                    (data && data.length > 0 && data.map((clientPIC, index) => {\r\n                        return <ClientPICComponent id={clientPIC.id} name={clientPIC.name} clientId={clientPIC.clientId}\r\n                            photo_url={clientPIC.photo_url} clientName={clientPIC.clientName}\r\n                            position={clientPIC.position} noted={clientPIC.noted}\r\n                            active={clientPIC.active}\r\n                            email={clientPIC.email} phone={clientPIC.phone} key={index} />\r\n                    }))\r\n                    || \r\n                    <div className=\"message\">No data</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n            </div>\r\n        </React.Fragment>\r\n    )\r\n}","import React from 'react';\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\n\r\nimport { ClientPICAdd } from './ClientPICAddV2';\r\nimport { ClientPICEdit } from './ClientPICEditV2';\r\nimport { ClientPICList } from './ClientPICListV2';\r\n\r\nconst queryClient = new QueryClient();\r\n\r\nexport const ClientPIC = (props: RouteComponentProps) => {\r\n    return (\r\n        <QueryClientProvider client={queryClient}>\r\n        <React.Fragment>\r\n            <Route path={props.match.url} component={ClientPICList} exact={true} />\r\n\r\n            <Route path={props.match.url + \"/client/:clientData\"} \r\n                component={ClientPICList} \r\n                exact={true} \r\n            />\r\n            <Route path={props.match.url + \"/add\"} \r\n                component={ClientPICAdd} \r\n            />\r\n            <Route path={props.match.url + \"/edit/:id\"} \r\n                component={ClientPICEdit}\r\n            />\r\n        </React.Fragment>\r\n        </QueryClientProvider>\r\n    )\r\n}","import * as yup from \"yup\";\r\nimport { EmailInput, NameInput, PhoneInput } from \"../Member/builder/ErrorMessage/Error\";\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    name: yup.string().required(NameInput.requiredMessageError()),\r\n    phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\r\n    email: yup.string().email(EmailInput.invalidMessageError())\r\n})","import { useMutation } from \"react-query\"\r\nimport { useHistory } from \"react-router\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"./useHeader\"\r\n\r\n\r\nexport const useAddData = <T>(url: string, backOnAddSuccess: boolean = true) => {\r\n    const history = useHistory()\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.post,\r\n        headers: header.header()\r\n    }\r\n\r\n    const addData = async (data: T) => {\r\n        return fetch(`${url}`, {...requestOptions, body: JSON.stringify(data) })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(addData, {\r\n        onSuccess: (data: AddResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            toast(\"Success Add\")\r\n\r\n            if(!backOnAddSuccess) return\r\n            setTimeout(() => {\r\n                history.goBack()\r\n            }, 300)\r\n            \r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { add: mutate, isLoading };\r\n}","import { useMutation } from \"react-query\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"./useHeader\"\r\n\r\n\r\nexport const useGetData = (url: string, successMessage?: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.get,\r\n        headers: header.header()\r\n    }\r\n\r\n    const getData = async (key: string = \"\") => {\r\n        return fetch(`${url}${key}`, {...requestOptions })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(getData, {\r\n        onSuccess: (data: AddResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            if(successMessage === \"\") return\r\n            \r\n            toast(successMessage ?? \"Success\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { get: mutate, isLoading };\r\n}","import CreatableAsyncSelect from 'react-select/async-creatable';\r\n\r\nimport { CustomerTagPath, FilterCustomerTagPath } from '../../../database_api/api';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { useAddData } from '../../Shared/useAddData';\r\nimport { useGetData } from '../../Shared/useGetDataWithParam';\r\n\r\nexport type CustomerTagResultType = {\r\n    label: string,\r\n    value: string\r\n}\r\n\r\nexport const CreatableAsyncCustomerTagSelectInputHandler = (props: {\r\n    fieldName: string,\r\n    placeholder: string,\r\n    value?: CustomerTagResultType[],\r\n    onChange: (tags?: CustomerTagResultType[]) => void\r\n    onNewTagAdded: (tag: CustomerTagResultType) => void\r\n}) => {\r\n\r\n    const { fieldName, placeholder, onChange, onNewTagAdded, value } = props\r\n\r\n    const { get } = useGetData(FilterCustomerTagPath, \"\")\r\n    const { add } = useAddData(CustomerTagPath, false)\r\n\r\n    const loadCustomerTagList = (inputValue: string, callback: (options: CustomerTagResultType[]) => void) => {\r\n        if(inputValue == \"\" || inputValue == undefined) {\r\n            callback([])\r\n            return\r\n        }\r\n\r\n        get(inputValue, {\r\n            onSuccess: (result) => {\r\n                if(result.data == undefined){\r\n                    callback([])\r\n                    return\r\n                }\r\n\r\n                let returnedResult: {id: string, name: string}[] = result.data\r\n                if(returnedResult.length == 0){\r\n                    callback([])\r\n                    return\r\n                }\r\n\r\n                callback(returnedResult.map( tag => {\r\n                    return {label: tag.name, value: tag.id}\r\n                }))\r\n        }})\r\n    }\r\n\r\n    const handleSelectedChange = (inputValue: any, _: any) => {\r\n        let selected: CustomerTagResultType[] | undefined = inputValue\r\n\r\n        if(selected == undefined) {\r\n            onChange(undefined)\r\n            return\r\n        }\r\n\r\n\r\n        onChange(selected.map( sel => {\r\n            return {\r\n                label: sel.label,\r\n                value: sel.label.replace(\" \", \"-\").toLowerCase()\r\n            }\r\n        }))\r\n    }\r\n\r\n    const onCreateOption = (inputValue: string) => {\r\n        add({name: inputValue}, {\r\n            onSuccess: (result) => {\r\n                if(result.status == ResultStatus.ok){\r\n                    onNewTagAdded({\r\n                        label: result.data.name,\r\n                        value: result.data.id\r\n                    })\r\n                }\r\n        }})\r\n    }\r\n\r\n    return (\r\n        <CreatableAsyncSelect \r\n            placeholder={placeholder}\r\n            className=\"selectionStyle full-border\"\r\n            classNamePrefix=\"si\"\r\n            isMulti\r\n            onCreateOption={onCreateOption}\r\n            value={value}\r\n            loadOptions={loadCustomerTagList} defaultOptions \r\n            onChange={handleSelectedChange}\r\n            />\r\n    )\r\n}\r\n\r\n","import { FormikProps } from \"formik\"\r\nimport { JoditContentEditorModule } from \"../../../form-components/JoditContentEditorModule\"\r\nimport { TextInput } from \"../../../form-components/TextInput\"\r\nimport emailIcon from '../../../img/icon-email.png'\r\nimport nameIcon from '../../../img/icon-name.png'\r\nimport phoneIcon from '../../../img/icon-phone.png'\r\nimport { CustomerModel } from \"../model/CustomerV2\"\r\nimport { CreatableAsyncCustomerTagSelectInputHandler } from \"./CreatableAsyncCustomerTagSelectInputHandlerV2\"\r\n\r\ninterface FormHelper{\r\n    name: string\r\n    email: string\r\n    phone: string\r\n}\r\n\r\nlet helper: FormHelper = {\r\n    name: \"Name of the customer\",\r\n    email: \"Email of the customer\",\r\n    phone: \"Phone of the customer\"\r\n}\r\n\r\nexport let CustomerForm: <T extends CustomerModel>(\r\n    pageTitle: string, props: FormikProps<T>\r\n    ) => JSX.Element =\r\n    (pageTitle, props) => {\r\n        const { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n        const handleTagChange = (tags?: { label: string, value: string }[]) => {\r\n            if (setFieldValue == undefined) { console.log(\"setFieldValue not set\"); return }\r\n\r\n            setFieldValue(\"tags\", JSON.stringify(tags))\r\n            setFieldValue(\"selectedTags\", tags)\r\n        }\r\n\r\n        const handleNewTagChange = (tag: { label: string, value: string }) => {\r\n            if (values && values.tags) {\r\n                handleTagChange([...JSON.parse(values.tags), tag])\r\n                return\r\n            }\r\n\r\n            handleTagChange([tag])\r\n        }\r\n\r\n        const contentEditorModule = new JoditContentEditorModule()\r\n\r\n        return (<>\r\n            <div className=\"page-title\">{pageTitle} Customer {values.name}</div>\r\n            <div className=\"row\">\r\n                <div className=\"col\">\r\n                    <CreatableAsyncCustomerTagSelectInputHandler \r\n                        fieldName=\"tags\"\r\n                        placeholder=\"Customer Category\"\r\n                        value={values.selectedTags}\r\n                        onChange={handleTagChange}\r\n                        onNewTagAdded={handleNewTagChange}\r\n                    />\r\n                    <div className=\"tagDescription\">[Group Organisasi] [Komando Utama/Setingkat] [Satker]</div>\r\n                    <TextInput icon={nameIcon} placeholder=\"Name\" name=\"name\"\r\n                        helpText={helper.name}\r\n                        value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n                    <TextInput icon={emailIcon} placeholder=\"Email\" name=\"email\"\r\n                        helpText={helper.email}\r\n                        value={values.email} onChange={handleChange} message={errors.email} touched={touched.email} />\r\n                    <TextInput icon={phoneIcon} placeholder=\"Phone\" name=\"phone\"\r\n                        helpText={helper.phone}\r\n                        value={values.phone} onChange={handleChange} message={errors.phone} touched={touched.phone} />\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"col\">\r\n                    <div className=\"field-description\">Note</div>\r\n                    <TextInput type=\"text\" placeholder=\"Note about the client\" aclass=\"default full-width\" name=\"note\" value={values.note} onChange={handleChange} message={errors.note} touched={touched.note} />\r\n\r\n                    <div className=\"field-description space\">Job Description</div>\r\n                    {contentEditorModule.get(\"description\", \"Customer's description\", values.description ?? \"\", handleChange)}\r\n                </div>\r\n            </div>\r\n        </>)\r\n    }","\r\nimport { AddFormTemplate } from '../../Shared/template/AddFormTemplate'\r\nimport { errorValidationSchema } from '../errorValidationSchema'\r\nimport { useCustomerAddFormHandler } from '../formHandler/useCustomerAddFormHandler'\r\nimport { CustomerModel } from '../model/CustomerV2'\r\nimport { CustomerForm } from './CustomerForm'\r\n\r\nexport const CustomerAdd = () => {\r\n    const formik = useCustomerAddFormHandler({\r\n        name: \"\"\r\n    }, errorValidationSchema)\r\n    \r\n    return (\r\n        <AddFormTemplate<CustomerModel> {...formik}>\r\n            { CustomerForm(\"Add New\", formik) }\r\n        </AddFormTemplate>\r\n    )\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { CustomerPath } from '../../../database_api/api';\r\nimport { useAddData } from '../../Shared/useAddData';\r\nimport { CustomerModel } from '../model/CustomerV2';\r\n\r\nexport const useCustomerAddFormHandler = (initialValues: CustomerModel, validationSchema: ObjectSchema) => { \r\n    const { add } = useAddData(CustomerPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let customerData = {\r\n                name: values.name,\r\n                email: values.email,\r\n                phone: values.phone,\r\n                note: values.note,\r\n                description: values.description,\r\n                tags: values.tags\r\n            }\r\n\r\n            console.log(customerData)\r\n            setSubmitting(false)\r\n            add(customerData)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import { useMutation } from \"react-query\";\r\nimport { ResultStatus } from \"../../Types/ResultStatus\";\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\";\r\nimport { useHeader } from \"./useHeader\";\r\n\r\nimport { toast } from 'react-toastify';\r\nimport { EditResult } from \"../GenericAPI/GenericEditAPI\";\r\n\r\nexport const useUpdateData = <T>(url: string, successMessage?: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.patch,\r\n        headers: header.header()\r\n    }\r\n\r\n    const updateData = async (data: T) => {\r\n        return fetch(`${url}`, { ...requestOptions, body: JSON.stringify(data) })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(updateData, {\r\n        onSuccess: (data: EditResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            if(successMessage === \"\") return\r\n            toast(successMessage ?? \"Success Update\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n\r\n    return { update: mutate, isLoading };\r\n}","import { useEffect } from 'react';\r\nimport { useParams } from 'react-router';\r\nimport { CustomerPath } from '../../../database_api/api';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { EditFormTemplate } from '../../Shared/template/EditFormTemplate';\r\nimport { useItem } from '../../Shared/useItem';\r\nimport { errorValidationSchema } from '../errorValidationSchema';\r\nimport { useCustomerEditFormHandler } from '../formHandler/useCustomerEditFormHandler';\r\nimport { CustomerModel } from '../model/CustomerV2';\r\nimport { CustomerForm } from './CustomerForm';\r\n\r\nexport const CustomerEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n\r\n    const formik = useCustomerEditFormHandler({\r\n        id: params.id\r\n    }, errorValidationSchema)\r\n\r\n    const { setFieldValue } = formik\r\n\r\n    const { get, data, isLoading } = useItem(CustomerPath, params.id, \"customer\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n    if (isLoading) return (<div>Loading...</div>)\r\n\r\n    const mapData = (result: CustomerSingleResult) => {\r\n        if (result.data === undefined)\r\n            return;\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n            setFieldValue(data[0], data[1]);\r\n\r\n            if (data[0] === \"tags\" && typeof data[1] == \"string\") {\r\n                try {\r\n                    let value: { label: string, value: string }[] = JSON.parse(data[1])\r\n                    setFieldValue(\"selectedTags\", value)\r\n                } catch (error) {\r\n                    console.log(error)\r\n                }\r\n            }\r\n        });\r\n    };\r\n\r\n    return (\r\n        <EditFormTemplate<CustomerModel> {...formik}>\r\n            {CustomerForm(\"Update\", formik)}\r\n        </EditFormTemplate>\r\n    )\r\n}\r\n\r\ntype CustomerSingleDetail = {\r\n    cas: string\r\n    value: CustomerModel\r\n}\r\n\r\ntype CustomerSingleResult = {\r\n    status: ResultStatus,\r\n    data?: CustomerSingleDetail,\r\n    message?: string\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { CustomerPath } from '../../../database_api/api';\r\nimport { useUpdateData } from '../../Shared/useUpdateData';\r\nimport { CustomerModel } from '../model/CustomerV2';\r\n\r\nexport const useCustomerEditFormHandler = (initialValues: CustomerModel, validationSchema?: ObjectSchema) => {\r\n    const { update } = useUpdateData(CustomerPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let customerData: CustomerModel = {\r\n                id: values.id,\r\n                name: values.name,\r\n                email: values.email,\r\n                phone: values.phone,\r\n                note: values.note,\r\n                description: values.description,\r\n                tags: values.tags\r\n            }\r\n\r\n            setSubmitting(false)\r\n            update(customerData)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import { useMutation } from \"react-query\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"./useHeader\"\r\n\r\n\r\nexport const useDeleteData = (url: string, successMessage?: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.delete,\r\n        headers: header.header()\r\n    }\r\n\r\n    const deleteData = async () => {\r\n        return fetch(`${url}`, {...requestOptions })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(deleteData, {\r\n        onSuccess: (data: AddResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            toast(successMessage ?? \"Success Delete\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { remove: mutate, isLoading };\r\n}","import parse from 'html-react-parser';\r\nimport { useState } from 'react';\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { CustomerPath } from '../../../database_api/api';\r\nimport optionDelete from '../../../img/close.png';\r\nimport optionMenu from '../../../img/option.png';\r\nimport { useDeleteData } from '../../Shared/useDeleteData';\r\nimport { CustomerModel } from '../model/CustomerV2';\r\n\r\nexport const CustomerComponent = (props: CustomerModel) => {\r\n    const history = useHistory()\r\n    const location = useLocation()\r\n    const [isDeleted, setIsDeleted] = useState<boolean>(false)\r\n    const { remove } = useDeleteData(CustomerPath + props.id, \"Success delete \" + props.name)\r\n\r\n    const deleteNews = (id?: string) => {\r\n        if(!id) return\r\n        if(!window.confirm(\"Are you sure you want to delete this news?\")){\r\n            return\r\n        }\r\n\r\n        remove(undefined, {\r\n            onSuccess: (result) => {\r\n                if(result.status === ResultStatus.ok)\r\n                    setIsDeleted(true)\r\n            }\r\n        })\r\n    }\r\n    \r\n    if(isDeleted) return (\r\n        <div className=\"customer-container full-border\">\r\n            {props.id && <div id={props.id} style={{marginTop:\"-85px\", position: \"absolute\"}} />}\r\n\r\n            <div className=\"customer-id\" style={{backgroundColor: \"red\"}}>\r\n                <div className=\"name\" style={{color: \"white\"}}>{props.name} [Deleted]</div>\r\n            </div>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <div className=\"customer-container full-border\">\r\n            {props.id && <div id={props.id} style={{marginTop:\"-85px\", position: \"absolute\"}} />}\r\n\r\n            <div className=\"customer-id\">\r\n                <div className=\"name\">{props.name}</div>\r\n            </div>\r\n            <div className=\"customer-tags\">\r\n                {props.tags && JSON.parse(props.tags).map( (tag: {label: string, value: string}) => {\r\n                    return <div className=\"tag\" key={tag.value}>{tag.label}</div>\r\n                })\r\n            }\r\n            </div>\r\n            <div className=\"customer-phone default-margin-top\">Phone: {props.phone ? props.phone : \"N/A\"}</div>\r\n            <div className=\"customer-email\">Email: {props.email ? props.email : \"N/A\"}</div>\r\n\r\n            { props.note && \r\n            <div className=\"customer-note default-margin-top\">\r\n                <div className=\"customer-id\">Note</div>\r\n                <div className=\"customer-note-content\">{ props.note }</div>\r\n            </div>\r\n            }\r\n\r\n            <div className=\"customer-id default-margin-top\">Job Description</div>\r\n            <div className=\"line-decoration\"></div>\r\n            <div className=\"customer-description sun-editor-content\" suppressContentEditableWarning>{(props.description != \"\" && props.description != undefined) ? parse(props.description) : \"-\" }</div>\r\n\r\n            <div className=\"customer-options\">\r\n                <input className=\"option\" type=\"image\" src={optionMenu} onClick={ () => { \r\n                    history.push(location.pathname + \"/edit/\" + props.id)\r\n                 }} />\r\n                <input className=\"status\" type=\"image\" src={optionDelete} title=\"Delete\" onClick={ () => {\r\n                    deleteNews(props.id)\r\n                 } }/>\r\n            </div>\r\n\r\n            <div className=\"clear\"></div>\r\n        </div>\r\n    )\r\n}","import React from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { CustomerPagePath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from \"../../Search/FlexibleSearchComponentV2\";\r\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { CustomerModel } from '../model/CustomerV2';\r\nimport { CustomerComponent } from './CustomerComponentV2';\r\n\r\nexport const CustomerList = () => { \r\n    const history = useHistory()\r\n    \r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading, params, isFetching } = useDataList<CustomerModel>({\r\n        url: CustomerPagePath,\r\n        size: itemSize,\r\n        identifier: \"clients\",\r\n        ignoreParamsAsURL: [\"prospectiveMode\"]\r\n    })\r\n\r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"name\",\r\n            displayField: \"Name\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"phone\",\r\n            displayField: \"Phone\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"email\",\r\n            displayField: \"Email\"\r\n        },\r\n\r\n    ]\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <div id=\"top-container\">\r\n                <div id=\"search-container\">\r\n                    <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Name, Phone, Email\" queryOptions={queryOptions} />\r\n                </div>\r\n\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div id=\"add-menu-container\">\r\n                <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => {\r\n                    history.push(RoutePath.customerList + \"/add\")\r\n                }} />\r\n            </div>\r\n\r\n            { !isFetching && data && data.length > 0 &&\r\n                <div id=\"floater-nav\">\r\n                    { data.map((customer) => {\r\n                        return (\r\n                            <a className=\"floater-nav-item\" key={customer.id} href={\"#\" + customer.id}>\r\n                                    <span className=\"overview\">-</span>\r\n                                    <span className=\"detail\">{customer.name ? customer.name : \"-\" }</span>\r\n                            </a>\r\n                        )\r\n                    }) }\r\n                </div>\r\n            }\r\n            \r\n            <div id=\"content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"customer-list\">\r\n                {\r\n                    (data && data.length > 0 && data.map((customer, index) => {\r\n                        return <CustomerComponent id={customer.id} \r\n                            tags={customer.tags}\r\n                            name={customer.name} note={customer.note} description={customer.description} \r\n                            email={customer.email} phone={customer.phone} key={`customer${customer.id}`} />\r\n                    }))\r\n                    || \r\n                    <div className=\"message\">No Customer registered</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n            </div>\r\n        </React.Fragment>\r\n    )\r\n}","import React from 'react';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\nimport { CustomerAdd } from './CustomerAddV2';\r\nimport { CustomerEdit } from './CustomerEditV2';\r\nimport { CustomerList } from './CustomerListV2';\r\n\r\nexport const Customer = (props: RouteComponentProps) => {\r\n    return (\r\n        <React.Fragment>\r\n            <Route path={props.match.url} component={CustomerList} exact={true} />\r\n            <Route path={props.match.url + \"/add\"} component={CustomerAdd}/>\r\n            <Route path={props.match.url + \"/edit/:id\"} component={CustomerEdit}/>\r\n        </React.Fragment>\r\n    )\r\n}","import { useFormik } from 'formik';\nimport * as yup from 'yup';\nimport { CustomerPersonnelPath } from '../../../database_api/api';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport { NameInput } from '../../Member/builder/ErrorMessage/Error';\nimport { useAddFormData } from '../../Shared/useAddFormData';\nimport { DatabaseTNIALAddModel } from '../ui/DatabaseTNIALForm';\n\nexport const errorValidationSchema = yup.object({\n    name: yup.string().required(NameInput.requiredMessageError())\n})\n\nexport const useDatabaseTNIALAddFormHandler = (initialValues: DatabaseTNIALAddModel, validationSchema: yup.ObjectSchema) => { \n    const { add } = useAddFormData(CustomerPersonnelPath)\n\n    const formik = useFormik({\n        validationSchema,\n        initialValues,\n        onSubmit: (values, { setSubmitting }) => {\n            setSubmitting(true)\n            \n            if(!values.contactNumber) values.contactNumber = []\n            if(!values.children) values.children = []\n            if(!values.education) values.education = []\n            if(!values.acknowledgement) values.acknowledgement = []\n\n            let customerPersonnelData = {\n                name: values.name,\n                generation: values.generation,\n                rank: values.rank,\n                position: values.position,\n                corps: values.corps,\n                serial_number: values.serial_number ? parseInt(values.serial_number) : 0,\n                nrp: values.nrp,\n                period: values.period,\n                description: values.description,\n                birthOfDate: !values.birthOfDate ? \"\" : DateHelper.dateISO8601(values.birthOfDate),\n                spouse: values.spouse,\n            }\n\n            let customerPersonnelDataForm = new FormData()\n            Object.entries(customerPersonnelData).forEach( field => {\n                customerPersonnelDataForm.append(field[0], field[1] == undefined ? \"\" : field[1] as any )\n            })\n\n            customerPersonnelDataForm.append('positions', JSON.stringify(values.positions))\n            customerPersonnelDataForm.append('contactNumber', JSON.stringify(values.contactNumber))\n            customerPersonnelDataForm.append('children', JSON.stringify(values.children))\n            customerPersonnelDataForm.append('education', JSON.stringify(values.education))\n            customerPersonnelDataForm.append('acknowledgement', JSON.stringify(values.acknowledgement))\n\n            if(values.photo_url){\n                customerPersonnelDataForm.append('photo_url', values.photo_url)\n            }\n\n            setSubmitting(false)\n            add(customerPersonnelDataForm)\n        }\n    })\n    \n    return formik\n}","import * as React from 'react'\nimport Select from 'react-select'\nimport { SetFieldValueFunctionType } from '../FormikHelper/FormikFileUploadFactory'\n\nexport type SelectOptionObject = {label: string, value: string}\n\nexport class FormikSelectInputHandler{\n    private fieldName: string\n    private placeholder: string\n    private options: SelectOptionObject[]\n    private selected?: SelectOptionObject\n    private selectedFieldName: string\n    private setFieldValue: SetFieldValueFunctionType\n\n    constructor(fieldName: string, placeholder: string, options: SelectOptionObject[], selectedFieldName: string, setFieldValue: SetFieldValueFunctionType, selected?: SelectOptionObject){\n        this.fieldName = fieldName\n        this.placeholder = placeholder\n        this.options = options\n        this.selected = selected\n        this.selectedFieldName = selectedFieldName\n        this.setFieldValue = setFieldValue\n    }\n\n    private handleSelectedChange = (inputValue: any, _: any) => {\n        this.setFieldValue(this.selectedFieldName,inputValue)\n        this.setFieldValue(this.fieldName, inputValue.value)\n    }\n\n    getComponent = () => {\n        return (\n        <Select placeholder={this.placeholder} className=\"selectionStyle full-border\" \n                isSearchable={true} name={this.fieldName} classNamePrefix=\"si\" options={this.options} value={this.selected} \n                onChange={this.handleSelectedChange} />\n        )\n    }\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAD6ADAAQAAAABAAAADgAAAAAZntCDAAABm0lEQVQoFYWSO27CQBiEbTCKEUJywcN0LilzhKRzbpCU6VLmCDkGJSVlynShpKSk3A4DBS4QMu98s7KREyFlpfXOzj/zP2y7q9Xq7Xw+h67rZrVabZCmadZoNN4vl4vvsKrV6qjVas3QPaPrS3c6nUa9Xs94Mkok8W63i+v1usXitI7HY4yxK6PuedIIaDwRxSKrFRR3nXABxscyV+BKAYoT8YRtKpVKQpWvgr91/qosASZDJYe5AmES3PJZ7mpWJc2POCbiU90H2zF4aVO42eFwyOBD7pnctm212W63ByRIMYxIMlYQPgMPEY/hu5x9z/MunU5HyRx3sVh8SATWjFF+qnLA/qT9FNMzvEaZUOABmGy322FRWd9urCQkmCJO1IUqyAjny8A2bK2w2WzG1ozRoZ07sWpLdwzpfD6PZCSpISTzdfH9I/vC1CKzvSiC8Ym7oNFD3fDnfec4QieoP8/xCE7AoWVKj7xts1wunf1+/1oKWYjP2BJ/A+W7Wi/NbUMkTjabzfBfs9Tr9TrIsuyeJD5tp2EYqlvnB61q3uepqRH4AAAAAElFTkSuQmCC\"","import * as React from 'react';\nimport closeIcon from '../../../img/close.png';\n\ninterface ChildComponentProps {\n    childItem: string;\n    onDelete: (childItem: string) => void;\n    [param: string]: any;\n}\n\nexport class ChildComponent extends React.Component<ChildComponentProps> {\n    childItem: string;\n\n    constructor(props: ChildComponentProps) {\n        super(props);\n        this.childItem = props.childItem;\n    }\n\n    handleDelete = () => {\n        this.props.onDelete(this.childItem);\n    }\n\n    render() {\n        const { aclass, type, onDelete, ...props } = this.props;\n        return (\n            <div className=\"input-container budgetType\">\n                <input\n                    type={type || \"text\"}\n                    className={\"text-input \" + (aclass ?? '') + ' no-icon'}\n                    value={this.childItem}\n                    {...props}\n                    disabled\n                />\n                <img src={closeIcon} onClick={() => this.handleDelete()} />\n            </div>\n        );\n    }\n}\n","import { FormikTouched } from 'formik';\nimport React from 'react';\nimport { SetFieldValueFunctionType } from '../../../FormikHelper/FormikFileUploadFactory';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { TextInput } from '../../../form-components/TextInput';\nimport { ChildComponent } from './ChildItemComponent';\n\ntype HandleChange = (e: React.ChangeEvent<any>) => void;\n\nexport interface FormikChildrenFormComponentProps {\n    setFieldValue: SetFieldValueFunctionType;\n    values: IChildrenFormValues;\n    handleChange: HandleChange;\n    touched: FormikTouched<IChildrenFormValues>;\n}\n\nexport interface IChildrenFormValues {\n    childAddField?: string;\n    children?: string[];\n}\n\nexport const FormikChildrenFormComponent: React.FC<FormikChildrenFormComponentProps> = ({ setFieldValue, values, handleChange, touched }) => {\n    const childrenRef = React.createRef<HTMLInputElement>();\n\n    const handleAddChild = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Enter\") {\n            e.preventDefault();\n            addChild();\n            childrenRef.current?.focus();\n        }\n    };\n\n    const addChild = () => {\n        if (!values.childAddField) return;\n        let newChildren = values.children ?? [];\n        newChildren.push(values.childAddField);\n\n        setFieldValue(\"children\", newChildren);\n        setFieldValue(\"childAddField\", \"\");\n\n        childrenRef.current?.focus();\n    };\n\n    return (\n        <>\n            <div className=\"rowflex contactNumberType default-padding-top\" style={{ gap: \"10px\" }}>\n                <div className=\"col\">\n                    <TextInput placeholder=\"Child\" name=\"childAddField\" value={values.childAddField} onChange={handleChange} touched={touched.childAddField} onKeyPress={handleAddChild} inputRef={childrenRef} />\n                </div>\n                <div className=\"col right-align\">\n                    <ButtonInput type=\"button\" caption=\"Add Child\" title=\"Add Child\" id=\"childrenAddSubmit\" onClick={addChild} />\n                </div>\n            </div>\n\n            <div className=\"childrenList\">\n                {\n                    values.children && values.children.map((child, index) => {\n                        return <ChildComponent childItem={child} key={index} onDelete={(child: string) => {\n                            const newChildren = values.children ? values.children.filter(number => number !== child) : [];\n                            setFieldValue(\"children\", newChildren);\n                        }} />;\n                    })\n                }\n            </div>\n        </>\n    );\n};\n","import * as React from 'react';\nimport closeIcon from '../../../img/close.png';\n\ninterface ContactNumberComponentProps {\n    contactNumberItem: string;\n    onDelete: (contactNumber: string) => void;\n    [param: string]: any;\n}\n\nexport class ContactNumberComponent extends React.Component<ContactNumberComponentProps> {\n    contactNumberItem: string;\n\n    constructor(props: ContactNumberComponentProps) {\n        super(props);\n        this.contactNumberItem = props.contactNumberItem;\n    }\n\n    handleDelete = () => {\n        this.props.onDelete(this.contactNumberItem);\n    }\n\n    render() {\n        const { aclass, type, onDelete, ...props } = this.props;\n        return (\n            <div className=\"input-container budgetType\">\n                <input\n                    type={type || \"text\"}\n                    className={\"text-input \" + (aclass ?? '') + ' no-icon'}\n                    value={this.contactNumberItem}\n                    {...props}\n                    disabled\n                />\n                <img src={closeIcon} onClick={() => this.handleDelete()} />\n            </div>\n        );\n    }\n}\n","import { FormikTouched } from 'formik';\nimport React from 'react';\nimport { SetFieldValueFunctionType } from '../../../FormikHelper/FormikFileUploadFactory';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { TextInput } from '../../../form-components/TextInput';\nimport { ContactNumberComponent } from './ContactNumberItemComponent';\n\ntype HandleChange = (e: React.ChangeEvent<any>) => void;\n\nexport interface FormikContactNumberProps {\n    setFieldValue: SetFieldValueFunctionType;\n    values: IContactNumberFormValues;\n    handleChange: HandleChange;\n    touched: FormikTouched<IContactNumberFormValues>;\n}\n\nexport interface IContactNumberFormValues {\n    contactNumberAddField?: string;\n    contactNumber?: string[]; // Add contactNumbers field\n}\n\nexport const FormikContactNumberFormComponent: React.FC<FormikContactNumberProps> = ({ setFieldValue, values, handleChange, touched }) => {\n    const contactNumberRef = React.createRef<HTMLInputElement>();\n\n    const handleAddContactNumber = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Enter\") {\n            e.preventDefault();\n            addContactNumber();\n            contactNumberRef.current?.focus();\n        }\n    };\n\n    const addContactNumber = () => {\n        if (!values.contactNumberAddField) return;\n        let newContactNumberList = values.contactNumber ?? [];\n        newContactNumberList.push(values.contactNumberAddField);\n\n        setFieldValue(\"contactNumber\", newContactNumberList);\n        setFieldValue(\"contactNumberAddField\", \"\");\n\n        contactNumberRef.current?.focus();\n    };\n\n    const removeContactNumber = (contactNumber: string) => {\n        const newContactNumberList = values.contactNumber?.filter(number => number !== contactNumber);\n\n        setFieldValue(\"contactNumber\", newContactNumberList);\n    };\n\n    return (\n        <>\n            <div className=\"rowflex contactNumberType default-padding-top\" style={{ gap: \"10px\" }}>\n                <div className=\"col\">\n                    <TextInput placeholder=\"Contact Number\" name=\"contactNumberAddField\" value={values.contactNumberAddField} onChange={handleChange} touched={touched.contactNumberAddField} onKeyPress={handleAddContactNumber} inputRef={contactNumberRef} />\n                </div>\n                <div className=\"col right-align\">\n                    <ButtonInput type=\"button\" caption=\"Add Contact Number\" title=\"Add Contact Number\" id=\"contactNumberAddSubmit\" onClick={addContactNumber} />\n                </div>\n            </div>\n\n            <div className=\"contactNumberList\">\n                {\n                    values.contactNumber && values.contactNumber.map((number, index) => {\n                        return <ContactNumberComponent contactNumberItem={number} key={index} onDelete={(contactNumber: string) => {\n                            const newContactNumbers = values.contactNumber ? values.contactNumber.filter(number => number !== contactNumber) : [];\n                            setFieldValue(\"contactNumber\", newContactNumbers);\n                        }} />;\n                    })\n                }\n            </div>\n        </>\n    );\n};\n","import closeIcon from '../../../img/close.png';\n\ninterface EducationComponentProps {\n    educationItem: string;\n    onDelete: (educationItem: string) => void;\n    [param: string]: any;\n}\n\nexport const EducationComponent = (props: EducationComponentProps) => {\n\n    const { aclass, type, onDelete, educationItem: childItem } = props;\n        \n    const handleDelete = () => {\n        onDelete(props.educationItem);\n    }\n\n    return (\n        <div className=\"input-container budgetType\">\n            <input\n                type={type || \"text\"}\n                className={\"text-input \" + (aclass ?? '') + ' no-icon'}\n                value={childItem}\n                {...props}\n                disabled\n            />\n            <img src={closeIcon} onClick={() => handleDelete()} />\n        </div>\n    );\n}\n","import { FormikTouched } from 'formik';\nimport React from 'react';\nimport { SetFieldValueFunctionType } from '../../../FormikHelper/FormikFileUploadFactory';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { TextInput } from '../../../form-components/TextInput';\nimport { EducationComponent } from './EducationItemComponent';\n\ntype HandleChange = (e: React.ChangeEvent<any>) => void;\n\nexport interface FormikEducationFormComponentProps {\n    setFieldValue: SetFieldValueFunctionType;\n    values: IEducationFormValues;\n    handleChange: HandleChange;\n    touched: FormikTouched<IEducationFormValues>;\n}\n\nexport interface IEducationFormValues {\n    educationAddField?: string;\n    education?: string[];\n}\n\nexport const FormikEducationFormComponent: React.FC<FormikEducationFormComponentProps> = ({ setFieldValue, values, handleChange, touched }) => {\n    const educationRef = React.createRef<HTMLInputElement>();\n\n    const handleAddEducation = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Enter\") {\n            e.preventDefault();\n            addEducation();\n            educationRef.current?.focus();\n        }\n    };\n\n    const addEducation = () => {\n        if (!values.educationAddField) return;\n        let newEducation = values.education ?? [];\n        newEducation.push(values.educationAddField);\n\n        setFieldValue(\"education\", newEducation);\n        setFieldValue(\"educationAddField\", \"\");\n\n        educationRef.current?.focus();\n    };\n\n    return (\n        <>\n            <div className=\"rowflex educationType default-padding-top\" style={{ gap: \"10px\" }}>\n                <div className=\"col\">\n                    <TextInput placeholder=\"Education\" name=\"educationAddField\" value={values.educationAddField} onChange={handleChange} touched={touched.educationAddField} onKeyPress={handleAddEducation} inputRef={educationRef} />\n                </div>\n                <div className=\"col right-align\">\n                    <ButtonInput type=\"button\" caption=\"Add Education\" title=\"Add Education\" id=\"educationAddSubmit\" onClick={addEducation} />\n                </div>\n            </div>\n\n            <div className=\"educationList\">\n                {\n                    values.education && values.education.map((education, index) => {\n                        return <EducationComponent educationItem={education} key={index} onDelete={(education: string) => {\n                            const newEducation = values.education ? values.education.filter(edu => edu !== education) : [];\n                            setFieldValue(\"education\", newEducation);\n                        }} />;\n                    })\n                }\n            </div>\n        </>\n    );\n};\n","import * as React from 'react';\nimport closeIcon from '../../../img/close.png';\nimport { IPosition } from '../model/DatabaseTNIAL';\n\ninterface PositionComponentProp{\n    data: IPosition\n    onDelete: (position: string) => void\n    [param: string]: any\n}\n\nexport class PositionComponent extends React.Component<PositionComponentProp>{\n    data: IPosition\n\n    constructor(props: PositionComponentProp){\n        super(props)\n        this.data = props.data\n    }\n\n    handleDelete = () => {\n        this.props.onDelete(this.data.position)\n    }\n\n    render(){\n        const { aclass, type, onDelete, ...props } = this.props\n        return <div className=\"input-container budgetType\">\n                    <input type={type || \"text\"} className={\"text-input \" + (aclass ?? '') + ' no-icon' } value={this.data.position + \" ( \" + this.data.time + \" )\" } {...props} disabled></input>\n                    <img src={closeIcon} onClick={ () => this.handleDelete() }/>\n                </div>\n    }\n}","import { FormikTouched } from 'formik'\nimport React from 'react'\nimport { SetFieldValueFunctionType } from '../../../FormikHelper/FormikFileUploadFactory'\nimport { ButtonInput } from '../../../form-components/ButtonInput'\nimport { TextInput } from '../../../form-components/TextInput'\nimport { IPosition } from '../model/DatabaseTNIAL'\nimport { PositionComponent } from './PositionComponent'\n\ntype HandleChange = (e: React.ChangeEvent<any>) => void\n\nexport interface FormikPositionProps {\n    setFieldValue: SetFieldValueFunctionType,\n    values: IPositionFormValues,\n    handleChange: HandleChange,\n    touched: FormikTouched<IPositionFormValues>\n}\n\nexport interface IPositionFormValues {\n    positionAddField?: string,\n    timeAddField?: string,\n    positions?: IPosition[]\n}\n\nexport const FormikPositionsFormComponent: React.FC<FormikPositionProps> = ({ setFieldValue, values, handleChange, touched }) => {\n    const positionRef = React.createRef<HTMLInputElement>()\n\n    const handleAddPosition = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Enter\") {\n            e.preventDefault()\n            addPosition()\n            positionRef.current?.focus()\n        }\n    }\n\n    const addPosition = () => {\n        if (!(values.positionAddField && values.timeAddField)) return\n        let newPositionList = values.positions ?? []\n        newPositionList.push({\n            position: values.positionAddField,\n            time: values.timeAddField\n        })\n\n        setFieldValue(\"positions\", newPositionList)\n        setFieldValue(\"positionAddField\", \"\")\n        setFieldValue(\"timeAddField\", \"\")\n\n        console.log(values)\n\n        positionRef.current?.focus()\n    }\n\n    const removePosition = (position: string) => {\n        console.log(position)\n        console.log(values.positions)\n        const newPositionList = values.positions?.filter(pos => pos.position !== position)\n\n        setFieldValue(\"positions\", newPositionList)\n    }\n\n    return (\n        <>\n            <div className=\"rowflex positionType default-padding-top\" style={{gap:\"10px\"}}>\n                <div className=\"col\">\n                    <TextInput placeholder=\"Position\" name=\"positionAddField\" value={values.positionAddField} onChange={handleChange} touched={touched.positionAddField} onKeyPress={handleAddPosition} inputRef={positionRef} />\n                </div>\n                <div className=\"col\">\n                    <TextInput placeholder=\"Time\" name=\"timeAddField\" value={values.timeAddField} onChange={handleChange} touched={touched.timeAddField} onKeyPress={handleAddPosition} />\n                </div>\n                <div className=\"col right-align\">\n                    <ButtonInput type=\"button\" caption=\"Add Position\" title=\"Add Position\" id=\"positionAddSubmit\" onClick={addPosition} />\n                </div>\n            </div>\n\n            <div className=\"positionList\">\n                {\n                    values.positions && values.positions.map((pos) => {\n                        return <PositionComponent data={pos} key={pos.position} onDelete={removePosition} />\n                    })\n                }\n            </div>\n        </>\n    )\n}","import closeIcon from '../../../img/close.png';\n\ninterface AcknowledgementComponentProps {\n    ackItem: string;\n    onDelete: (ackItem: string) => void;\n    [param: string]: any;\n}\n\nexport const AcknowledgementComponent = (props: AcknowledgementComponentProps) => {\n\n    const { aclass, type, onDelete, ackItem } = props;\n        \n    const handleDelete = () => {\n        onDelete(props.ackItem);\n    }\n\n    return (\n        <div className=\"input-container budgetType\">\n            <input\n                type={type || \"text\"}\n                className={\"text-input \" + (aclass ?? '') + ' no-icon'}\n                value={ackItem}\n                {...props}\n                disabled\n            />\n            <img src={closeIcon} onClick={() => handleDelete()} />\n        </div>\n    );\n}\n","import { FormikTouched } from 'formik';\nimport React from 'react';\nimport { SetFieldValueFunctionType } from '../../../FormikHelper/FormikFileUploadFactory';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { TextInput } from '../../../form-components/TextInput';\nimport { AcknowledgementComponent } from './AcknowledgmentItemComponent';\n\ntype HandleChange = (e: React.ChangeEvent<any>) => void;\n\nexport interface FormikAcknowledgementFormComponentProps {\n    setFieldValue: SetFieldValueFunctionType;\n    values: IAckFormValues;\n    handleChange: HandleChange;\n    touched: FormikTouched<IAckFormValues>;\n}\n\nexport interface IAckFormValues {\n    acknowledgementAddField?: string;\n    acknowledgement?: string[];\n}\n\nexport const FormikAcknowledgementFormComponent: React.FC<FormikAcknowledgementFormComponentProps> = ({ setFieldValue, values, handleChange, touched }) => {\n    const ackRef = React.createRef<HTMLInputElement>();\n\n    const handleAddAck = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Enter\") {\n            e.preventDefault();\n            addAck();\n            ackRef.current?.focus();\n        }\n    };\n\n    const addAck = () => {\n        if (!values.acknowledgementAddField) return;\n        let newAck = values.acknowledgement ?? [];\n        newAck.push(values.acknowledgementAddField);\n\n        setFieldValue(\"acknowledgement\", newAck);\n        setFieldValue(\"acknowledgementAddField\", \"\");\n\n        ackRef.current?.focus();\n    };\n\n    return (\n        <>\n            <div className=\"rowflex ackType default-padding-top\" style={{ gap: \"10px\" }}>\n                <div className=\"col\">\n                    <TextInput placeholder=\"Acknowledgement\" name=\"acknowledgementAddField\" value={values.acknowledgementAddField} onChange={handleChange} touched={touched.acknowledgementAddField} onKeyPress={handleAddAck} inputRef={ackRef} />\n                </div>\n                <div className=\"col right-align\">\n                    <ButtonInput type=\"button\" caption=\"Add Acknowledgement\" title=\"Add Acknowledgement\" id=\"ackAddSubmit\" onClick={addAck} />\n                </div>\n            </div>\n\n            <div className=\"ackList\">\n                {\n                    values.acknowledgement && values.acknowledgement.map((ack, index) => {\n                        return <AcknowledgementComponent ackItem={ack} key={index} onDelete={(ack: string) => {\n                            const newAck = values.acknowledgement ? values.acknowledgement.filter(ackd => ackd !== ack) : [];\n                            setFieldValue(\"acknowledgement\", newAck);\n                        }} />;\n                    })\n                }\n            </div>\n        </>\n    );\n};\n","import { FormikProps } from \"formik\";\nimport DatePicker from 'react-datepicker';\nimport { FormikImageUploadFactory } from \"../../../FormikHelper/FormikImageUploadFactory\";\nimport { FormikSelectInputHandler, SelectOptionObject } from \"../../../form-components/FormikSelectInputHandler\";\nimport { JoditContentEditorModule } from \"../../../form-components/JoditContentEditorModule\";\nimport { TextInput } from \"../../../form-components/TextInput\";\nimport defaultProfile from '../../../img/default-profile.png';\nimport dateIcon from '../../../img/icon-date.png';\nimport nameIcon from '../../../img/icon-name.png';\nimport { Lang } from \"../../../lang/Lang\";\nimport { FormMode } from \"../../Client/ui/ClientFormV3\";\nimport { DatabaseTNIALModel } from \"../model/DatabaseTNIAL\";\nimport { FormikChildrenFormComponent } from \"./FormikChildrenFormComponent\";\nimport { FormikContactNumberFormComponent } from \"./FormikContactNumbersFormComponent\";\nimport { FormikEducationFormComponent } from \"./FormikEducationFormComponent\";\nimport { FormikPositionsFormComponent } from \"./FormikPositionsFormComponent\";\nimport { FormikAcknowledgementFormComponent } from \"./FormikAcknowledgmentFormComponent\";\n\nexport interface DatabaseTNIALAddModel extends DatabaseTNIALModel{\n    photo_base64?: string\n    isPhotoChanged?: boolean\n    corpsSelected?: SelectOptionObject\n}\n\n\nexport const DatabaseTNIALForm: <T extends DatabaseTNIALAddModel>(mode:FormMode, pageTitle: string, props: FormikProps<T>) => JSX.Element =\n(mode, pageTitle, props) => {\n    const { values, errors, touched, handleChange, setFieldValue } = props\n    \n    const photoHandler = new FormikImageUploadFactory(setFieldValue, \"photo_url\", \"photo_base64\", \"isPhotoChanged\", \"customerPersonnel-profile-photo\", defaultProfile, values.photo_url, values.photo_base64)\n    const corpsSelector = new FormikSelectInputHandler(\"corps\", Lang.customerProfileCorps, [\n        {label: \"P\", value: \"P\"},\n        {label: \"T\", value: \"T\"},\n        {label: \"E\", value: \"E\"},\n        {label: \"S\", value: \"S\"},\n        {label: \"MAR\", value: \"MAR\"},\n    ], \"corpsSelected\", setFieldValue, values.corpsSelected)\n\n    let handleDateChange = (date: Date | [Date, Date] | null) => {\n        setFieldValue('birthOfDate_date', date)\n        if (date && date instanceof Date) {\n            setFieldValue('birthOfDate', date.toLocaleDateString())\n        }\n    }\n\n    const handleDescriptionChange = (content: string) => {\n        setFieldValue(\"description\", content)\n    }\n\n    let contentEditor = new JoditContentEditorModule().get(\"description\", Lang.customerProfileDescription, values.description, handleDescriptionChange)\n    \n    return (\n        <>\n            <div className=\"page-title\">{pageTitle} {values.name}</div>\n            <div className=\"rowflex\">\n                <div className=\"col profile\">\n                    { !values.id ? photoHandler.getAddComponent() : photoHandler.getEditComponent() }\n                </div>\n            </div>\n\n            <div className=\"title\">Basic Information</div>\n            <div className=\"rowflex two-field\">\n                <TextInput icon={nameIcon} placeholder={Lang.customerProfileName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\n                <TextInput placeholder={Lang.customerProfileRank} name=\"rank\" value={values.rank} onChange={handleChange} message={errors.rank} touched={touched.rank} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"input-container\">\n                    <DatePicker className=\"text-input default\" placeholderText={\"Date of Birth\"} selected={values.birthOfDate_date} onChange={(date) => { handleDateChange(date) }}\n                        dateFormat=\"MMMM d, yyyy\" showYearDropdown\n                        customInput={<TextInput icon={dateIcon} placeholder=\"Date of Birth\" name=\"birthOfDate\" value={values.birthOfDate} />} />\n                </div>\n            </div>\n\n            <div className=\"rowflex two-field\">\n                <TextInput placeholder={Lang.customerProfilePosition} name=\"position\" value={values.position} onChange={handleChange} message={errors.position} touched={touched.position} />\n                <div className=\"input-container\">\n                    {corpsSelector.getComponent()}\n                </div>\n            </div>\n\n            <div className=\"rowflex two-field\">\n                <TextInput placeholder={Lang.customerProfilePeriod} name=\"period\" value={values.period} onChange={handleChange} message={errors.period} touched={touched.period} />\n                <TextInput placeholder=\"NRP\" name=\"nrp\" value={values.nrp} onChange={handleChange} message={errors.nrp} touched={touched.nrp} />\n            </div>\n\n            <div className=\"rowflex two-field\">\n                <TextInput placeholder={Lang.customerProfileSequenceNumber} name=\"serial_number\" value={values.serial_number} onChange={handleChange} message={errors.serial_number} touched={touched.serial_number} />\n                <TextInput placeholder={Lang.customerProfileGeneration} name=\"generation\" value={values.generation} onChange={handleChange} message={errors.generation} touched={touched.generation} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">{Lang.customerProfilePositionHistoryLabel}</div>\n                <p style={{textAlign:\"left\"}}><b>Note</b>: Untuk menambah jabatan ( Position ) & masa jabatan ( Time ).<br/>\nGunakan \"Tab\" untuk pindah dari \"Position\" ke \"Time\", dan \"Enter\" untuk menambahkan jabatan & masa jabatan baru.\n</p>\n                <FormikPositionsFormComponent {...props} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">{Lang.customerProfileContactNumber}</div>\n                <p style={{textAlign:\"left\"}}><b>Note</b>: Untuk menambah nomor kontak.<br/>\nTekan \"Enter\" untuk menambahkan nomor kontak yang baru.\n</p>\n                <FormikContactNumberFormComponent {...props} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">Family</div>\n            </div>\n\n            <div className=\"row\">\n                <TextInput placeholder={Lang.customerProfileSpouse} name=\"spouse\" value={values.spouse} onChange={handleChange} message={errors.spouse} touched={touched.spouse} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">{Lang.customerProfileChildren}</div>\n                <p style={{textAlign:\"left\"}}><b>Note</b>: Untuk menambah anak.<br/>\nTekan \"Enter\" untuk menambahkan anak.\n</p>\n                <FormikChildrenFormComponent {...props} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">{Lang.customerProfileEducation}</div>\n                <p style={{textAlign:\"left\"}}><b>Note</b>: Untuk menambah Pendidikan.<br/>\nTekan \"Enter\" untuk menambahkan pendidikan.\n</p>\n                <FormikEducationFormComponent {...props} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">{Lang.customerProfileAcknowledgement}</div>\n                <p style={{textAlign:\"left\"}}><b>Note</b>: Untuk menambah penghargaan.<br/>\nTekan \"Enter\" untuk menambahkan penghargaan.\n</p>\n                <FormikAcknowledgementFormComponent {...props} />\n            </div>\n\n            <div className=\"row\">\n                <div className=\"line-decoration default-margin-top\"/>\n                <div className=\"title\">{Lang.customerProfileDescription}</div>\n                { contentEditor }\n            </div>\n        </>\n    )\n}","\n\n\nimport { FormMode } from '../../Client/ui/ClientFormV3';\nimport { AddFormTemplate } from '../../Shared/template/AddFormTemplate';\nimport { errorValidationSchema, useDatabaseTNIALAddFormHandler } from '../formHandler/UseDatabaseTNIALAddFormHandler';\nimport { DatabaseTNIALAddModel, DatabaseTNIALForm } from './DatabaseTNIALForm';\n\nexport const DatabaseTNIALAdd = () => {\n    const formik = useDatabaseTNIALAddFormHandler({\n        name: \"\"\n    }, errorValidationSchema)\n\n    return (\n        <AddFormTemplate<DatabaseTNIALAddModel> {...formik}>\n            {DatabaseTNIALForm(FormMode.ADD, \"Add New TNI AL\", formik)}\n        </AddFormTemplate>\n    )\n}","\nimport moment from 'moment';\nimport { useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport { CustomerPersonnelPath, ImagePath } from '../../../database_api/api';\nimport { FormMode } from '../../Client/ui/ClientFormV3';\nimport { EditFormTemplate } from '../../Shared/template/EditFormTemplate';\nimport { useItem } from '../../Shared/useItem';\nimport { DatabaseTNIALSingleResult } from '../DatabaseTNIALSingleLoader';\nimport { errorValidationSchema } from '../formHandler/UseDatabaseTNIALAddFormHandler';\nimport { useDatabaseTNIALEditFormHandler } from '../formHandler/UseDatabaseTNIALEditFormHandler';\nimport { DatabaseTNIALAddModel, DatabaseTNIALForm } from './DatabaseTNIALForm';\n\nexport const DatabaseTNIALEdit = () => {\n    const params = useParams<{ id: string }>()\n\n    const formik = useDatabaseTNIALEditFormHandler({\n        id: params.id, name: \"\"\n    }, errorValidationSchema)\n\n    const { setFieldValue } = formik\n\n    const { get, data, isLoading } = useItem(CustomerPersonnelPath, params.id, \"DBTNIAL\")\n\n    useEffect(() => {\n        get()\n    }, [])\n\n    useEffect(() => {\n        if (!data) return\n\n        mapData(data)\n    }, [data])\n\n    if (isLoading) return (<div>Loading...</div>)\n\n    let mapData = (result: DatabaseTNIALSingleResult) => {\n        if (result.data == undefined) return\n\n        Object.entries(result.data.value).forEach(data => {\n            if(data[0] == \"photo_url\"){\n                let photo_url = data[1]\n                if(photo_url == \"\") return\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\n                return\n            }\n\n            if (data[0] == \"positions\") {\n                if (typeof data[1] == \"string\") {\n                    try{\n                        setFieldValue(\"positions\", JSON.parse(data[1]))\n                    }\n                    catch(e){\n                        setFieldValue(\"positions\", [])\n                    }\n                }\n                else {\n                    setFieldValue(\"positions\", [])\n                }\n                return\n            }\n\n            if(data[0] == \"birthOfDate\"){\n                if( typeof data[1] == \"string\"){\n                    let d = moment(data[1])\n                    if(d.isValid()) setFieldValue(\"birthOfDate_date\", d.toDate())\n                }\n            }\n\n            if (data[0] == \"contactNumber\") {\n                \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) setFieldValue(\"contactNumber\", val)\n                        else setFieldValue(\"contactNumber\", [val])\n                    }\n                    catch(e){\n                        if(data[1] == \"\") setFieldValue(\"contactNumber\", [])\n                        else setFieldValue(\"contactNumber\", [data[1]])\n                    }\n                    \n                }\n                else {\n                    setFieldValue(\"contactNumber\", [])\n                }\n                return\n            }\n\n            if (data[0] == \"children\") {\n                \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) setFieldValue(\"children\", val)\n                        else setFieldValue(\"children\", [val])\n                    }\n                    catch(e){\n                        if(data[1] == \"\") setFieldValue(\"children\", [])\n                        else setFieldValue(\"children\", [data[1]])\n                    }\n                    \n                }\n                else {\n                    setFieldValue(\"children\", [])\n                }\n                return\n            }\n\n            if (data[0] == \"education\") {\n                \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) setFieldValue(\"education\", val)\n                        else setFieldValue(\"education\", [val])\n                    }\n                    catch(e){\n                        if(data[1] == \"\") setFieldValue(\"education\", [])\n                        else setFieldValue(\"education\", [data[1]])\n                    }\n                    \n                }\n                else {\n                    setFieldValue(\"education\", [])\n                }\n                return\n            }\n\n            if (data[0] == \"acknowledgement\") {\n\n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) setFieldValue(\"acknowledgement\", val)\n                        else setFieldValue(\"acknowledgement\", [val])\n                    }\n                    catch(e){\n                        if(data[1] == \"\") setFieldValue(\"acknowledgement\", [])\n                        else setFieldValue(\"acknowledgement\", [data[1]])\n                    }\n                    \n                }\n                else {\n                    setFieldValue(\"acknowledgement\", [])\n                }\n                return\n            }\n\n            if(data[0] == \"corps\" && typeof data[1] == \"string\"){\n                setFieldValue(\"corpsSelected\", {\n                    label: data[1],\n                    value: data[1]\n                })\n            }\n            setFieldValue(data[0], data[1])\n        })\n    }\n\n    return (\n        <EditFormTemplate<DatabaseTNIALAddModel> {...formik}>\n            {DatabaseTNIALForm(FormMode.EDIT, \"Update\", formik)}\n        </EditFormTemplate>\n    )\n}","import { useFormik } from 'formik';\nimport * as yup from 'yup';\nimport { CustomerPersonnelPath } from '../../../database_api/api';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport { useUpdateFormData } from '../../Shared/useUpdateFormData';\nimport { DatabaseTNIALAddModel } from '../ui/DatabaseTNIALForm';\n\nexport const useDatabaseTNIALEditFormHandler = (initialValues: DatabaseTNIALAddModel, validationSchema: yup.ObjectSchema) => { \n    const { update } = useUpdateFormData(CustomerPersonnelPath)\n\n    const formik = useFormik({\n        validationSchema,\n        initialValues,\n        onSubmit: (values, { setSubmitting }) => {\n            setSubmitting(true)\n\n            if(!values.contactNumber) values.contactNumber = []\n            if(!values.children) values.children = []\n            if(!values.education) values.education = []\n            if(!values.acknowledgement) values.acknowledgement = []\n            \n            let customerPersonnelData = {\n                id: values.id,\n                name: values.name,\n                generation: values.generation,\n                rank: values.rank,\n                position: values.position,\n                corps: values.corps,\n                serial_number: values.serial_number ? parseInt(values.serial_number) : 0,\n                nrp: values.nrp,\n                period: values.period,\n                description: values.description,\n                birthOfDate: !values.birthOfDate ? \"\" : DateHelper.dateISO8601(values.birthOfDate),\n                spouse: values.spouse,\n            }\n\n            let customerPersonnelDataForm = new FormData()\n            Object.entries(customerPersonnelData).forEach( field => {\n                customerPersonnelDataForm.append(field[0], field[1] == undefined ? \"\" : field[1] as any )\n            })\n\n            customerPersonnelDataForm.append('positions', JSON.stringify(values.positions))\n            customerPersonnelDataForm.append('contactNumber', JSON.stringify(values.contactNumber))\n            customerPersonnelDataForm.append('children', JSON.stringify(values.children))\n            customerPersonnelDataForm.append('education', JSON.stringify(values.education))\n            customerPersonnelDataForm.append('acknowledgement', JSON.stringify(values.acknowledgement))\n\n            customerPersonnelDataForm.append('isPhotoChanged', (values.isPhotoChanged ? \"true\" : \"false\"))\n\n            if(values.photo_url) customerPersonnelDataForm.append('photo_url', values.photo_url)\n\n            setSubmitting(false)\n            update(customerPersonnelDataForm)\n        }\n    })\n    \n    return formik\n}","import { FormPostAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient';\nimport { AddModuleInterface } from './GenericAddAPI';\n\ninterface ErrorMapping{\n    [index: string]: string\n}\n\nexport class GenericFormAddAPI<Model, Result> implements AddModuleInterface<Model, Result>{\n    private client: FormPostAPIHTTPClient<Model>\n    private path: string\n\n    errorMapping: () => (ErrorMapping) = () => ({})\n\n    constructor(path: string, client: FormPostAPIHTTPClient<Model>){\n        this.path = path\n        this.client = client\n    }\n\n    add(data: Model, addCallback: (result: Result) => void){\n        this.client.postForm(this.path, data, (result) => {\n            if (result.message){\n                if(this.errorMapping()[result.message]){\n                    result.message = this.errorMapping()[result.message]\n                }\n                else{\n                    result.message = `Error code: ${result.message}. Please contact your developer.`\n                }\n                \n            }\n            setTimeout(() => {\n                addCallback(result)\n            }, 300)\n        })\n    }\n}","import { AddResult } from '../GenericAPI/GenericAddAPI';\nimport { GenericFormAddAPI } from '../GenericAPI/GenericFormAddAPI';\n\nexport interface DatabaseTNIALImportModuleInterface{\n    add(data: FormData, addCallback: (result: AddResult) => void): void\n}\n\nexport class DatabaseTNIALImportAPI extends GenericFormAddAPI<FormData, AddResult> implements DatabaseTNIALImportModuleInterface{}","import * as React from 'react'\nimport closeIcon from '../img/close.png'\nimport { TextInput } from '../form-components/TextInput'\n\nexport type SetFieldValueFunctionType = (field: string, value: any, shouldValidate?: boolean | undefined) => void\n\nexport class CustomerPersonnelXlsxUploadFactory {\n    private setFieldValue: SetFieldValueFunctionType\n    private file_fieldName: string\n    private fileDescription_fieldName: string\n    private file?: File\n    private fileDescription?: string\n\n    private className: string\n    private defaultFile: any\n\n    constructor(setFieldValue: SetFieldValueFunctionType, file_fieldName: string, fileDescription_fieldName: string, className: string = \"\", defaultFile: any, file?: File, fileDescription?: string) {\n        this.setFieldValue = setFieldValue\n        this.file_fieldName = file_fieldName\n        this.fileDescription_fieldName = fileDescription_fieldName\n\n        this.file = file\n        this.fileDescription = fileDescription\n\n        this.className = className\n        this.defaultFile = defaultFile\n    }\n\n    private fileRef = React.createRef<HTMLInputElement>()\n\n    private onFileClick = () => {\n        this.fileRef.current?.click()\n    }\n\n    private onFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (!e.target.files) { return }\n\n        let file = e.target.files[0]\n        this.setFieldValue(this.file_fieldName, file)\n        this.setFieldValue(this.fileDescription_fieldName, file.name)\n    }\n\n    private onRemoveFile = () => {\n        this.setFieldValue(this.file_fieldName, undefined)\n        this.setFieldValue(this.fileDescription_fieldName, undefined)\n    }\n\n    getComponent = () => (\n        <React.Fragment>\n            <TextInput icon={this.defaultFile} aclass=\"file\" placeholder=\"Select File\" name=\"file_description\" value={this.fileDescription || \"\"} readOnly onClick={() => { this.onFileClick() }} />\n            {this.file && <img className=\"file-delete\" src={closeIcon} onClick={() => this.onRemoveFile()} />}\n            <input type=\"file\" name={this.file_fieldName} className=\"hidden\" onChange={(e) => { this.onFileChange(e) }} ref={this.fileRef} />\n        </React.Fragment>\n    )\n}\n","import React, { useState } from 'react';\nimport fileIcon from '../../../img/icon-file.png';\n\nimport { FormikProps } from 'formik';\n\nimport { CustomerPersonnelXlsxUploadFactory } from '../../../FormikHelper/CustomerPersonnelXlsxUploadFactory';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { DatabaseTNIALImportModelProp } from '../formHandler/DatabaseTNIALImportWithFormHandler';\n\nexport const DatabaseTNIALImport: React.FC<FormikProps<DatabaseTNIALImportModelProp>> = (props: FormikProps<DatabaseTNIALImportModelProp>) => {\n    const { values, handleSubmit, setFieldValue, isSubmitting } = props\n    const [ importOpened, setImportOpened ] = useState(false)\n\n    let fileUploader = new CustomerPersonnelXlsxUploadFactory(setFieldValue, \"file_url\", \"file_description\", \"customer-personnel-import\", fileIcon, values.file_url, values.file_description)\n\n    let onCancel = () => {\n        setImportOpened(false)\n    }\n\n    let onClick = () => {\n        setImportOpened(true)\n    }\n\n    return (<>\n            \n            <ButtonInput className=\"importButton\" caption=\"i\" title=\"Import\" onClick={ () => onClick() } />\n\n            <div id=\"import-customer-personnel-container\" className={(importOpened ? \"import-open\" : \"hidden\")}>\n                <div className=\"background\"></div>\n                <div id=\"form-container\">\n                    <form onSubmit={handleSubmit}>\n                        \n                        { fileUploader.getComponent() }\n                        <div className=\"default-margin-top\"/>\n                        <ButtonInput type=\"button\" caption=\"Cancel\" title=\"Cancel\" id=\"cancel\" onClick={() => { onCancel() }} {...(isSubmitting ? { disabled: \"disabled\" } : {})} />\n                        <ButtonInput id=\"submit\" {...(isSubmitting ? { disabled: \"disabled\", caption: \"Registering\" } : { caption: \"Submit\" })} />\n                    </form>\n                </div>\n            </div>\n        </>)\n}","import { withFormik } from 'formik';\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport * as React from 'react';\nimport { DatabaseTNIALImport } from '../ui/DatabaseTNIALImport';\nimport { DatabaseTNIALImportModuleInterface } from '../DatabaseTNIALImportAPI';\n\nexport type DatabaseTNIALImportModelProp = {\n    file_url?: File,\n    file_description?: string\n}\n\ntype DatabaseTNIALImportBuilderProp = {\n    handler: DatabaseTNIALImportModuleInterface\n}\n\nexport class DatabaseTNIALImportWithFormHandler extends React.Component<DatabaseTNIALImportBuilderProp>{ \n    databaseTNIALImport = withFormik<DatabaseTNIALImportModelProp, DatabaseTNIALImportModelProp>({\n        handleSubmit: (values, { setSubmitting, setFieldError }) => {\n            setSubmitting(true)\n\n            let customerPersonnelDataForm = new FormData()\n\n            if(values.file_url){\n                customerPersonnelDataForm.append('file_url', values.file_url)\n            }\n            \n            this.props.handler.add(customerPersonnelDataForm, (result) => {\n                setSubmitting(false)\n                if(result.status == ResultStatus.ok && result.data){\n                    console.log(\"Success with data: \" + JSON.stringify(result.data))\n                }\n                else{\n                    setFieldError(\"global\", result.message || '')\n                }\n            })\n        }\n    })(DatabaseTNIALImport)\n    render(){\n        return <this.databaseTNIALImport  />\n    }\n}","import { DatabaseTNIALImportAPI } from '../DatabaseTNIALImportAPI'\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient'\nimport * as React from 'react';\nimport { CustomerPersonnelImportPath } from '../../../database_api/api';\nimport { DatabaseTNIALImportWithFormHandler } from '../formHandler/DatabaseTNIALImportWithFormHandler';\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\n\nexport class DatabaseTNIALImportBuilder{\n    handler = new DatabaseTNIALImportAPI(CustomerPersonnelImportPath, new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())))\n\n    get(){\n        return <DatabaseTNIALImportWithFormHandler handler={this.handler}/>\n    }\n}\n\n","import { useEffect, useState } from 'react'\nimport { useURL } from '../../Search/useURL'\n\nexport const AngkatanComponent = () => {\n    const { location, params, goTo, replaceTo } = useURL()\n    const [options, setOptions] = useState<number[]>([])\n    const [selectedOption, setSelectedOption] = useState<number | undefined>(params.generation ? parseInt(params.generation as string) : undefined)\n\n    useEffect(() => {\n        const angkatan = Array.from({length: 55}, (x, i) => i+1)\n        setOptions([...angkatan])\n    }, [])\n\n    useEffect(() => {\n        goTo(location.pathname, { ...params, generation: selectedOption })\n    }, [selectedOption])\n    \n\n    return (\n        <>\n            <h2>Angkatan</h2>\n            <ul>\n                { options.map( option => (\n                    <li key={option}>\n                        <a \n                            className={ selectedOption == option ? \"selected\" : \"\"}\n                            onClick={() => { \n                                (option === selectedOption) ? \n                                    setSelectedOption(undefined) : \n                                    setSelectedOption(option) }}>\n                                \n                            {option}\n                        </a>\n                    </li>\n                )) }\n            </ul>\n        </>\n    )\n}","import moment from 'moment'\nimport { useHistory } from 'react-router'\nimport { EditButton } from '../../../components/EditButton'\nimport optionMenu from '../../../img/option.png'\nimport { RoutePath } from '../../../page/RoutePath'\nimport { DatabaseTNIALModel } from '../model/DatabaseTNIAL'\n\nexport const DatabaseTNIALComponentSimpleList = (props: DatabaseTNIALModel) => {\n    const history = useHistory()\n    \n    return (\n        <tr key={props.id}>\n            <td>{props.serial_number}</td>\n            <td>{props.name}</td>\n            <td>{props.corps}</td>\n            <td>{props.nrp}</td>\n            <td>{props.birthOfDate ? moment(props.birthOfDate).toNow(true) + \" old\" : \"-\" }</td>\n            <td className=\"customerPersonnel-options\">\n                <EditButton basePath={RoutePath.databaseTNIALList} code={props.id} />\n                <input className=\"option\" type=\"button\" src={optionMenu} value={\"view\"} onClick={() => { \n                    history.push(RoutePath.databaseTNIALList + \"/view/\" + props.id)\n                }} />\n\n                <input className=\"option add-to-print\" style={{display:\"none\"}} type=\"button\" src={optionMenu} value=\"+P\"\n                    onClick={() => {\n                        console.log(\"Add to print is not implemented yet\")\n                    }}\n\n                />\n            </td>\n        </tr>\n    )\n}","\n\nimport { ButtonInput } from '../../../form-components/ButtonInput';\n\n\nimport { useHistory } from \"react-router\";\nimport { CustomerPersonnelPagePath } from '../../../database_api/api';\nimport { Lang } from '../../../lang/Lang';\nimport { ListLayoutFacade } from '../../../layout/ListLayoutFacade';\nimport { RoutePath } from '../../../page/RoutePath';\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\nimport { FlexibleSearchComponent } from '../../Search/FlexibleSearchComponentV2';\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\nimport { useDataList } from '../../Shared/useDataList';\nimport { DatabaseTNIALImportBuilder } from '../builder/DatabaseTNIALImportBuilder';\nimport { DatabaseTNIALModel } from '../model/DatabaseTNIAL';\nimport { AngkatanComponent } from './AngkatanComponentV2';\nimport { DatabaseTNIALComponentSimpleList } from './DatabaseTNIALComponentSimpleList';\n\n\nexport const DatabaseTNIALList = () => { \n    const history = useHistory()\n    const itemSize = 100\n\n    const { data, totalData, totalPage, isLoading } = useDataList<DatabaseTNIALModel>({\n        url: CustomerPersonnelPagePath,\n        size: itemSize,\n        identifier: \"DBTNIAL\"\n    })\n\n    const queryOptions = [\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"name\",\n            displayField: \"Nama\"\n        }\n    ]\n\n    const topSearchComponent = (\n        <div id=\"search-container\">\n            <FlexibleSearchComponent isLoading={isLoading} placeholder={Lang.customerProfileName} queryOptions={queryOptions} />\n        </div>\n    )\n\n    const filterComponents = [\n        <AngkatanComponent />\n    ]\n\n    const contentComponent = (\n        <div id=\"content-container\">\n            <PaginationComponent\n                totalData={totalData}\n                totalPage={totalPage}\n                isLoading={isLoading}\n                itemPerPage={itemSize}\n            />\n\n            <div id=\"customerPersonnel-list\">\n                { !data || data.length == 0 && \n                    <div className=\"message\">No {Lang.mDatabaseTNIAL} registered</div>\n                }\n                { data && data.length > 0 &&\n                <table>\n                    <thead>\n                        <tr>\n                            <th>{Lang.customerProfileSequenceNumber}</th>\n                            <th>{Lang.customerProfileName}</th>\n                            <th>{Lang.customerProfileCorps}</th>\n                            <th>NRP</th>\n                            <th>Age</th>\n                            <th>Menu</th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                    {\n                        (data.map((customerPersonnel, index) => {\n                            return <DatabaseTNIALComponentSimpleList {...customerPersonnel} />\n                        }))\n                        ||\n                        <div className=\"message\">No {Lang.mDatabaseTNIAL} registered</div>\n                    }\n                    </tbody>\n                </table>\n                }\n            </div>\n\n            <PaginationComponent\n                totalData={totalData}\n                totalPage={totalPage}\n                isLoading={isLoading}\n                itemPerPage={itemSize}\n            />\n        </div>\n    )\n\n    const addComponent = (\n        <>\n            { new DatabaseTNIALImportBuilder().get() }\n            <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => {\n                history.push(RoutePath.databaseTNIALList + \"/add\")\n            }} />\n        </>\n    )\n    \n    return (\n        <ListLayoutFacade\n            topSearchComponent={topSearchComponent}\n            filterComponents={filterComponents}\n            contentComponents={contentComponent}\n            addComponent={addComponent}\n        />\n    )\n}","import { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport { CustomerPersonnelPath, ImagePath } from \"../../../database_api/api\";\nimport { DateHelper } from \"../../../helper/DateHelper\";\nimport { useItem } from \"../../Shared/useItem\";\nimport { DatabaseTNIALSingleResult } from \"../DatabaseTNIALSingleLoader\";\nimport { DatabaseTNIALModel } from \"../model/DatabaseTNIAL\";\n\ninterface IDatabaseTNIALView extends DatabaseTNIALModel{\n    photoBase64?: string\n}\n\nexport const DatabaseTNIALViewer = () => {\n    const params = useParams<{ id: string }>()\n    const { get, data, isLoading } = useItem(CustomerPersonnelPath, params.id, \"DBTNIAL\")\n    const [tnialData, setTnialData] = useState<IDatabaseTNIALView | undefined>(undefined)\n\n    useEffect(() => {\n        get()\n    }, [])\n\n    useEffect(() => {\n        if (!data) return\n\n        mapData(data)\n    }, [data])\n\n    let mapData = (result: DatabaseTNIALSingleResult) => {\n        if (result.data == undefined) return\n\n        const tnial: IDatabaseTNIALView = {...result.data.value}\n\n        Object.entries(result.data.value).forEach(data => {\n            if(data[0] == \"photo_url\"){\n                let photo_url = data[1]\n                if(photo_url == \"\") return\n                tnial.photoBase64 = ImagePath + photo_url\n                return\n            }\n\n            if (data[0] == \"positions\") {\n                if (typeof data[1] == \"string\") {\n                    try{\n                        tnial.positions = JSON.parse(data[1])\n                    }\n                    catch(e){\n                        tnial.positions = []\n                    }\n                }\n                else {\n                    tnial.positions = []\n                }\n                return\n            }\n\n            if (data[0] == \"contactNumber\") {\n                \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) tnial.contactNumber = val\n                        else tnial.contactNumber = [val]\n                    }\n                    catch(e){\n                        if(data[1] == \"\") tnial.contactNumber =[]\n                        else tnial.contactNumber =[data[1]]\n                    }\n                    \n                }\n                else {\n                    tnial.contactNumber =[]\n                }\n                return\n            }\n\n            if (data[0] == \"children\") {\n                \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) tnial.children = val\n                        else tnial.children = [val]\n                    }\n                    catch(e){\n                        if(data[1] == \"\") tnial.children = []\n                        else tnial.children = [data[1]]\n                    }\n                    \n                }\n                else {\n                    tnial.children = []\n                }\n                return\n            }\n\n            if (data[0] == \"education\") {\n                \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) tnial.education = val\n                        else tnial.education = [val]\n                    }\n                    catch(e){\n                        if(data[1] == \"\") tnial.education = []\n                        else tnial.education = [data[1]]\n                    }\n                    \n                }\n                else {\n                    tnial.education = []\n                }\n                return\n            }\n\n            if (data[0] == \"acknowledgement\") {\n                    \n                if (typeof data[1] == \"string\") {\n                    try{\n                        const val = JSON.parse(data[1])\n                        if(Array.isArray(val)) tnial.acknowledgement = val\n                        else tnial.acknowledgement = [val]\n                    }\n                    catch(e){\n                        if(data[1] == \"\") tnial.acknowledgement = []\n                        else tnial.acknowledgement = [data[1]]\n                    }\n                    \n                }\n                else {\n                    tnial.acknowledgement = []\n                }\n                return\n            }\n        })\n\n        setTnialData(tnial)\n    }\n\n    if (isLoading) return <div>Loading...</div>\n    if(!tnialData) return <div>Data not found</div>\n    \n    return (\n        <div id=\"tnial-view-container\">\n            <h2>{tnialData.name}</h2>\n            <div className=\"rowflex\">\n                <div className=\"col left\">\n                    <h3>Data</h3>\n\n                    <table className=\"normal2\">\n                        <tr>\n                            <td>Class Of</td>\n                            <td>{tnialData.generation}</td>\n                            <td>Sequence No</td>\n                            <td>{tnialData.serial_number}</td>\n                        </tr>\n                        <tr>\n                            <td>Corps</td>\n                            <td>{tnialData.corps}</td>\n                            <td>NRP</td>\n                            <td>{tnialData.nrp}</td>\n                        </tr>\n                        <tr>\n                            <td>Rank</td>\n                            <td>{tnialData.rank}</td>\n                            <td>Period</td>\n                            <td>{tnialData.period}</td>\n                        </tr>\n                    </table>\n\n                    <br />\n                    <hr />\n                    <br />\n                    <h3>Education</h3>\n                    <ul>\n                    {!tnialData.education && <div>No Education data</div>}\n                    {tnialData.education && tnialData.education.map((edu: string, index: number) => (\n                        <li key={index}>{edu}</li>\n                    ))}\n                    </ul>\n \n                    <br />\n                    <br />\n                    <h3>Acknowledgement</h3>\n                    {!tnialData.acknowledgement && <div>No Acknowledgement data</div>}\n                    <ul>\n                    {tnialData.acknowledgement && tnialData.acknowledgement.map((ack: string, index: number) => (\n                        <li key={index}>{ack}</li>\n                    ))}\n                    </ul>\n\n                    <br />\n                    <br />\n                    <h3>Description</h3>\n                    <div className=\"description\" dangerouslySetInnerHTML={{__html: tnialData.description ?? \"No description data\"}}></div>\n                </div>\n                <div className=\"col right\">\n                    {tnialData.name}<br />\n                    {tnialData.photoBase64 && <img src={tnialData.photoBase64} alt={tnialData.name} className=\"profile-pic\" style={{width: \"100%\"}} />}<br />\n                    <h3>Positions</h3>\n                    <table className=\"normal position\">\n                    {tnialData.positions && tnialData.positions.map((pos:any, index: number) => (\n                            <tr>\n                                <td>{pos.position}</td>\n                                <td>{pos.time}</td>\n                            </tr>\n                    ))}\n                    </table>\n\n                    <div className=\"section\">Informasi Pribadi</div>\n                    <table className=\"normal\">\n                        <tr>\n                            <td>DOB</td>\n                            <td>{tnialData.birthOfDate ? DateHelper.dateFormat(tnialData.birthOfDate, \"MMMM DD, YYYY\") : \"-\" }</td>\n                        </tr>\n                        <tr>\n                            <td>Spouse</td>\n                            <td>{tnialData.spouse}</td>\n                        </tr>\n                        <tr>\n                            <td>Children</td>\n                            <td>\n                                <ul>\n                                {tnialData.children && tnialData.children.map((child: string, index: number) => (\n                                    <li key={index}>{child}</li>\n                                ))}\n                                </ul>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>Contact</td>\n                            <td>\n                                <ul style={{listStyle: \"none\", paddingLeft: \"0\"}}>\n                                {tnialData.contactNumber && tnialData.contactNumber.map((num:string, index: number) => (\n                                    <li key={index}>{num}</li>\n                                ))}\n                                </ul>\n                            </td>\n                        </tr>\n                    </table>\n                    \n                    \n                </div>\n            </div>\n        </div>\n    );\n}","import React from 'react';\nimport { Route, RouteComponentProps } from 'react-router-dom';\n\nimport { DatabaseTNIALAdd } from './DatabaseTNIALAddV2';\nimport { DatabaseTNIALEdit } from './DatabaseTNIALEditV2';\nimport { DatabaseTNIALList } from './DatabaseTNIALListV2';\nimport { DatabaseTNIALViewer } from './DatabaseTNIALViewer';\n\nexport const DatabaseTNIAL = (props: RouteComponentProps) => {\n    return (\n        <React.Fragment>\n            <Route path={props.match.url} component={DatabaseTNIALList} exact={true} />\n            <Route path={props.match.url + \"/view/:id\"} component={DatabaseTNIALViewer} />\n            <Route path={props.match.url + \"/add\"} component={DatabaseTNIALAdd}/>\n            <Route path={props.match.url + \"/edit/:id\"} component={DatabaseTNIALEdit}/>\n        </React.Fragment>\n    )\n}","import React from 'react'\nimport { RouteComponentProps, Route } from 'react-router-dom'\n\nimport { DbBackupListBuilder } from '../builder/DbBackupListBuilder';\nimport { DbBackupListRouter } from \"../builder/DbBackupListRouter\";\nimport { DbBackupListRouteComponentProps } from './DbBackupList';\n\nexport class DbBackup extends React.Component<RouteComponentProps>{\n    basePath: string\n    constructor(props: RouteComponentProps){\n        super(props)\n        this.basePath = this.props.match.url\n    }\n\n    render(){\n        return (\n            <React.Fragment>\n                <Route path={this.props.match.url} component={(props: DbBackupListRouteComponentProps) => { \n                    return <DbBackupListBuilder {...props} router={ new DbBackupListRouter() }/> \n                    }} exact={true} />\n            </React.Fragment>\n        )\n    }\n}","export default __webpack_public_path__ + \"static/media/blocked-popup.c78a5f8d.jpg\";","export default __webpack_public_path__ + \"static/media/allow-popup.eee74e5c.jpg\";","import React, { useEffect } from \"react\"\r\nimport { DocRenderer } from \"@cyntler/react-doc-viewer\"\r\nimport blockedPopup from \"./../img/blocked-popup.jpg\"\r\nimport allowPopup from \"./../img/allow-popup.jpg\"\r\n\r\nexport const DOCXRenderer: DocRenderer = ({\r\n    mainState: { currentDocument }\r\n}) => {\r\n    useEffect(() => {\r\n        setTimeout(() => {\r\n            openDoc()\r\n        }, 1000)\r\n    }, [])\r\n\r\n    const openDoc = () => {\r\n        window.open(`https://docs.google.com/gview?url=${currentDocument!.uri}`, \"_blank\")\r\n    }\r\n\r\n    if (!currentDocument) return null\r\n\r\n    return (\r\n        <>\r\n            <div>\r\n                If you see this image on your URL bar<br />\r\n                <img src={blockedPopup} /><br/><br />\r\n                Please click it and allow popup.<br />\r\n                <img src={allowPopup} />\r\n                <br /><br />\r\n                \r\n                File will be opened using google drive. Please wait...<br/>\r\n                If you wait more than 5 seconds, please refresh this page.\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nDOCXRenderer.fileTypes = [\"doc\", \"docx\", \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"]\r\nDOCXRenderer.weight = 1","import React, { useEffect } from \"react\"\r\nimport { DocRenderer } from \"@cyntler/react-doc-viewer\"\r\nimport blockedPopup from \"./../img/blocked-popup.jpg\"\r\nimport allowPopup from \"./../img/allow-popup.jpg\"\r\n\r\nexport const XLSXRenderer: DocRenderer = ({\r\n    mainState: { currentDocument }\r\n}) => {\r\n    useEffect(() => {\r\n        setTimeout(() => {\r\n            openDoc()\r\n        }, 1000)\r\n    }, [])\r\n\r\n    const openDoc = () => {\r\n        window.open(`https://docs.google.com/gview?url=${currentDocument!.uri}`, \"_blank\")\r\n    }\r\n\r\n    if (!currentDocument) return null\r\n\r\n    return (\r\n        <>\r\n            <div>\r\n                If you see this image on your URL bar<br />\r\n                <img src={blockedPopup} /><br/><br />\r\n                Please click it and allow popup.<br />\r\n                <img src={allowPopup} />\r\n                <br /><br />\r\n                \r\n                File will be opened using google drive. Please wait...<br/>\r\n                If you wait more than 5 seconds, please refresh this page.\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nXLSXRenderer.fileTypes = [\"xls\", \"xlsx\", \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"]\r\nXLSXRenderer.weight = 1","import DocViewer,  { DocViewerRenderers } from \"@cyntler/react-doc-viewer\"\r\nimport { RouteComponentProps } from \"react-router\"\r\nimport { DOCXRenderer } from \"./DOCXRenderer\"\r\nimport { XLSXRenderer } from \"./XLSXRenderer\"\r\n\r\nexport const DocumentViewer = (props: RouteComponentProps<{fileUrl: string}>) => {\r\n    return (\r\n        <>\r\n            <DocViewer pluginRenderers={[...DocViewerRenderers, DOCXRenderer, XLSXRenderer]} documents={[{\r\n                uri: window.atob(props.match.params.fileUrl)\r\n            }]} />\r\n        </>\r\n    )\r\n}","import * as yup from 'yup'\r\n\r\nclass NameInput {\r\n    static requiredMessageError(): string { return \"Name is required\" }\r\n}\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    name: yup.string().required(NameInput.requiredMessageError())\r\n})","import * as React from 'react'\nimport closeIcon from '../img/close.png'\nimport { TextInput } from '../form-components/TextInput'\n\nexport type SetFieldValueFunctionType = (field: string, value: any, shouldValidate?: boolean | undefined) => void\n\nexport class FormikFileUploadFactory{\n    private setFieldValue: SetFieldValueFunctionType\n    private file_fieldName: string\n    private fileDescription_fieldName: string\n    private fileChange_fieldName: string\n    private file?: File\n    private fileDescription?: string\n\n    private className: string\n    private defaultFile: any\n\n    constructor(setFieldValue: SetFieldValueFunctionType, file_fieldName: string, fileDescription_fieldName: string, fileChange_fieldName: string, className: string = \"\", defaultFile: any, file?: File, fileDescription?: string){\n        this.setFieldValue = setFieldValue\n        this.file_fieldName = file_fieldName\n        this.fileDescription_fieldName = fileDescription_fieldName\n        this.fileChange_fieldName = fileChange_fieldName\n\n        this.file = file\n        this.fileDescription = fileDescription\n\n        this.className = className\n        this.defaultFile = defaultFile\n    }\n\n    private fileRef = React.createRef<HTMLInputElement>()\n\n    private onFileClick = () => {\n        this.fileRef.current?.click()\n    }\n\n    private onFileChangeAdd = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if(!e.target.files){ return }\n\n        let file = e.target.files[0]\n        this.setFieldValue(this.file_fieldName, file)\n        this.setFieldValue(this.fileDescription_fieldName, file.name)\n    }\n\n    private onRemoveFileAdd = () => {\n        this.setFieldValue(this.file_fieldName, undefined)\n        this.setFieldValue(this.fileDescription_fieldName, undefined)\n    }\n\n    private onFileChangeUpdate = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if(!e.target.files){ return }\n\n        let file = e.target.files[0]\n        this.setFieldValue(this.file_fieldName, file)\n        this.setFieldValue(this.fileDescription_fieldName, file.name)\n        this.setFieldValue(this.fileChange_fieldName, true)\n    }\n\n    private onRemoveFileUpdate = () => {\n        this.setFieldValue(this.file_fieldName, undefined)\n        this.setFieldValue(this.fileDescription_fieldName, undefined)\n        this.setFieldValue(this.fileChange_fieldName, true)\n    }\n\n    getAddComponent = () => (\n        <React.Fragment>\n            <TextInput icon={this.defaultFile} placeholder=\"Attachment\" name=\"file_description\" value={this.fileDescription || \"\"} readOnly onClick={ () => { this.onFileClick() } } />\n            {this.file && <img className=\"file-delete\" src={closeIcon} onClick={() => this.onRemoveFileAdd() } /> }\n            <input type=\"file\" name={this.file_fieldName} className=\"hidden\" onChange={(e) => { this.onFileChangeAdd(e) }} ref={this.fileRef} />\n        </React.Fragment>\n    )\n\n    getEditComponent = () => (\n        <React.Fragment>\n            <TextInput icon={this.defaultFile} placeholder=\"Attachment\" name=\"file_description\" value={this.fileDescription || \"\"} readOnly onClick={ () => { this.onFileClick() } } />\n            {this.fileDescription && <img className=\"file-delete\" src={closeIcon} onClick={() => this.onRemoveFileUpdate() } /> }\n            <input type=\"file\" name={this.file_fieldName} className=\"hidden\" onChange={(e) => { this.onFileChangeUpdate(e) }} ref={this.fileRef} />\n        </React.Fragment>\n    )\n}\n","import { useMutation } from \"react-query\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"./useHeader\"\r\n\r\n\r\nexport const usePostData = <T>(url: string, onPostSuccessMessage?: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.post,\r\n        headers: header.header()\r\n    }\r\n\r\n    const postData = async (data: T) => {\r\n        console.log(\"CALLED?\")\r\n        return fetch(`${url}`, {...requestOptions, body: JSON.stringify(data) })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(postData, {\r\n        onSuccess: (data: AddResult) => {\r\n            console.log(data)\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            if(onPostSuccessMessage === \"\") return\r\n            toast(onPostSuccessMessage ?? \"Success Add\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { post: mutate, isLoading };\r\n}","import CreatableAsyncSelect from 'react-select/async-creatable';\r\n\r\nimport { FilterTagPath, TagPath } from '../../../database_api/api';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { useGetData } from '../../Shared/useGetDataWithParam';\r\nimport { usePostData } from '../../Shared/usePostData';\r\n\r\nexport type TagResultType = {\r\n    label: string,\r\n    value: string\r\n}\r\n\r\nexport const CreatableAsyncTagSelectInput = (props: {\r\n    fieldName: string,\r\n    placeholder: string,\r\n    value?: TagResultType[],\r\n    onChange: (tags?: TagResultType[]) => void,\r\n    onNewTagAdded: (tag: TagResultType) => void\r\n}) => {\r\n    const { fieldName, placeholder, value, onChange, onNewTagAdded } = props\r\n\r\n    const { get } = useGetData(FilterTagPath, \"\")\r\n    const { post } = usePostData(TagPath, \"\")\r\n\r\n    const loadTagList = (inputValue: string, callback: (options: TagResultType[]) => void) => {\r\n        if(inputValue == \"\" || inputValue == undefined) {\r\n            callback([])\r\n            return\r\n        }\r\n\r\n        get(inputValue, {\r\n            onSuccess(result) {\r\n                if (result.data == undefined) {\r\n                    callback([])\r\n                    return\r\n                }\r\n\r\n                let returnedResult: { id: string, name: string }[] = result.data\r\n                if (returnedResult.length == 0) {\r\n                    callback([])\r\n                    return\r\n                }\r\n\r\n                callback(returnedResult.map(tag => {\r\n                    return { label: tag.name, value: tag.id }\r\n                }))\r\n            }\r\n        })\r\n    }\r\n\r\n    const handleSelectedChange = (inputValue: any, _: any) => {\r\n        let selected: TagResultType[] | undefined = inputValue\r\n\r\n        if(selected == undefined) {\r\n            onChange(undefined)\r\n            return\r\n        }\r\n\r\n        onChange(selected.map( sel => {\r\n            return {\r\n                label: sel.label,\r\n                value: sel.label.replace(\" \", \"-\").toLowerCase()\r\n            }\r\n        }))\r\n    }\r\n\r\n    const onCreateOption = (inputValue: string) => {\r\n        post({name: inputValue}, {\r\n            onSuccess(result) {\r\n                if (result.status == ResultStatus.ok) {\r\n                    onNewTagAdded({\r\n                        label: result.data.name,\r\n                        value: result.data.id\r\n                    })\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    return (\r\n        <CreatableAsyncSelect \r\n            name={fieldName}\r\n            placeholder={placeholder}\r\n            className=\"selectionStyle full-border\"\r\n            classNamePrefix=\"si\"\r\n            isMulti\r\n            onCreateOption={onCreateOption}\r\n            value={value}\r\n            loadOptions={loadTagList} defaultOptions \r\n            onChange={handleSelectedChange}\r\n            />\r\n    )\r\n}\r\n\r\n","import { FormikProps } from \"formik\"\r\nimport DatePicker from 'react-datepicker'\r\nimport { TextInput } from \"../../form-components/TextInput\"\r\nimport { Lang } from \"../../lang/Lang\"\r\nimport { LawRegulationModel } from \"./model/LawRegulationV2\"\r\n\r\nimport { AxiosAPIHTTPClient } from \"../../database_api/AxiosAPIHTTPClient\"\r\nimport { JoditContentEditorModule } from \"../../form-components/JoditContentEditorModule\"\r\nimport { UploadProgressBarComponent } from \"../../form-components/UploadProgressBarComponent\"\r\nimport { FormikFileUploadFactory } from \"../../FormikHelper/FormikFileUploadFactory\"\r\nimport dateIcon from '../../img/icon-date.png'\r\nimport fileIcon from '../../img/icon-file.png'\r\nimport nameIcon from '../../img/icon-name.png'\r\nimport { HTTPHeader } from \"../../interfaces/HTTPHeader\"\r\nimport { FormMode } from \"../Client/ui/ClientFormV3\"\r\nimport { AuthTokenSessionStorage } from \"../Login/AuthPermission\"\r\nimport { TagResultType } from \"./ui/CreatableAsyncTagSelectInputHandler\"\r\nimport { CreatableAsyncTagSelectInput } from \"./ui/CreatableAsyncTagSelectInputV2\"\r\n\r\nexport const LawRegulationForm: <T extends LawRegulationModel>(mode:FormMode, pageTitle: string, props: FormikProps<T>) => JSX.Element =\r\n(mode, pageTitle, props) => {\r\n    const { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    const header = new HTTPHeader(new AuthTokenSessionStorage())\r\n    const uploadClient = new AxiosAPIHTTPClient(header)\r\n\r\n    let fileHandler = new FormikFileUploadFactory(setFieldValue, \"file_url\", \"file_description\", \"isFileChanged\", \"lawRegulation-file\", fileIcon, values.file_url, values.file_description)\r\n\r\n    let handleDateChange = (date: Date | [Date, Date] | null) => {\r\n        setFieldValue('ruleDate_date', date)\r\n        if (date && date instanceof Date) {\r\n            setFieldValue('ruleDate', date.toLocaleDateString())\r\n        }\r\n    }\r\n\r\n    let handleDescriptionChange = (content: string) => {\r\n        setFieldValue(\"description\", content)\r\n    }\r\n\r\n    let handleStatusChange = (content: string) => {\r\n        setFieldValue(\"status\", content)\r\n    }\r\n\r\n    let handleTagChange = (tags?: TagResultType[]) => {\r\n        setFieldValue(\"tags\", JSON.stringify(tags))\r\n        setFieldValue(\"selectedTags\", tags)\r\n    }\r\n\r\n    let handleNewTagChange = (tag: TagResultType) => {\r\n        if (!values.tags) {\r\n            setFieldValue(\"tags\", JSON.stringify([tag]))\r\n            handleTagChange([tag])\r\n            return\r\n        }\r\n\r\n        var tags: TagResultType[] = [...JSON.parse(values.tags), tag]\r\n        handleTagChange(tags)\r\n    }\r\n\r\n\r\n    let contentEditor = new JoditContentEditorModule().get(\"description\", Lang.lawRegulationDescription, values.description, handleDescriptionChange)\r\n    let status = new JoditContentEditorModule().get(\"status\", Lang.lawRegulationStatus, values.status ?? \"\", handleStatusChange)\r\n\r\n\r\n    return (\r\n        <>\r\n            <div className=\"page-title\">{pageTitle}{values.name}</div>\r\n            <div className=\"rowflex\">\r\n                <div className=\"col\">\r\n                    <TextInput icon={nameIcon} placeholder={Lang.lawRegulationName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n\r\n                </div>\r\n                <div className=\"col default-padding-left\">\r\n                    <div className=\"input-container\">\r\n                        <DatePicker className=\"text-input default\" placeholderText={Lang.lawRegulationDate} selected={values.ruleDate_date} onChange={(date) => { handleDateChange(date) }}\r\n                            dateFormat=\"MMMM d, yyyy\"\r\n                            customInput={<TextInput icon={dateIcon} placeholder=\"Rule Date\" name=\"ruleDate\" value={values.ruleDate} />} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"col\">\r\n                    <CreatableAsyncTagSelectInput\r\n                        fieldName=\"tags\"\r\n                        placeholder={Lang.lawRegulationCategory}\r\n                        value={values.selectedTags}\r\n                        onChange={handleTagChange}\r\n                        onNewTagAdded={handleNewTagChange} \r\n                    />\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"col\">\r\n                    {contentEditor}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"field-description\">Status</div>\r\n                <div className=\"col\">\r\n                    {status}\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"col right-aligned\">\r\n                    { mode === FormMode.ADD ? \r\n                        fileHandler.getAddComponent():\r\n                        <>\r\n                            {fileHandler.getEditComponent()}\r\n                            <UploadProgressBarComponent uploadProgress={uploadClient} hideOnFinish={true} />\r\n                        </>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}","import { FormMode } from '../../Client/ui/ClientFormV3';\r\nimport { AddFormTemplate } from '../../Shared/template/AddFormTemplate';\r\nimport { errorValidationSchema } from '../errorValidationSchema';\r\nimport { useLawRegulationAddFormHandler } from '../formHandler/useLawRegulationAddFormHandler';\r\nimport { LawRegulationForm } from '../LawRegulationForm';\r\nimport { LawRegulationModel } from '../model/LawRegulationV2';\r\n\r\nexport const LawRegulationAdd = () => {\r\n    const formik = useLawRegulationAddFormHandler({\r\n        name: \"\"\r\n    }, errorValidationSchema)\r\n    return (\r\n        <AddFormTemplate<LawRegulationModel> {...formik}>\r\n            {LawRegulationForm(FormMode.ADD, \"Add New Law Regulation\", formik)}\r\n        </AddFormTemplate>\r\n    )\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { LawRegulationPath } from '../../../database_api/api';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { useAddFormData } from '../../Shared/useAddFormData';\r\nimport { LawRegulationModel } from '../model/LawRegulationV2';\r\n\r\nexport const useLawRegulationAddFormHandler = (initialValues: LawRegulationModel, validationSchema: ObjectSchema) => { \r\n    const { add } = useAddFormData(LawRegulationPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            console.log(values)\r\n            setSubmitting(true)\r\n\r\n            let lawRegulationData: LawRegulationModel = {\r\n                name: values.name,\r\n                ruleDate: !values.ruleDate ? \"\" : DateHelper.dateISO8601(values.ruleDate),\r\n\r\n                description: values.description,\r\n                status: values.status,\r\n                tags: values.tags\r\n            }\r\n\r\n            let lawRegulationDataForm = new FormData()\r\n            Object.entries(lawRegulationData).forEach(field => {\r\n                if (field[1]) lawRegulationDataForm.append(field[0], field[1])\r\n            })\r\n\r\n            if (values.file_url) {\r\n                lawRegulationDataForm.append('file_url', values.file_url)\r\n            }\r\n\r\n            setSubmitting(false)\r\n            add(lawRegulationDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","\r\nimport moment from 'moment';\r\nimport { useEffect } from 'react';\r\nimport { useParams } from 'react-router';\r\nimport { LawRegulationPath } from '../../../database_api/api';\r\nimport { FormMode } from '../../Client/ui/ClientFormV3';\r\nimport { EditFormTemplate } from '../../Shared/template/EditFormTemplate';\r\nimport { useItem } from '../../Shared/useItem';\r\nimport { errorValidationSchema } from '../errorValidationSchema';\r\nimport { useLawRegulationEditFormHandler } from '../formHandler/useLawRegulationEditFormHandler';\r\nimport { LawRegulationForm } from '../LawRegulationForm';\r\nimport { LawRegulationSingleResult } from '../LawRegulationSingleLoader';\r\nimport { LawRegulationModel } from '../model/LawRegulationV2';\r\nimport { TagResultType } from './CreatableAsyncTagSelectInputHandler';\r\n\r\nexport const LawRegulationEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n\r\n    const formik = useLawRegulationEditFormHandler({\r\n        code: params.id, name: \"\"\r\n    }, errorValidationSchema)\r\n\r\n    const { setFieldValue } = formik\r\n\r\n    const { get, data, isLoading } = useItem(LawRegulationPath, params.id, \"lawRegulation\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n    if (isLoading) return (<div>Loading...</div>)\r\n\r\n    const mapData = (result: LawRegulationSingleResult) => {\r\n        if (result.data == undefined) return\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n            if(data[0] == \"file_url\"){\r\n                let file_url = data[1]\r\n                if(file_url == \"\") return\r\n                setFieldValue(\"file_description\", file_url)\r\n                return\r\n            }\r\n\r\n            if(data[0] == \"ruleDate\"){\r\n                if( typeof data[1] == \"string\"){\r\n                    let d = moment(data[1])\r\n                    if(d.isValid()) setFieldValue(\"ruleDate_date\", d.toDate())\r\n                }\r\n            }\r\n\r\n            if(data[0] == \"tags\" && typeof data[1] == \"string\"){\r\n                try {\r\n                    let value: TagResultType[] = JSON.parse(data[1])\r\n                    setFieldValue(\"selectedTags\", value)\r\n                } catch (error) {\r\n                    console.log(error)\r\n                }\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n    }\r\n\r\n    return (\r\n        <EditFormTemplate<LawRegulationModel> {...formik}>\r\n            {LawRegulationForm(FormMode.EDIT, \"Update\", formik)}\r\n        </EditFormTemplate>\r\n    )\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { LawRegulationPath } from '../../../database_api/api';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { useUpdateFormData } from '../../Shared/useUpdateFormData';\r\nimport { LawRegulationModel } from '../model/LawRegulationV2';\r\n\r\nexport const useLawRegulationEditFormHandler = (initialValues: LawRegulationModel, validationSchema?: ObjectSchema) => { \r\n    const { update } = useUpdateFormData(LawRegulationPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let lawRegulationData: LawRegulationModel = {\r\n                code: values.code,\r\n                name: values.name,\r\n                ruleDate: !values.ruleDate ? \"-\" : DateHelper.dateISO8601(values.ruleDate),\r\n                description: values.description,\r\n                status: values.status,\r\n                tags: values.tags\r\n            }\r\n\r\n            let lawRegulationDataForm = new FormData()\r\n            Object.entries(lawRegulationData).forEach(field => {\r\n                if (field[1]) lawRegulationDataForm.append(field[0], field[1])\r\n            })\r\n\r\n            lawRegulationDataForm.append('isFileChanged', (values.isFileChanged ? \"true\" : \"false\"))\r\n\r\n            if (values.file_url) lawRegulationDataForm.append('file_url', values.file_url)\r\n\r\n            setSubmitting(false)\r\n            update(lawRegulationDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","\r\nimport nameIcon from '../../../img/icon-name.png';\r\n\r\nimport parse from 'html-react-parser';\r\nimport { useHistory } from 'react-router';\r\nimport { EditButton } from '../../../components/EditButton';\r\nimport { FilePath } from '../../../database_api/api';\r\nimport { TextInput } from '../../../form-components/TextInput';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { LawRegulationModel } from '../model/LawRegulationV2';\r\nimport { TagResultType } from './CreatableAsyncTagSelectInputHandler';\r\n\r\nexport const LawRegulationComponent = (props: LawRegulationModel) => {\r\n    const history = useHistory()\r\n    \r\n    const onFileClick = () => {\r\n        window.open(RoutePath.viewDocument + \"/\" + window.btoa(FilePath + props.file_url))\r\n    }\r\n\r\n    let tags: JSX.Element[] = []\r\n\r\n    if(props.tags){\r\n        try {\r\n            let tagList: TagResultType[] = JSON.parse(props.tags)\r\n            tagList.forEach( tag => {\r\n                tags.push(<div className=\"tagItem\">{tag.label}</div>)\r\n            })\r\n        } catch (error) {\r\n            console.log(\"Tag List has wrong format\")\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className=\"lawRegulation-container full-border\">\r\n            <div className=\"row lawRegulation-header\">\r\n                <div className=\"ruleType\">{props.name}</div>\r\n                <div className=\"ruleDate\">{ !props.ruleDate ? \"-\" : DateHelper.dateFormat(props.ruleDate, \"MMMM DD, YYYY\")}</div>\r\n            </div>\r\n            \r\n            <div className=\"row lawRegulation-description\">\r\n                <div className=\"sun-editor-content\" suppressContentEditableWarning>{(props.description != \"\" && props.description != undefined) ? parse(props.description) : \"-\" }</div>\r\n                \r\n                {props.status != \"\" && props.status != undefined &&\r\n                <div className=\"default-margin-top\">\r\n                    <div className=\"field-description\">Status</div>\r\n                    <div className=\"sun-editor-content\" suppressContentEditableWarning>{(props.status != \"\" && props.status != undefined) ? parse(props.status) : \"-\"}</div>\r\n                </div>\r\n                }\r\n\r\n                {props.file_url && <TextInput icon={nameIcon} placeholder=\"\" name=\"file_description\" value={props.file_url || \"\"} readOnly onClick={ () => { onFileClick() } } />}\r\n\r\n                <div className=\"lawRegulation-tag-list\">\r\n                    {tags}\r\n                </div>\r\n                <div className=\"lawRegulation-options\">\r\n                    <EditButton basePath={RoutePath.lawRegulationList} code={props.code} />\r\n                </div>\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import { useMutation } from \"react-query\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"./useHeader\"\r\n\r\n\r\nexport const useGetData = (url: string, successMessage?: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.get,\r\n        headers: header.header()\r\n    }\r\n\r\n    const getData = async () => {\r\n        return fetch(`${url}`, {...requestOptions })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(getData, {\r\n        onSuccess: (data: AddResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            if(successMessage === \"\") return\r\n            \r\n            toast(successMessage ?? \"Success\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { get: mutate, isLoading };\r\n}","import React from 'react'\nimport { MonthTagProps } from './MonthTagProps'\n\ninterface MonthTagComponentProps {\n    monthTag: MonthTagProps\n    selectedMonth: string\n    onMonthChoosen: (month: string) => void\n}\n\nexport let MonthTagComponent: React.FunctionComponent<MonthTagComponentProps> = ({ monthTag, selectedMonth, onMonthChoosen, ...props }) => {\n    let monthList: {[name: string]: string} = {\n        \"1\": \"January\",\n        \"2\": \"February\",\n        \"3\": \"March\",\n        \"4\": \"April\",\n        \"5\": \"May\",\n        \"6\": \"June\",\n        \"7\": \"July\",\n        \"8\": \"August\",\n        \"9\": \"September\",\n        \"10\": \"October\",\n        \"11\": \"November\",\n        \"12\": \"December\"\n    }\n    return (\n        <li>\n            <a onClick={() => { onMonthChoosen(monthTag.month) }}>{monthList[monthTag.month]}</a><br />\n            {(monthTag.month == selectedMonth) &&\n                props.children && props.children\n            }\n        </li>\n    )\n}","import React from 'react'\r\n\r\ninterface YearTagComponentProps {\r\n    key?: string\r\n    year: string\r\n    selectedYear?: string\r\n    onYearChoosen: (year: string) => void\r\n}\r\n\r\nexport let YearTagComponent: React.FunctionComponent<YearTagComponentProps> = ({ year, selectedYear, onYearChoosen, ...props }) => {\r\n    return (\r\n        <li key={props.key}>\r\n            <a onClick={() => { onYearChoosen(year) }}>{year}</a><br />\r\n            {(year == selectedYear) &&\r\n                props.children && props.children\r\n            }\r\n        </li>\r\n    )\r\n}","import { useEffect, useState } from 'react'\r\nimport { LawRegulationYearTagsPath } from '../../../../database_api/api'\r\nimport { useURL } from '../../../Search/useURL'\r\nimport { useGetData } from '../../../Shared/useGetData'\r\nimport { useGetData as useGetDataWithParam } from '../../../Shared/useGetDataWithParam'\r\nimport { MonthTagComponent } from './MonthTagComponent'\r\nimport { MonthTagProps } from './MonthTagProps'\r\nimport { TagProps } from './TagProps'\r\nimport { YearTagComponent } from './YearTagComponentV2'\r\n\r\ninterface RawMonthTagsData {\r\n    ruleDate: string\r\n    tags: string\r\n}\r\n\r\ninterface tagParamData {\r\n    years?: string[]\r\n    selectedYear?: string\r\n    monthsTagsList?: MonthTagProps[]\r\n    selectedMonth?: string\r\n    selectedTags?: string[]\r\n}\r\n\r\nexport const YearTagsComponent = () => {\r\n    const { location, params, goTo, replaceTo } = useURL()\r\n\r\n    const decryptedParamData: tagParamData | undefined = params.tagParamData ? JSON.parse(atob(params.tagParamData as string)) : undefined\r\n\r\n    const [years, setYears] = useState<string[]>(decryptedParamData?.years ?? [])\r\n    const [monthsTagsList, setMonthsTagsList] = useState<MonthTagProps[]>(decryptedParamData?.monthsTagsList ?? [])\r\n    const [selectedMonth, setSelectedMonth] = useState(decryptedParamData?.selectedMonth ?? \"\")\r\n    const [selectedYear, setSelectedYear] = useState(decryptedParamData?.selectedYear ?? \"\")\r\n    const [selectedTags, setSelectedTags] = useState<string[]>(decryptedParamData?.selectedTags ?? [])\r\n\r\n    const { get: getYear } = useGetData(LawRegulationYearTagsPath + \"getYear\", \"\")\r\n    const { get: getMonth } = useGetDataWithParam(LawRegulationYearTagsPath, \"\")\r\n\r\n    useEffect(() => {\r\n        getYear(undefined, {\r\n            onSuccess: (result) => {\r\n                setYears(result.data)\r\n            }\r\n        })\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!selectedYear) { generateAndGoToEncodedParamData(); return }\r\n        if(selectedYear === \"\"){\r\n            setMonthsTagsList([])\r\n            setSelectedTags([])\r\n            return\r\n        }\r\n        \r\n        if(monthsTagsList.length === 0){\r\n            requestMonthNewsList()\r\n            return\r\n        }\r\n\r\n        generateAndGoToEncodedParamData()\r\n    }, [selectedYear])\r\n\r\n    useEffect(() => {\r\n        if (!selectedMonth) return\r\n        if(selectedMonth === \"\"){\r\n            setSelectedTags([])\r\n            return\r\n        }\r\n\r\n        generateAndGoToEncodedParamData()\r\n    }, [selectedMonth])\r\n\r\n    useEffect(() => {\r\n        generateAndGoToEncodedParamData()\r\n    }, [selectedTags])\r\n\r\n    const generateAndGoToEncodedParamData = () => {\r\n        const paramData: tagParamData = {\r\n            ...(years && { years }),\r\n            ...(selectedYear && { selectedYear }),\r\n            ...(monthsTagsList && { monthsTagsList }),\r\n            ...(selectedMonth && { selectedMonth }),\r\n            ...(selectedTags && { selectedTags })\r\n        }\r\n\r\n        const encryptedParamData = btoa(JSON.stringify(paramData))\r\n\r\n        delete params.page\r\n        delete params.tagParamData\r\n        goTo(location.pathname, { ...params, tagParamData: encryptedParamData })\r\n    }\r\n\r\n    const onYearChoosen = (year: string) => {\r\n        if(selectedYear === year) setSelectedYear(\"\")\r\n        else setSelectedYear(year)\r\n    }\r\n\r\n    const requestMonthNewsList = () => {\r\n        let from = selectedYear + \"-01-01\"\r\n        let to = (parseInt(selectedYear) + 1).toString() + \"-01-01\"\r\n\r\n        getMonth(from + \"/\" + to, {\r\n            onSuccess: (result) => {\r\n                updateMonths(result.data)\r\n            }\r\n        })\r\n    }\r\n\r\n    const clearMonths = (callback: () => void) => {\r\n        setMonthsTagsList([])\r\n        callback()\r\n    }\r\n\r\n    const updateMonths = (datas: RawMonthTagsData[]) => {\r\n        clearMonths(() => {\r\n            let months: MonthTagProps[] = organizeMonthsetMonthsTagsList(datas)\r\n            setMonthsTagsList(months)\r\n        })\r\n    }\r\n\r\n    const organizeMonthsetMonthsTagsList = (datas: RawMonthTagsData[]) => {\r\n        let months: MonthTagProps[] = []\r\n        if (!Array.isArray(datas)) return []\r\n        if (datas.length == 0) return []\r\n\r\n        datas.forEach((data: RawMonthTagsData) => {\r\n            let time = new Date(data.ruleDate)\r\n            let month = (time.getMonth() + 1).toString()\r\n            let tagsJSON: TagProps[] = data.tags.length == 0 ? [] : JSON.parse(data.tags)\r\n\r\n            let existsMonth = months.filter(cMonth => cMonth.month === month)\r\n            if (existsMonth.length == 0) {\r\n                months.push({\r\n                    month: month,\r\n                    tags: tagsJSON\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            tagsJSON.forEach(newTag => {\r\n                let existsTags = existsMonth[0].tags.filter(tag => JSON.stringify(newTag) === JSON.stringify(tag))\r\n                if (existsTags.length == 0) existsMonth[0].tags.push(newTag)\r\n            })\r\n        })\r\n\r\n        return months\r\n    }\r\n\r\n    const onMonthChoosen = (month: string) => {\r\n        setSelectedMonth((month === selectedMonth) ? \"\" : month)\r\n    }\r\n\r\n    const onTagChoosen = (tagValue: string) => {\r\n        if(!selectedYear) return\r\n        let newSelectedTags = selectedTags.filter( tag => tag !== tagValue )\r\n\r\n        if(newSelectedTags.length === selectedTags.length){\r\n            newSelectedTags.push(tagValue)\r\n        }\r\n\r\n        setSelectedTags(newSelectedTags)\r\n    }\r\n    \r\n    return (\r\n        <>\r\n            <h2>Tags</h2>\r\n            <ul>\r\n                { years.map( year => (\r\n                    <YearTagComponent key={year} year={year} selectedYear={ selectedYear } onYearChoosen={onYearChoosen}>\r\n                        <ul>\r\n                            {monthsTagsList.map(monthTags => (\r\n                                <MonthTagComponent key={monthTags.month} monthTag={monthTags} selectedMonth={selectedMonth} onMonthChoosen={onMonthChoosen}>\r\n                                    <ul className=\"tag-list\">\r\n                                        {monthTags.tags.map( tag => (\r\n                                            <li className={selectedTags.includes(tag.value) ? \"tag-button selected\" : \"tag-button\"} \r\n                                            onClick={() => { onTagChoosen(tag.value) }}>\r\n                                                <a className={ selectedTags.includes(tag.value) ? \"selected\" : \"\"} >\r\n                                                    {tag.label}\r\n                                                </a>\r\n                                            </li>    \r\n                                        ))}\r\n                                    </ul>\r\n                                </MonthTagComponent>\r\n                            ))}\r\n                        </ul>\r\n                    </YearTagComponent>\r\n                )) }\r\n            </ul>\r\n        </>\r\n    )\r\n}","\r\n\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { LawRegulationComponent } from './LawRegulationComponentV2';\r\n\r\n\r\nimport { useHistory } from 'react-router-dom';\r\nimport { LawRegulationPagePath } from '../../../database_api/api';\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { ListLayoutFacade } from '../../../layout/ListLayoutFacade';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from \"../../Search/FlexibleSearchComponentV2\";\r\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { LawRegulationModel } from '../model/LawRegulationV2';\r\nimport { YearTagsComponent } from './YearTags/YearTagsComponentV2';\r\n\r\nexport const LawRegulationList = () => { \r\n    const history = useHistory()\r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading } = useDataList<LawRegulationModel>({\r\n        url: LawRegulationPagePath,\r\n        size: itemSize,\r\n        identifier: \"laws\"\r\n    })\r\n\r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"name\",\r\n            displayField: Lang.lawRegulationName\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"description\",\r\n            displayField: Lang.lawRegulationDescription\r\n        }\r\n    ]\r\n\r\n    const topSearchComponent = (\r\n        <div id=\"search-container\">\r\n            <FlexibleSearchComponent isLoading={isLoading} placeholder={Lang.lawRegulationName + \", \" + Lang.lawRegulationDescription} queryOptions={queryOptions} />\r\n        </div>\r\n    )\r\n\r\n    const filterComponents = [\r\n        <YearTagsComponent />\r\n    ]\r\n\r\n    const contentComponent = (\r\n        <div id=\"content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"lawRegulation-list\">\r\n                {\r\n                    (data && data.length > 0 && data.map((lawRegulation, index) => {\r\n                        return <LawRegulationComponent name={lawRegulation.name}\r\n                            code={lawRegulation.code} ruleDate={lawRegulation.ruleDate}\r\n                            description={lawRegulation.description} file_url={lawRegulation.file_url} tags={lawRegulation.tags}\r\n                            status={lawRegulation.status}\r\n                            key={`lawRegulation${lawRegulation.code}`} />\r\n                    }))\r\n                    ||\r\n                    <div className=\"message\">No lawRegulation registered</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n        </div>\r\n    )\r\n\r\n    const addComponent = <ButtonInput id=\"add\" caption=\"+\"\r\n        title={\"Add New\"}\r\n        onClick={() => {\r\n            history.push(RoutePath.lawRegulationList + \"/add\")\r\n        }} \r\n    />\r\n    \r\n    return (\r\n        <ListLayoutFacade\r\n            topSearchComponent={topSearchComponent}\r\n            filterComponents={filterComponents}\r\n            contentComponents={contentComponent}\r\n            addComponent={addComponent}\r\n        />\r\n    )\r\n}","import React from 'react';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\n\r\nimport { LawRegulationAdd } from './LawRegulationAddV2';\r\nimport { LawRegulationEdit } from './LawRegulationEditV2';\r\nimport { LawRegulationList } from './LawRegulationListV2';\r\n\r\nexport const LawRegulation = (props: RouteComponentProps) => {\r\n    return (\r\n        <React.Fragment>\r\n            <Route path={props.match.url} component={LawRegulationList} exact={true} />\r\n            <Route path={props.match.url + \"/add\"} component={LawRegulationAdd}/>\r\n            <Route path={props.match.url + \"/edit/:id\"} component={LawRegulationEdit}/>\r\n        </React.Fragment>\r\n    )\r\n}","import { MemberModel } from \"../../Member/model/Member\"\n\nexport enum ActionType {\n    List = \"list\",\n    Add = \"add\",\n    Edit = \"edit\",\n    Import = \"import\",\n    Delete = \"delete\",\n    Result = \"action_plan_result\",\n    ResultFile = \"action_plan_result_file\",\n    Login = \"login_attempt\",\n    LoginFailed = \"login_failed\",\n    LoginSuccess = \"login_success\"\n}\n\nexport interface LogsModel {\n    user?: MemberModel\n    moduleType: string\n    id?: string\n    displayTitle?: string\n    actionType?: ActionType\n    time: string\n    path: string\n}","import * as React from 'react';\nimport { ActionType, LogsModel } from '../model/Logs';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport { Link } from 'react-router-dom';\nimport { RoutePath } from '../../../page/RoutePath';\nimport { ActionPlanPath, NewsPath } from '../../../database_api/api';\n\nexport interface LogsComponentProp extends LogsModel{}\n\nexport class LogsComponent extends React.Component<LogsComponentProp>{\n    actionTypeMap: { [type: string]: () => JSX.Element }\n    actionTypePathMap: { [path: string]: string }\n\n    constructor(props: LogsComponentProp){\n        super(props)\n\n        this.actionTypeMap = {\n            [ActionType.Login] : this.loginAttempt,\n            [ActionType.LoginFailed]: this.loginFailed,\n            [ActionType.LoginSuccess]: this.loginSuccess,\n            [ActionType.Edit]: this.edit,\n            [ActionType.Add]: this.add\n        }\n\n        this.actionTypePathMap = {\n            \"/news/\" : RoutePath.newsList,\n            \"/action_plan/\" : RoutePath.actionPlanList,\n            \"/pob_header/\" : RoutePath.pobHeaderList,\n            \"/pob/\" : RoutePath.pobList,\n            \"/law_regulation/\" : RoutePath.lawRegulationList,\n            \"/client/\" : RoutePath.clientList,\n            \"/customer/\" : RoutePath.customerList,\n            \"/customer_personnel/\" : RoutePath.customerPersonnelList,\n            \"/member/\" : RoutePath.memberList,\n            [RoutePath.memberList] : RoutePath.memberList\n        }\n    }\n\n    loginAttempt = () => {\n        return this.generateLoginLogDescription(\"A User attempt to login using username: \")    \n    }\n\n    loginFailed = () => {\n        return this.generateLoginLogDescription(\"Failed user login attempt using username: \")\n    }\n\n    loginSuccess = () => {\n        return this.generateLoginLogDescription(\"Success user login attempt using username: \")\n    }\n\n    edit = () => {\n        return this.generateLogDescription(\"edit\")\n    }\n\n    add = () => {\n        return this.generateLogDescription(\"add\")\n    }\n\n    generateLoginLogDescription = (sentence: string) => {\n        return <div className=\"log-description\">{sentence} {this.generateEditLink(RoutePath.memberList, this.props.id, this.props.id)}</div>\n    }\n\n    generateLogDescription = (action: string) => {\n        return <div className=\"log-description\">\n            [{this.props.moduleType}]\n            {this.generateEditLink(RoutePath.memberList, this.props.user?.username, this.props.user?.name)}\n            &nbsp;{action}&nbsp;\n            {this.generateEditLink(this.props.path, this.props.id, this.props.displayTitle)}\n        </div>\n    }\n\n    generateEditLink = (path: string, id?: string, displayTitle?: string) => {\n        var pathMapped = this.actionTypePathMap[path]\n        if (pathMapped == undefined) return <span>{displayTitle}</span>\n\n        return <Link to={`${pathMapped}/edit/${id}`}>{displayTitle}</Link>\n    }\n\n    getLogDescription = () => {\n        if(this.props.actionType == undefined) return\n\n        try {\n            console.log(this.props.actionType)\n            return this.actionTypeMap[this.props.actionType]()\n        } catch (error) {\n            return `[${this.props.actionType}]Error fetch log: Log type not registered yet.`\n        }\n    }\n\n    render(){\n        return (\n            <div className=\"logs-container full-border\">\n                <div className=\"log-time\">{DateHelper.dateFormat(this.props.time, \"MMMM DD, YYYY HH:mm\")}</div>\n                {\n                    this.getLogDescription()\n                }\n\n                <div className=\"clear\"></div>\n            </div>\n        )\n    }\n}","import * as React from 'react';\n\nexport type SearchButtonInputProp = {\n    id?: string\n    title: string\n    icon?: string\n    [param: string]: any\n}\n\nexport class SearchButtonInput extends React.Component<SearchButtonInputProp>{\n    constructor(props: SearchButtonInputProp){\n        super(props)\n    }\n\n    render(){\n        const {id, title, icon, ...props} = this.props\n        return (\n            <button id={id} button-type=\"search\" {...props}>\n                <div className=\"component-container\">\n                    {icon ? <img src={icon} /> : \"\"}\n                    <span>{title}</span>\n                </div>\n            </button>\n        )\n    }\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACRFdLHAAACDklEQVQ4EaWUv04bQRDGOZvKRoqrVJFyNIgOXNouuNQpAuIBDCVUNNRJngB4Aq6C1g01R2FbCoXhDUyD0sWW8J8C2fy+1ax1HDiJYKTVzHzz7beze7sXLGSs3W5Hk8mkHgRBRClUeTqd3pAnjJNKpdIVNs8CX+h0OqXRaHRKvumxOf6gWq2ezKktOEGJDYfDSzpYN2If36Cz35avUvvmRcDjWq226/O0d4LNZrORmnAO4YyxCNYTGYES7iN+H2xNGH6X7ceK0xbozCBeGiixX2zpOE1SrF0MBoOvCB1KlDm9QqGwXC6X3aKen6OwY4m2efaamOqaWCwWLxCLleNL4/F4U3HaciSRATGkh3QxG1s3XZq4VQ0fZTkS/CwQsTGuq/hvBq/HuDFOmOVK0BmrLfn4PV6CVybwiOj6f4iFKZ7vdDZNHyVRhq/jHhXPM31pXtEntuyuDrwky81hMWAfUgnRba7RTpak3F7SHuG21e+4EQ2LZ85d7FardQByJBTROJ/PX9PJPekfYSwWgK8w9gj9sTQQ3FI9bU5QAKIxTtuWqL5kwnBnRB4Bazwz8BdPcCYopnX6g/CD8lfsTiIs9N3XsqLPBEXSWekFWFehTVSniT8znTP1U6u5Y/I/ixeCnvQvnxWl6y/8LJI3C2pBL0q3P7ktXT7kxrsETTTCh3YE/dnTU/Etpm3avCud+xMkLvwK45B2ZgAAAABJRU5ErkJggg==\"","import * as React from 'react';\nimport { SearchButtonInput } from '../../form-components/SearchButtonInput';\nimport searchIcon from '../../img/icon-search.png';\nimport { QueryComponent, QueryCompareTypeEnum } from './QueryFilterProtocol';\nimport { SearchFeatureProtocol } from './SearchFeatureProtocol';\nimport { LoadingControlProtocol } from './SearchComponent';\nimport Select, { components } from 'react-select';\n\nimport dropdownIcon from '../../img/dropdown-arrow.png'\n\nexport type SearchQueryComponent = {\n    label: string \n    value: string\n    uniqueValue: string\n    query: QueryComponent\n}\n\nexport interface SearchDataSubmitterProtocol{\n    register(submitMethod: () => SearchQueryComponent[] | undefined): void\n    unregister(submitMethod: () => SearchQueryComponent[] | undefined): void\n    getSubmittedData(): SearchQueryComponent[] | undefined\n    triggerSubmit?(): void\n}\n\nexport class SearchDataSubmitter implements SearchDataSubmitterProtocol{\n    private submitMethodList: (() => SearchQueryComponent[] | undefined)[] = []\n    private queryList: SearchQueryComponent[] = []\n\n    register = (submitMethod: () => SearchQueryComponent[] | undefined) => {\n        this.submitMethodList.push(submitMethod)\n    }\n    unregister = (submitMethod: () => SearchQueryComponent[] | undefined) => {\n        this.submitMethodList = this.submitMethodList.filter( method => method !== submitMethod)\n    }\n    getSubmittedData = () => {\n        this.queryList = []\n        this.submitMethodList.forEach( submitMethod => {\n            let newData = submitMethod()\n            if(newData != undefined) this.queryList = [...this.queryList, ...newData]\n        })\n        return this.queryList\n    }\n    \n}\n\ntype BuildableSearchComponentProp = {\n    submitter: SearchDataSubmitterProtocol,\n    searchModule: SearchFeatureProtocol, \n    loadingController: LoadingControlProtocol,\n    fixedAppliedQuery?: QueryComponent\n}\n\nexport class BuildableSearchComponent extends React.Component<BuildableSearchComponentProp, {isLoading: boolean}>{\n    searchModule: SearchFeatureProtocol\n    loadingController: LoadingControlProtocol\n\n    constructor(props: BuildableSearchComponentProp){\n        super(props)\n        this.searchModule = props.searchModule\n        this.loadingController = props.loadingController\n\n        this.state = {\n            isLoading: false\n        }\n\n        this.loadingController.register(this.setLoading)\n        this.props.submitter.triggerSubmit = this.onClick\n    }\n\n    setLoading = (status: boolean) => {\n        this.setState({\n            isLoading: status\n        })\n    }\n\n    onClick = () => {\n        let data = this.props.submitter.getSubmittedData()\n        let param: QueryComponent[] = ( data != undefined ? data.map((value) => {\n            let query = value.query\n            return {\n                compareType: query.compareType,\n                field: query.field,\n                value: query.value,\n                reference: query.reference\n            }\n        }) : [])\n\n        if(this.props.fixedAppliedQuery){\n            param.push(this.props.fixedAppliedQuery)\n        }\n\n        this.searchModule.search(param)\n    }\n\n    render(){\n        return (\n            <form id=\"search-container\">\n                {this.props.children}\n                <SearchButtonInput id=\"find\" title=\"Search\" icon={searchIcon} onClick={this.onClick} {...(this.state.isLoading ? {disabled:\"disabled\"} : {}) }/>\n            </form>\n        )\n    }\n}\n\nexport interface BuildableSearchInputComponentProp{\n    submitter: SearchDataSubmitterProtocol\n}\n\ninterface SimpleSelectComponentProp extends BuildableSearchInputComponentProp{\n    fieldSearchName: string,\n    loadingController: LoadingControlProtocol\n    placeholder: string\n    queryOptions: {label: string, value: string}[]\n}\n\nexport class SimpleSelectComponent extends React.Component<SimpleSelectComponentProp, {isLoading: boolean}>{\n\n    searchInputValue: SearchQueryComponent[] = []\n    loadingController: LoadingControlProtocol\n\n    constructor(props: SimpleSelectComponentProp){\n        super(props)\n        this.loadingController = props.loadingController\n\n        this.state = {\n            isLoading: false\n        }\n\n        this.loadingController.register(this.setLoading)\n        this.props.submitter.register(this.submit)\n    }\n\n    setLoading = (status: boolean) => {\n        this.setState({\n            isLoading: status\n        })\n    }\n\n    submit = (): SearchQueryComponent[] | undefined => {\n        return this.searchInputValue\n    }\n\n    handleChange = (inputValue: any, _: any) => {\n        if(inputValue.value == \"\"){ \n            this.searchInputValue = []\n            return\n        }\n\n        this.searchInputValue = [\n            {\n                label: inputValue.label,\n                uniqueValue: inputValue.value,\n                value: inputValue.value,\n                query: {\n                    compareType: QueryCompareTypeEnum.equal,\n                    field: this.props.fieldSearchName,\n                    value: inputValue.value\n                }\n            }\n        ]\n      };\n\n    render(){\n        return (\n            <div className=\"simple-select-component\">\n                <Select className=\"search-input no-border\" placeholder={this.props.placeholder} isLoading={this.state.isLoading} classNamePrefix=\"si\" \n                    options={this.props.queryOptions} onChange={this.handleChange} defaultValue={this.props.queryOptions[0]}/>\n                <div className=\"icon-container\">\n                    <img className=\"dropdownIcon\" src={dropdownIcon} />\n                </div>\n            </div>\n        )\n    }\n}","import * as React from 'react';\nimport CreatableSelect from 'react-select/creatable';\nimport { QueryComponent } from './QueryFilterProtocol';\nimport { LoadingControlProtocol } from './SearchComponent';\nimport { BuildableSearchInputComponentProp, SearchQueryComponent } from './BuildableSearchComponent';\n\ninterface FlexibleSearchComponentProp extends BuildableSearchInputComponentProp {\n    loadingController: LoadingControlProtocol\n    placeholder: string\n    queryOptions: QueryComponent[]\n}\n\nexport class FlexibleSearchComponent extends React.Component<FlexibleSearchComponentProp, { options: SearchQueryComponent[]; isLoading: boolean; }> {\n\n    searchInputValue: SearchQueryComponent[] = [];\n    loadingController: LoadingControlProtocol;\n\n    constructor(props: FlexibleSearchComponentProp) {\n        super(props);\n        this.loadingController = props.loadingController;\n\n        this.state = {\n            options: [],\n            isLoading: false\n        };\n\n        this.loadingController.register(this.setLoading);\n        this.props.submitter.register(this.submit);\n    }\n\n    setLoading = (status: boolean) => {\n        this.setState({\n            isLoading: status\n        });\n    };\n\n    submit = (): SearchQueryComponent[] | undefined => {\n        return this.searchInputValue;\n    };\n\n    handleChange = (inputValue: any, _: any) => {\n        this.searchInputValue = inputValue;\n    };\n\n    optionMapper = (inputValue: string): { label: string; value: string; uniqueValue: string; query: QueryComponent; }[] => {\n        let options: { label: string; value: string; uniqueValue: string; query: QueryComponent; }[] = [];\n        this.props.queryOptions.forEach(query => {\n            options.push(\n                {\n                    label: query.displayField + \": \" + inputValue, value: inputValue, uniqueValue: query.field + \": \" + inputValue, query: {\n                        compareType: query.compareType,\n                        field: query.field,\n                        value: inputValue,\n                        reference: query.reference\n                    }\n                }\n            );\n        });\n        return options;\n    };\n\n    handleInputChange = (inputValue: any, _: any) => {\n        if (inputValue == undefined || inputValue == null || inputValue == \"\") {\n            this.setState({\n                options: []\n            });\n        }\n        else {\n            this.setState({\n                options: this.optionMapper(inputValue)\n            });\n        }\n    };\n\n    render() {\n        return (\n            <CreatableSelect className=\"search-input\" placeholder={this.props.placeholder} isLoading={this.state.isLoading} classNamePrefix=\"si\" isMulti options={this.state.options} onChange={this.handleChange} onInputChange={this.handleInputChange} getOptionValue={option => option.uniqueValue} />\n        );\n    }\n}\n","import React from 'react';\nimport { StaticContext } from \"react-router\";\nimport { RouteComponentProps } from 'react-router-dom';\nimport { MessageType } from '../../../MessageType';\nimport { SelectOptionProp } from '../../../form-components/SelectInput';\nimport { ListLoaderControllerProtocol } from '../../ListLoaderControllerProtocol';\nimport { LogsListDisplayUpdaterProtocol } from '../LogsListDisplayUpdaterProtocol';\nimport { LoadingControlProtocol } from '../../Search/SearchComponent';\nimport { SearchFeatureProtocol } from '../../Search/SearchFeatureProtocol';\nimport { LogsComponentProp, LogsComponent } from './LogsComponent';\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\nimport { SearchDataSubmitter, BuildableSearchComponent } from '../../Search/BuildableSearchComponent';\nimport { FlexibleSearchComponent } from \"../../Search/FlexibleSearchComponent\";\n\ninterface LogsListProp extends RouteComponentProps{\n    selectOption?: SelectOptionProp\n    paginationComponent?: JSX.Element\n    controller: ListLoaderControllerProtocol & LogsListDisplayUpdaterProtocol & LoadingControlProtocol\n    search: SearchFeatureProtocol\n}\n\nexport class LogsList extends React.Component<LogsListProp, {logss: LogsComponentProp[], message?:{type: MessageType, message: string}}> { \n    searchSubmitter = new SearchDataSubmitter()\n\n    queryOptions = [\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"title\",\n            displayField: \"Title\"\n        }\n    ]\n\n    constructor(props: LogsListProp){\n        super(props)\n\n        this.state = {\n            logss: []\n        }\n\n        this.props.controller.onLoad = this.onLoadLogss\n\n        this.props.controller.load(1)\n    }\n\n    onLoadLogss = (logss: LogsComponentProp[]) => {\n        this.setState({\n            logss: logss\n        })\n    }\n\n    render(){\n\n        return (\n        <React.Fragment>\n            <div id=\"top-container\">\n                <BuildableSearchComponent loadingController={this.props.controller} searchModule={this.props.search} submitter={this.searchSubmitter}>\n                    <FlexibleSearchComponent submitter={this.searchSubmitter} loadingController={this.props.controller} placeholder=\"Title...\" queryOptions={this.queryOptions} />\n                </BuildableSearchComponent>\n\n                <div className=\"clear\"></div>\n            </div>\n            \n            <div id=\"content-container\">\n            {this.props.paginationComponent}\n\n            {this.state.message && <div className={\"message \" + this.state.message.type}>{this.state.message.message}</div> }\n            { this.state.message && setTimeout(() => { this.setState({message: undefined}) }, 3000) }\n\n            <div id=\"logs-list\">\n                {\n                    (this.state.logss && this.state.logss.length > 0 && this.state.logss.map((logs, index) => {\n                        return <LogsComponent id={logs.id} moduleType={logs.moduleType}\n                            user={logs.user} displayTitle={logs.displayTitle}\n                            path={logs.path} actionType={logs.actionType} \n                            time={logs.time}\n                            key={index} />\n                    }))\n                    || \n                    <div className=\"message\">No logs registered</div>\n                }\n            </div>\n\n            {this.props.paginationComponent}\n            </div>\n        </React.Fragment>\n        )\n    }\n}","import { LogsComponentProp } from './ui/LogsComponent';\nimport { GenericAPIListPagingLoader, ListPagingResult } from '../Paging/GenericAPIListPagingLoader';\nimport { GenericListPagingLoader } from '../Paging/GenericListController';\n\nexport interface LogsListPagingResult extends ListPagingResult<LogsComponentProp> {}\nexport interface LogsListPagingLoader extends GenericListPagingLoader<LogsListPagingResult>{}\n\nexport class APILogsListPagingLoader extends GenericAPIListPagingLoader<LogsListPagingResult> implements LogsListPagingLoader{}","import { LogsListPagingLoader, LogsListPagingResult } from './LogsListPagingLoader';\nimport { LogsListDisplayUpdaterProtocol } from './LogsListDisplayUpdaterProtocol';\nimport { LogsComponentProp } from './ui/LogsComponent';\nimport { GenericListController } from '../Paging/GenericListController';\n\nexport class LogsListController \n    extends GenericListController<LogsListDisplayUpdaterProtocol, LogsComponentProp, LogsListPagingResult, LogsListPagingLoader> \n    implements LogsListDisplayUpdaterProtocol{}","import React from 'react'\nimport { LogsList } from '../ui/LogsList';\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\n\nimport * as H from \"history\"\nimport { LogsItemPerPage, LogsPagePath } from '../../../database_api/api';\nimport { APILogsListPagingLoader } from '../LogsListPagingLoader';\nimport { PagingFeatureControl } from '../../Paging/PagingFeatureControlProtocol';\n\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponent';\nimport { LogsListController } from '../LogsListController';\nimport { SearchFeature } from '../../Search/SearchFeatureProtocol';\nimport { RouteComponentProps } from 'react-router-dom';\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\n\nexport class LogsListBuilder extends React.Component<RouteComponentProps>{\n    logsListLoader = new APILogsListPagingLoader(LogsPagePath, LogsItemPerPage, new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())))\n    pagingFeatureControl = new PagingFeatureControl()\n    logsListController = new LogsListController(this.logsListLoader, this.pagingFeatureControl)\n\n    logsSearch = new SearchFeature(this.logsListLoader, this.logsListController)\n\n    paginationComponent: JSX.Element\n    \n    constructor(props: RouteComponentProps){\n        super(props)\n\n        this.paginationComponent = <PaginationComponent itemPerPage={LogsItemPerPage} controller={this.logsListController} pagingController={this.pagingFeatureControl} />\n    }\n\n    render(){\n        return <LogsList paginationComponent={this.paginationComponent} {...this.props} \n                    controller={this.logsListController} search={this.logsSearch} \n                />\n    }\n}","import React from 'react';\nimport { Route, RouteComponentProps } from 'react-router-dom';\nimport { LogsListBuilder } from '../builder/LogsListBuilder';\nexport class Logs extends React.Component<RouteComponentProps>{\n    basePath: string\n    constructor(props: RouteComponentProps){\n        super(props)\n\n        this.basePath = this.props.match.url\n    }\n\n    render(){\n        return (\n            <React.Fragment>\n                <Route path={this.props.match.url} component={(props: RouteComponentProps) => { return <LogsListBuilder {...props} /> }} exact={true} />\n            </React.Fragment>\n        )\n    }\n}","import * as React from 'react'\r\nimport { Session } from '../../interfaces/Session'\r\nimport { AuthPermissionProtocol, AuthPermissionSessionStorage } from './AuthPermission'\r\nimport { LoginSessionStorage } from './LoginSessionStorage'\r\n\r\ninterface LogoutProp{\r\n    session: Session\r\n    auth: AuthPermissionProtocol\r\n}\r\n\r\nexport const Logout = () => {\r\n    const auth = new AuthPermissionSessionStorage()\r\n    const session = new LoginSessionStorage()\r\n\r\n    React.useEffect(() => {\r\n       session.logOut()\r\n       auth.goToLogin()\r\n    }, [])\r\n    \r\n    return <></>\r\n}","import { GenericFormAddAPI } from '../GenericAPI/GenericFormAddAPI';\nimport { AddResult, AddModuleInterface } from '../GenericAPI/GenericAddAPI';\n\nexport type MemberAddResult = AddResult\n\nexport type AddMemberModuleInterface = AddModuleInterface<FormData, MemberAddResult>\n\nexport class MemberAddAPI extends GenericFormAddAPI<FormData, MemberAddResult> implements AddMemberModuleInterface{\n    errorMapping = () => ({\n        \"12\": \"Username already used.\"\n    })\n}","import * as React from 'react';\nimport { TextInput } from '../../../form-components/TextInput';\nimport defaultProfile from '../../../img/default-profile.png';\nimport dobIcon from '../../../img/icon-date.png';\nimport emailIcon from '../../../img/icon-email.png';\nimport nameIcon from '../../../img/icon-name.png';\nimport passwordIcon from '../../../img/icon-password.png';\nimport phoneIcon from '../../../img/icon-phone.png';\nimport usernameIcon from '../../../img/icon-user.png';\n\nimport { FormikProps } from 'formik';\nimport { MessageType } from '../../../MessageType';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { OptionInput, OptionValue } from '../../../form-components/OptionInput';\nimport { SimpleMessage } from '../../../form-components/SimpleMessage';\nimport bottomOrnament from '../../../img/form-ornament-bottom.png';\nimport topOrnament from '../../../img/form-ornament-top.png';\n\nimport DatePicker from 'react-datepicker';\nimport { FormikImageUploadFactory } from '../../../FormikHelper/FormikImageUploadFactory';\nimport { Lang } from '../../../lang/Lang';\nimport { MemberModel } from '../model/Member';\n\nexport interface MemberAddRouterProtocol{\n    cancel(): void\n    successAdd(type: MessageType, message: string): void\n}\n\nexport interface MemberAddProp extends MemberModel{\n    retype_password: string\n    dob_date?: Date\n    global: string\n    router: MemberAddRouterProtocol\n    photo_base64?: string\n}\n\nexport const MemberAdd: React.FC<FormikProps<MemberAddProp>> = (props: FormikProps<MemberAddProp>) => {\n    const {values, errors, touched, handleSubmit, handleChange, setFieldValue, isSubmitting} = props\n    let genderOption: OptionValue[] = [\n        {key: \"male\", value: \"Male\"},\n        {key: \"female\", value: \"Female\"}\n    ]\n\n    let onCancel = () => {\n        values.router.cancel()\n    }\n\n    let photoHandler = new FormikImageUploadFactory(setFieldValue, \"photo_url\", \"photo_base64\", \"isPhotoChanged\", \"member-profile-photo\", defaultProfile, values.photo_url, values.photo_base64)\n\n    let handleDateChange = (date: Date | [Date, Date] | null) => {\n        setFieldValue('dob_date', date)\n        if(date && date instanceof Date){\n            setFieldValue('dob', date.toLocaleDateString())\n        }\n    }\n    \n    return (\n        <div id=\"form-container\">\n            {errors.global && <SimpleMessage title={Lang.mMembers + \" Add Failed\"} body={errors.global} onClick={() => { setFieldValue(\"global\", null) }} /> }\n            <div className=\"top-ornament\"><img src={topOrnament}/></div>\n            <div className=\"bottom-ornament\"><img src={bottomOrnament}/></div>\n\n            <form onSubmit={handleSubmit}>\n            <div className=\"page-title\">Add New {Lang.mMembers}</div>\n            <div className=\"rowflex\">\n                <div className=\"col\">\n                    {photoHandler.getAddComponent()}\n                    <OptionInput name=\"gender\" options={genderOption} value={values.gender} onChange={handleChange} />\n                </div>\n                <div className=\"col default-padding-left\">\n                    <TextInput icon={usernameIcon} placeholder={Lang.memberUsername} name=\"username\" value={values.username} onChange={handleChange} message={errors.username} touched={touched.username} />\n                    <TextInput icon={nameIcon} placeholder={Lang.memberName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\n                    <TextInput icon={usernameIcon} placeholder={Lang.memberPosition} name=\"position\" value={values.position} onChange={handleChange} message={errors.position} touched={touched.position} />\n                    <TextInput icon={phoneIcon} placeholder={Lang.memberContactNumber} name=\"phone\" value={values.phone} onChange={handleChange} message={errors.phone} touched={touched.phone} />\n                    <TextInput icon={emailIcon} placeholder={Lang.memberEmail} name=\"email\" value={values.email} onChange={handleChange} message={errors.email} touched={touched.email} />\n\n                    <div className=\"input-container\">\n                        <DatePicker className=\"text-input input-container default\" placeholderText=\"Date of Birth\" selected={values.dob_date} onChange={ (date) => { handleDateChange(date) }} \n                        dateFormat=\"MMMM d, yyyy\"\n                        customInput={<TextInput icon={dobIcon} placeholder=\"Date of Birth\" name=\"dob\" value={values.dob} />} />\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"row default-padding-top\">\n                <div className=\"col\">\n                    <TextInput icon={passwordIcon} type=\"password\" placeholder=\"Password\" aclass=\"default full-width\" name=\"password\" value={values.password} onChange={handleChange} message={errors.password} touched={touched.password}/>\n                    <TextInput icon={passwordIcon} type=\"password\" placeholder=\"Retype Password\" aclass=\"default full-width\" name=\"retype_password\" value={values.retype_password} onChange={handleChange} message={errors.retype_password} touched={touched.retype_password}/>\n                </div>\n            </div>\n            \n            <div className=\"row default-padding-top\">\n                <div className=\"col\">\n                    <ButtonInput type=\"button\" caption=\"Cancel\" title=\"Cancel\" id=\"cancel\" onClick={() => { onCancel() }} {...(isSubmitting ? {disabled:\"disabled\"} : {}) }/>\n                    <ButtonInput id=\"submit\" {...(isSubmitting ? {disabled:\"disabled\", caption: \"Registering\"} : {caption: \"Submit\"}) } />\n                </div>\n            </div>\n            </form>\n        </div>\n    )\n}","export enum MessageType{\n    success = \"success\",\n    failure = \"failure\"\n}","import * as React from 'react';\nimport * as yup from 'yup'\nimport { UsernameInput, NameInput, PhoneInput, EmailInput, PasswordInput, RetypePasswordInput } from '../builder/ErrorMessage/Error';\nimport { MemberAddRouterProtocol, MemberAddProp, MemberAdd } from '../ui/MemberAdd';\nimport { AddMemberModuleInterface } from '../MemberAddAPI';\nimport { withFormik } from 'formik';\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport { MessageType } from '../../../MessageType';\nimport { DateHelper } from '../../../helper/DateHelper';\n\nconst errorValidationSchema = yup.object({\n    username: yup.string().required(UsernameInput.requiredMessageError()).min(UsernameInput.characterNeeded, UsernameInput.minCharacterError()),\n    name: yup.string().required(NameInput.requiredMessageError()),\n    phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\n    email: yup.string().email(EmailInput.invalidMessageError()).required(EmailInput.requiredMessageError()),\n    dob: yup.string().optional(),\n    password: yup.string().required(PasswordInput.requiredMessageError()).min(6, PasswordInput.minCharacterError()),\n    retype_password: yup.string().required(RetypePasswordInput.requiredMessageError()).oneOf([yup.ref(\"password\")], RetypePasswordInput.notMatchedError())\n})\n\ninterface MemberAddWithFormHandlerProps {\n    router: MemberAddRouterProtocol\n    handler: AddMemberModuleInterface\n}\n\nexport class MemberAddWithFormHandler extends React.Component<MemberAddWithFormHandlerProps>{ \n\n    memberAdd = withFormik<MemberAddProp, MemberAddProp>({\n        validationSchema: errorValidationSchema,\n        handleSubmit: (values, { setSubmitting, setFieldError }) => {\n            setSubmitting(true)\n            \n            let memberData = {\n                username: values.username,\n                password: values.password,\n                name: values.name,\n                position: values.position,\n                email: values.email,\n                phone: values.phone,\n                gender: values.gender,\n                dob: DateHelper.dateISO8601(values.dob)\n            }\n\n            let memberDataForm = new FormData()\n            Object.entries(memberData).forEach( field => {\n                memberDataForm.append(field[0], field[1])\n            })\n\n            if(values.photo_url){\n                memberDataForm.append('photo_url', values.photo_url)\n            }\n            \n            this.props.handler.add(memberDataForm, (result) => {\n                setSubmitting(false)\n                if(result.status == ResultStatus.ok){\n                    this.props.router.successAdd(MessageType.success, \"Success add \" + values.username)\n                }\n                else{\n                    setFieldError(\"global\", result.message || '')\n                }\n            })\n            \n            \n        }\n    })(MemberAdd)\n    render(){\n        return <this.memberAdd username=\"\" password=\"\" retype_password=\"\" position=\"\"\n                                name=\"\" email=\"\" phone=\"\" gender=\"male\" global=\"\" \n                                dob=\"\" router={this.props.router}/>\n    }\n}","import * as React from 'react';\nimport * as H from \"history\"\nimport { MemberAddRouterProtocol } from '../ui/MemberAdd';\nimport { MessageType } from '../../../MessageType';\nimport { MemberAddAPI } from '../MemberAddAPI';\nimport { MemberPath } from '../../../database_api/api';\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\nimport { MemberAddWithFormHandler } from '../formHandler/MemberAddWithFormHandler';\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\n\nexport class MemberAddRouter implements MemberAddRouterProtocol{\n    basePath: string\n    history: H.History<unknown>\n    constructor(basePath: string, history: H.History<unknown>){\n        this.basePath = basePath\n        this.history = history\n    }\n\n    cancel(){\n        this.history.push(this.basePath)\n    }\n\n    successAdd(type: MessageType, message: string){\n        this.history.push(this.basePath, {message:{type: type, message: message}})\n    }\n}\n\nexport class MemberAddBuilder{\n    router: MemberAddRouterProtocol\n    memberHandler = new MemberAddAPI(MemberPath, new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())))\n    constructor(router: MemberAddRouterProtocol){\n        this.router = router\n    }\n\n    get(){\n        return <MemberAddWithFormHandler router={ this.router } handler={this.memberHandler} />\n    }\n}","import * as React from 'react';\nimport { TextInput } from '../../../form-components/TextInput';\nimport defaultProfile from '../../../img/default-profile.png';\nimport dobIcon from '../../../img/icon-date.png';\nimport emailIcon from '../../../img/icon-email.png';\nimport nameIcon from '../../../img/icon-name.png';\nimport passwordIcon from '../../../img/icon-password.png';\nimport phoneIcon from '../../../img/icon-phone.png';\nimport usernameIcon from '../../../img/icon-user.png';\n\nimport { FormikProps } from 'formik';\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport { ImagePath } from '../../../database_api/api';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { OptionInput, OptionValue } from '../../../form-components/OptionInput';\nimport { SimpleMessage } from '../../../form-components/SimpleMessage';\nimport bottomOrnament from '../../../img/form-ornament-bottom.png';\nimport topOrnament from '../../../img/form-ornament-top.png';\nimport { MemberSingleLoader, MemberSingleResult } from '../MemberSingleLoader';\nimport { MemberModel } from '../model/Member';\n\nimport moment from 'moment';\nimport DatePicker from 'react-datepicker';\nimport { FormikImageUploadFactory } from '../../../FormikHelper/FormikImageUploadFactory';\nimport { Lang } from '../../../lang/Lang';\n\nexport interface MemberEditRouterProtocol{\n    back(): void\n}\n\nexport interface MemberEditProp extends MemberModel{\n    dob_date?: Date\n    retype_password: string\n    photo_base64?: string\n    isPhotoChanged: boolean\n\n    global: string\n    message?: string\n    \n    loader: MemberSingleLoader\n    router: MemberEditRouterProtocol\n    isRequestData: boolean\n}\n\nexport const MemberEdit: React.FC<FormikProps<MemberEditProp>> = (props: FormikProps<MemberEditProp>) => {\n    const {values, errors, touched, handleSubmit, handleChange, setFieldValue, setSubmitting, isSubmitting} = props\n\n    let genderOption: OptionValue[] = [\n        {key: \"male\", value: \"Male\"},\n        {key: \"female\", value: \"Female\"}\n    ]\n\n    let router: MemberEditRouterProtocol = values.router\n\n    let onBack = () => {\n        router.back()\n    }\n\n    let photoHandler = new FormikImageUploadFactory(setFieldValue, \"photo_url\", \"photo_base64\", \"isPhotoChanged\", \"member-profile-photo\", defaultProfile, values.photo_url, values.photo_base64)\n\n    React.useEffect(() => {\n        values.loader.load(values.username, (result) => {\n            mapData(result)\n        })\n    }, [])\n\n    let mapData = (result: MemberSingleResult) => {\n        setFieldValue(\"isRequestData\", false)\n\n        if (result.status == ResultStatus.fail){\n            router.back()\n        }\n\n        if (result.data == undefined) return\n\n        Object.entries(result.data.value).forEach(data => {\n            if(data[0] == \"password\" || data[0] == \"retype_password\") return\n            if(data[0] == \"photo_url\"){\n                let photo_url = data[1]\n                if(photo_url == \"\") return\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\n                return\n            }\n\n            if(data[0] == \"dob\"){\n                if( typeof data[1] == \"string\"){\n                    let d = moment(data[1])\n                    if(d.isValid()) setFieldValue(\"dob_date\", d.toDate())\n                }\n            }\n            \n            setFieldValue(data[0], data[1])\n        })\n    }\n\n    let handleDateChange = (date: Date | [Date, Date] | null) => {\n        setFieldValue('dob_date', date)\n        if(date && date instanceof Date){\n            setFieldValue('dob', date.toLocaleDateString())\n        }\n        else{\n            setFieldValue('dob', undefined)\n        }\n    }\n\n    return (\n        <div id=\"form-container\">\n            {errors.global && <SimpleMessage title={Lang.mMembers + \"MEMBER UPDATE FAILED\"} body={errors.global} onClick={() => { setFieldValue(\"global\", null) }} /> }\n\n            { values.message && <div className=\"message update\">{values.message}</div> }\n\n            <div className=\"top-ornament\"><img src={topOrnament}/></div>\n            <div className=\"bottom-ornament\"><img src={bottomOrnament}/></div>\n\n            <form onSubmit={handleSubmit}>\n            <div className=\"page-title\">Update {Lang.mMembers} {values.username}</div>\n            <div className=\"rowflex\">\n                <div className=\"col\">\n                    {photoHandler.getEditComponent()}\n                    <OptionInput name=\"gender\" options={genderOption} value={values.gender} onChange={handleChange} />\n                </div>\n                <div className=\"col default-padding-left\">\n                    <TextInput icon={usernameIcon} placeholder={Lang.memberUsername} name=\"username\" value={values.username} onChange={handleChange} disabled/>\n                    <TextInput icon={nameIcon} placeholder={Lang.memberName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\n                    <TextInput icon={usernameIcon} placeholder={Lang.memberPosition} name=\"position\" value={values.position} onChange={handleChange} message={errors.position} touched={touched.position} />\n                    <TextInput icon={phoneIcon} placeholder={Lang.memberContactNumber} name=\"phone\" value={values.phone} onChange={handleChange} message={errors.phone} touched={touched.phone} />\n                    <TextInput icon={emailIcon} placeholder={Lang.memberEmail} name=\"email\" value={values.email} onChange={handleChange} message={errors.email} touched={touched.email} />\n                    <div className=\"input-container\">\n                        <DatePicker className=\"text-input input-container default\" placeholderText=\"Date of Birth\" selected={values.dob_date} onChange={ (date) => { handleDateChange(date) }} \n                        dateFormat=\"MMMM d, yyyy\"\n                        customInput={<TextInput icon={dobIcon} placeholder=\"Date of Birth\" name=\"dob\" value={values.dob} />} />\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"row default-padding-top\">\n                <div className=\"col\">\n                    <TextInput icon={passwordIcon} type=\"password\" placeholder=\"Password\" aclass=\"default full-width\" name=\"password\" value={values.password} onChange={handleChange} message={errors.password} touched={touched.password}/>\n                    <TextInput icon={passwordIcon} type=\"password\" placeholder=\"Retype Password\" aclass=\"default full-width\" name=\"retype_password\" value={values.retype_password} onChange={handleChange} message={errors.retype_password} touched={touched.retype_password}/>\n                </div>\n            </div>\n            \n            <div className=\"row default-padding-top\">\n                <div className=\"col\">\n                    <ButtonInput type=\"button\" caption=\"Back\" title=\"Back\" id=\"cancel\" onClick={() => { onBack() }} {...(isSubmitting ? {disabled:\"disabled\"} : {}) }/>\n                    <ButtonInput id=\"submit\"  {...(isSubmitting || values.isRequestData ? {disabled:\"disabled\", caption: \"Updating\"} : {caption: \"Update\"}) } />\n                </div>\n            </div>\n            </form>\n        </div>\n    )\n}","import * as yup from 'yup'\nimport { withFormik } from 'formik';\nimport * as React from 'react';\nimport { MemberEditParameterRoute } from '../builder/MemberEditBuilder';\nimport { NameInput, PhoneInput, EmailInput, PasswordInput, RetypePasswordInput } from '../builder/ErrorMessage/Error';\nimport { MemberSingleLoader } from '../MemberSingleLoader';\nimport { EditMemberModuleInterface } from '../MemberEditAPI';\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport { MemberEditRouterProtocol, MemberEditProp, MemberEdit } from '../ui/MemberEdit';\nimport { MemberModel } from '../model/Member';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport { Lang } from '../../../lang/Lang';\n\nconst errorValidationSchema = yup.object({\n    \n    name: yup.string().required(NameInput.requiredMessageError()),\n    phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\n    email: yup.string().email(EmailInput.invalidMessageError()).required(EmailInput.requiredMessageError()),\n    dob: yup.string().optional(),\n    password: yup.string().min(6, PasswordInput.minCharacterError()),\n    retype_password: yup.string().when(\"password\", {\n        is: val => { if(typeof val == \"string\"){ return val.length > 0 } },\n        then: yup.string().oneOf([yup.ref(\"password\")], RetypePasswordInput.notMatchedError()).required(RetypePasswordInput.requiredMessageError())\n    })\n})\n\ninterface MemberEditBuilderProp extends MemberEditParameterRoute{\n    router: MemberEditRouterProtocol\n    loader: MemberSingleLoader\n    handler: EditMemberModuleInterface\n}\n\nexport class MemberEditWithFormHandler extends React.Component<MemberEditBuilderProp>{ \n\n    private isMount = true\n\n    componentWillUnmount = () => {\n        this.isMount = false\n    }\n\n    memberEdit = withFormik<MemberEditProp, MemberEditProp>({\n        validationSchema: errorValidationSchema,\n        handleSubmit: (values, { setSubmitting, setFieldError, setFieldValue }) => {\n            setSubmitting(true)\n            setFieldValue(\"message\", undefined)\n            \n            let memberData: MemberModel = {\n                username: values.username,\n                name: values.name,\n                position: values.position,\n                email: values.email,\n                phone: values.phone,\n                gender: values.gender,\n                password: values.password,\n                dob: DateHelper.dateISO8601(values.dob)\n            }\n            \n            if(values.password != \"\") memberData.password = values.password\n\n            let memberDataForm = new FormData()\n            Object.entries(memberData).forEach( field => {\n                if(field[1]) memberDataForm.append(field[0], field[1])\n            })\n\n            memberDataForm.append('isPhotoChanged', (values.isPhotoChanged ? \"true\" : \"false\"))\n\n            if(values.photo_url) memberDataForm.append('photo_url', values.photo_url)\n\n            this.props.handler.update(memberDataForm, (result) => {\n                setSubmitting(false)\n                if(result.status == ResultStatus.ok){\n                    setFieldValue(\"message\", \"Success update \" + Lang.mMembers + \" \" + values.username)\n                    setTimeout(() => {\n                        if(this.isMount){ setFieldValue(\"message\", undefined) }\n                    }, 3000)\n                }\n                else{\n                    setFieldError(\"global\", result.message || '')\n                }\n            })\n            \n            \n        }\n    })(MemberEdit)\n    render(){\n        return <this.memberEdit username={this.props.match.params.username} password=\"\" retype_password=\"\" position=\"\"\n                                name=\"\" email=\"\" phone=\"\" gender=\"male\" global=\"\" isRequestData={true} isPhotoChanged={false}\n                                dob=\"\" loader={this.props.loader} router={this.props.router}/>\n    }\n}","import { GetAPIHTTPClient } from '../database_api/StandardAPIHTTPClient';\n\nexport interface SingleLoaderProtocol<Result>{\n    load(id: string, completion: (result: Result) => void):void\n}\n\nexport class GenericSingleLoader<Result> implements SingleLoaderProtocol<Result>{\n    private client: GetAPIHTTPClient\n    private path: string\n\n    constructor(path: string, client: GetAPIHTTPClient){\n        this.client = client\n        this.path = path\n    }\n\n    load(id: string, completion: (result: Result) => void){\n        this.client.get(this.path + id, (result) => {\n            completion(result)\n        })\n    }\n}","import { MemberComponentProp } from './ui/MemberComponent';\nimport { ResultStatus } from '../../Types/ResultStatus';\nimport { GenericSingleLoader, SingleLoaderProtocol } from '../GenericSingleLoader';\n\ntype MemberSingleDetail = {\n    cas: string\n    value: MemberComponentProp\n}\n\nexport type MemberSingleResult = {\n    status: ResultStatus,\n    data?: MemberSingleDetail,\n    message?: string\n}\n\nexport type MemberSingleLoader = SingleLoaderProtocol<MemberSingleResult>\nexport class APIMemberSingleLoader extends GenericSingleLoader<MemberSingleResult> implements MemberSingleLoader{}","import { FormPatchAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient';\nimport { EditModuleInterface } from './GenericEditAPI';\n\nexport class GenericFormEditAPI<Model, Result> implements EditModuleInterface<Model, Result>{\n    private client: FormPatchAPIHTTPClient<Model>\n    private path: string\n\n    constructor(path: string, client: FormPatchAPIHTTPClient<Model>){\n        this.client = client\n        this.path = path\n    }\n\n    update(data: Model, addCallback: (result: Result) => void){\n        this.client.patchForm(this.path, data, (result) => {\n            if (result.message){\n                result.message = `Error code: ${result.message}. Please contact your developer.`\n            }\n            addCallback(result)\n        })\n    }\n}","import { GenericFormEditAPI } from '../GenericAPI/GenericFormEditAPI';\nimport { EditResult } from '../GenericAPI/GenericEditAPI';\n\nexport type MemberEditResult = EditResult\n\nexport interface EditMemberModuleInterface {\n    update(data: FormData, addCallback: (result: MemberEditResult) => void): void\n}\n\nexport class MemberEditAPI extends GenericFormEditAPI<FormData, MemberEditResult> implements EditMemberModuleInterface{}","import * as React from 'react';\nimport * as H from \"history\"\nimport { MemberEditWithFormHandler } from '../formHandler/MemberEditWithFormHandler';\nimport { RouteComponentProps } from 'react-router-dom';\nimport { MemberEditRouterProtocol } from '../ui/MemberEdit';\nimport { MemberSingleLoader, APIMemberSingleLoader } from '../MemberSingleLoader';\nimport { MemberPath } from '../../../database_api/api';\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\nimport { MemberEditAPI } from '../MemberEditAPI';\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\n\nexport type MemberEditParameterRoute = RouteComponentProps<{username: string}>\n\nexport class MemberEditRouter implements MemberEditRouterProtocol{\n    basePath: string\n    history: H.History<unknown>\n    constructor(basePath: string, history: H.History<unknown>){\n        this.basePath = basePath\n        this.history = history\n    }\n\n    back(){\n        this.history.push(this.basePath)\n    }\n}\n\nexport class MemberEditBuilder{\n    router: MemberEditRouterProtocol\n    parameterRoute: MemberEditParameterRoute\n    client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\n    loader: MemberSingleLoader = new APIMemberSingleLoader(MemberPath, this.client)\n    memberHandler = new MemberEditAPI(MemberPath, this.client)\n\n    constructor(router: MemberEditRouterProtocol, parameterRoute: MemberEditParameterRoute){\n        this.router = router\n        this.parameterRoute = parameterRoute\n    }\n\n    get(){\n        return <MemberEditWithFormHandler router={ this.router } loader={this.loader} handler={this.memberHandler} {...this.parameterRoute} />\n    }\n}","import React from 'react';\r\nimport { ImagePath, MemberPath } from '../../../database_api/api';\r\nimport statusMenu from '../../../img/checked.png';\r\nimport defaultProfile from '../../../img/default-profile.png';\r\nimport optionMenu from '../../../img/option.png';\r\nimport closeMenu from '../../../img/close.png'; // Import close.png\r\nimport { Lang } from '../../../lang/Lang';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { useDeleteData } from '../../Shared/useDeleteData';\r\n\r\nexport type MemberComponentProp = {\r\n    name: string;\r\n    position: string;\r\n    username: string;\r\n    gender?: string;\r\n    dob?: string;\r\n    age?: string;\r\n    photo_url?: string;\r\n    email?: string;\r\n    phone?: string;\r\n    onEdit(id: string): void;\r\n};\r\n\r\nexport const MemberComponent: React.FC<MemberComponentProp> = ({\r\n    name,\r\n    position,\r\n    username,\r\n    gender,\r\n    dob,\r\n    age,\r\n    photo_url,\r\n    email,\r\n    phone,\r\n    onEdit,\r\n}) => {\r\n    const { remove } = useDeleteData(`${MemberPath}${username}`, `Success delete ${name}`);\r\n\r\n    const deleteMember = () => {\r\n        if (!window.confirm('Are you sure you want to delete this member?')) return;\r\n\r\n        remove(undefined, {\r\n            onSuccess: (result) => {\r\n                if (result.status === ResultStatus.ok) {\r\n                    window.location.reload();\r\n                }\r\n            },\r\n        });\r\n    };\r\n\r\n    return (\r\n        <div className=\"member-container full-border\">\r\n            <img src={photo_url ? ImagePath + photo_url : defaultProfile} alt=\"Member Profile\" />\r\n            <div className=\"member-description\">\r\n                <div className=\"member-id\">ID: {username}</div>\r\n                <div className=\"member-bio member-name\">{name}</div>\r\n                <div className=\"member-bio member-position\">\r\n                    {position ?? `No ${Lang.memberPosition}`}\r\n                </div>\r\n                <div className=\"member-bio\">\r\n                    {gender}\r\n                    {age && `, ${age}`}\r\n                </div>\r\n                <div className=\"member-phone\">{phone ?? '\\u00A0'}</div>\r\n                <div className=\"member-email\">{email ?? '\\u00A0'}</div>\r\n\r\n                <div className=\"member-options\">\r\n                    <input\r\n                        className=\"option\"\r\n                        type=\"image\"\r\n                        src={optionMenu}\r\n                        alt=\"Edit\"\r\n                        onClick={() => onEdit(username)}\r\n                    />\r\n                    {/* <input className=\"status\" type=\"image\" src={statusMenu} alt=\"Active\" title=\"Active\" /> */}\r\n                    <input\r\n                        className=\"status delete\"\r\n                        type=\"image\"\r\n                        src={closeMenu}\r\n                        alt=\"Delete\"\r\n                        title=\"Delete\"\r\n                        onClick={deleteMember}\r\n                    />\r\n                </div>\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n        </div>\r\n    );\r\n};","import * as React from 'react';\nimport CreatableSelect from 'react-select/creatable';\nimport { SearchButtonInput } from '../../form-components/SearchButtonInput';\nimport searchIcon from '../../img/icon-search.png';\nimport { QueryComponent } from './QueryFilterProtocol';\nimport { SearchFeatureProtocol } from './SearchFeatureProtocol';\n\n\ntype SearchQueryComponent = {\n    label: string \n    value: string\n    uniqueValue: string\n    query: QueryComponent\n}\n\nexport interface LoadingControlProtocol{\n    register(method: (status: boolean) => void): void\n    setLoading(status: boolean): void\n}\n\ntype SearchComponentProp = {\n    searchModule: SearchFeatureProtocol, \n    loadingController: LoadingControlProtocol, \n    placeholder: string,\n    queryOptions: QueryComponent[]\n    defaultValue?: {label: string, value: string, uniqueValue: string, query: QueryComponent}[]\n    fixedAppliedQuery?: QueryComponent\n    setRefreshTrigger?: (refresh: () => void) => void\n}\n\ninterface SearchComponentState{\n    searchInputValue: SearchQueryComponent[]\n    options: SearchQueryComponent[]\n    isLoading: boolean\n}\n\nexport class SearchComponent extends React.Component<SearchComponentProp, SearchComponentState>{\n    searchModule: SearchFeatureProtocol\n    loadingController: LoadingControlProtocol\n\n    constructor(props: SearchComponentProp){\n        super(props)\n        this.searchModule = props.searchModule\n        this.loadingController = props.loadingController\n        \n        this.state = {\n            searchInputValue: this.props.defaultValue ?? [],\n            options: [],\n            isLoading: false\n        }\n\n        this.loadingController.register(this.setLoading)\n        this.props.setRefreshTrigger && this.props.setRefreshTrigger(this.onClick)\n    }\n\n    componentDidMount = () => {\n        if(this.props.defaultValue){\n            this.onClick()\n        }\n    }\n\n    setLoading = (status: boolean) => {\n        this.setState({\n            isLoading: status\n        })\n    }\n\n    onClick = () => {\n        let param: QueryComponent[] = (this.state.searchInputValue ? this.state.searchInputValue.map((value) => {\n            let query = value.query\n            return {\n                compareType: query.compareType,\n                field: query.field,\n                value: query.value,\n                reference: query.reference\n            }\n        }) : [])\n\n        this.props.fixedAppliedQuery && param.push(this.props.fixedAppliedQuery)\n        this.searchModule.search(param)\n    }\n\n    handleChange = (inputValue: any, _: any) => {\n        this.setState({\n            searchInputValue: inputValue\n        })\n      };\n\n    optionMapper = (inputValue: string): {label: string, value: string, uniqueValue: string, query: QueryComponent}[] => {\n        let options: {label: string, value: string, uniqueValue: string, query: QueryComponent}[] = []\n        this.props.queryOptions.forEach( query => {\n            options.push(\n                {\n                    label: query.displayField + \": \" + inputValue, value: inputValue, uniqueValue: query.field + \": \" + inputValue, query: {\n                        compareType: query.compareType,\n                        field: query.field,\n                        value: inputValue, \n                        reference: query.reference\n                    }\n                }\n            )\n        })\n        return options\n    } \n\n    handleInputChange = (inputValue: any, _: any) => {\n        if(inputValue == undefined || inputValue == null || inputValue == \"\"){\n            this.setState({\n                options: []\n            })\n        }\n        else{\n            this.setState({\n                options: this.optionMapper(inputValue)\n            })\n        }\n    };\n\n    render(){\n        return (\n            <form id=\"search-container\">\n                    <CreatableSelect className=\"search-input\" placeholder={this.props.placeholder} isLoading={this.state.isLoading} classNamePrefix=\"si\" isMulti options={this.state.options} \n                        value={this.state.searchInputValue}\n                        onChange={this.handleChange} onInputChange={this.handleInputChange} getOptionValue={ option => option.uniqueValue }/>\n                    <SearchButtonInput id=\"find\" title=\"Search\" icon={searchIcon} onClick={this.onClick} {...(this.state.isLoading ? {disabled:\"disabled\"} : {}) }/>\n            </form>\n        )\n    }\n}","import React from 'react';\n\nimport { SelectOptionProp } from '../../../form-components/SelectInput';\n\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { MemberComponent, MemberComponentProp } from './MemberComponent';\n\nimport { ListLoaderControllerProtocol } from '../../ListLoaderControllerProtocol';\nimport { SearchFeatureProtocol } from '../../Search/SearchFeatureProtocol';\nimport { MemberListDisplayUpdaterProtocol } from '../MemberListDisplayUpdaterProtocol';\n\nimport { StaticContext } from \"react-router\";\nimport { RouteComponentProps } from 'react-router-dom';\nimport { MessageType } from '../../../MessageType';\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\nimport { LoadingControlProtocol, SearchComponent } from '../../Search/SearchComponent';\n\nimport moment from 'moment';\n\nexport interface MemberListRouteProtocol{\n    goToAdd(): void\n    goToEdit(id: string): void\n}\n\nexport type MemberListMessage = {\n    message?:{type: MessageType, message: string}\n}\n\nexport type MemberListRouteComponentProps = RouteComponentProps<{}, StaticContext, MemberListMessage>\n\ninterface MemberListProp extends MemberListRouteComponentProps{\n    router: MemberListRouteProtocol\n    selectOption?: SelectOptionProp\n    paginationComponent?: JSX.Element\n    controller: ListLoaderControllerProtocol & MemberListDisplayUpdaterProtocol & LoadingControlProtocol\n    search: SearchFeatureProtocol\n}\n\nexport class MemberList extends React.Component<MemberListProp, {members: MemberComponentProp[], message?:{type: MessageType, message: string}}> { \n    queryOptions = [\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"username\",\n            displayField: \"Username\"\n        },\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"name\",\n            displayField: \"Name\"\n        },\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"phone\",\n            displayField: \"Phone\"\n        },\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"email\",\n            displayField: \"Email\"\n        }\n    ]\n\n    constructor(props: MemberListProp){\n        super(props)\n\n        let messageState = this.props.location.state ? this.props.location.state.message : undefined\n\n        this.state = {\n            members: [],\n            message: messageState\n        }\n\n        this.props.controller.onLoad = this.onLoadMembers\n\n        this.props.controller.load(1)\n    }\n\n    onLoadMembers = (members: MemberComponentProp[]) => {\n        this.setState({\n            members: members\n        })\n    }\n\n    onAdd = () => {\n        this.props.router.goToAdd()\n    }\n\n    onEdit = (id: string) => {\n        this.props.router.goToEdit(id)\n    }\n\n    render(){\n\n        return (\n        <React.Fragment>\n            <div id=\"top-container\">\n                <SearchComponent searchModule={this.props.search} loadingController={this.props.controller} placeholder=\"Username, Name, Phone, Email\" queryOptions={this.queryOptions}/>\n                <div className=\"clear\"></div>\n            </div>\n\n            <div id=\"add-menu-container\">\n                <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={this.onAdd} />\n            </div>\n            \n            <div id=\"content-container\">\n            {this.props.paginationComponent}\n\n            {this.state.message && <div className={\"message \" + this.state.message.type}>{this.state.message.message}</div> }\n            { this.state.message && setTimeout(() => { this.setState({message: undefined}) }, 3000) }\n\n            <div id=\"member-list\">\n                {\n                    (this.state.members && this.state.members.length > 0 && this.state.members.map((member, index) => {\n                        let age: string | undefined = undefined\n                        if(member.dob != undefined){\n                            age = moment(member.dob).toNow(true) + \" old\"\n                        }\n                        return <MemberComponent username={member.username} name={member.name} \n                            position={member.position}\n                            gender={member.gender} photo_url={member.photo_url}\n                            age={age} email={member.email} phone={member.phone} key={index} onEdit={ this.onEdit } />\n                    }))\n                    || \n                    <div className=\"message\">No member registered</div>\n                }\n            </div>\n\n            {this.props.paginationComponent}\n            </div>\n        </React.Fragment>\n        )\n    }\n}","import { MemberComponentProp } from './ui/MemberComponent';\nimport { GenericAPIListPagingLoader, ListPagingResult } from '../Paging/GenericAPIListPagingLoader';\nimport { GenericListPagingLoader } from '../Paging/GenericListController';\n\nexport interface MemberListPagingResult extends ListPagingResult<MemberComponentProp>{}\nexport interface MemberListPagingLoader extends GenericListPagingLoader<MemberListPagingResult>{}\n\nexport class APIMemberListPagingLoader extends GenericAPIListPagingLoader<MemberListPagingResult> implements MemberListPagingLoader{}","import { MemberListPagingLoader, MemberListPagingResult } from './MemberListPagingLoader';\nimport { MemberListDisplayUpdaterProtocol } from './MemberListDisplayUpdaterProtocol';\nimport { MemberComponentProp } from './ui/MemberComponent';\nimport { GenericListController } from '../Paging/GenericListController';\n\nexport class MemberListController extends GenericListController<MemberListDisplayUpdaterProtocol, MemberComponentProp, MemberListPagingResult, MemberListPagingLoader> implements MemberListDisplayUpdaterProtocol{}","import * as H from \"history\";\nimport React from 'react';\nimport { MemberListRouteProtocol, MemberListRouteComponentProps, MemberList } from \"../ui/MemberList\";\nimport { APIMemberListPagingLoader } from \"../MemberListPagingLoader\";\nimport { MemberPagePath, MemberItemPerPage } from \"../../../database_api/api\";\nimport { StandardAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\";\nimport { PagingFeatureControl } from \"../../Paging/PagingFeatureControlProtocol\";\nimport { MemberListController } from \"../MemberListController\";\nimport { SearchFeature } from \"../../Search/SearchFeatureProtocol\";\nimport { PaginationComponent } from \"../../Paging/ui/PaginationComponent\";\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\";\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\";\n\nexport class MemberListRouter implements MemberListRouteProtocol{\n    basePath: string\n    history: H.History<unknown>\n    constructor(basePath: string, history: H.History<unknown>){\n        this.basePath = basePath\n        this.history = history\n    }\n\n    goToAdd(){\n        this.history.push(this.basePath + \"/add\")\n    }\n\n    goToEdit(id: string){\n        this.history.push(this.basePath + \"/edit/\" + id)\n    }\n}\n\n\nexport interface MemberListBuilderProp extends MemberListRouteComponentProps{\n    router: MemberListRouteProtocol\n}\n\nexport class MemberListBuilder extends React.Component<MemberListBuilderProp>{\n    router: MemberListRouteProtocol\n    memberListLoader = new APIMemberListPagingLoader(MemberPagePath, MemberItemPerPage, new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())))\n    pagingFeatureControl = new PagingFeatureControl()\n    memberListController = new MemberListController(this.memberListLoader, this.pagingFeatureControl)\n\n    memberSearch = new SearchFeature(this.memberListLoader, this.memberListController)\n\n    paginationComponent: JSX.Element\n    \n    constructor(props: MemberListBuilderProp){\n        super(props)\n\n        this.router = props.router\n        this.paginationComponent = <PaginationComponent itemPerPage={MemberItemPerPage} controller={this.memberListController} pagingController={this.pagingFeatureControl} />\n    }\n\n    render(){\n        let {router, ...props} = this.props\n        return <MemberList {...props} router={this.router} paginationComponent={this.paginationComponent} \n                    controller={this.memberListController} search={this.memberSearch} \n                />\n    }\n}","import React from 'react';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\n\r\nimport { AuthPermissionSessionStorage } from '../../Login/AuthPermission';\r\nimport { MemberAddBuilder, MemberAddRouter } from '../builder/MemberAddBuilder';\r\nimport { MemberEditBuilder, MemberEditParameterRoute, MemberEditRouter } from '../builder/MemberEditBuilder';\r\nimport { MemberListBuilder, MemberListRouter } from '../builder/MemberListBuilder';\r\nimport { MemberListRouteComponentProps } from './MemberList';\r\n\r\nexport class Member extends React.Component<RouteComponentProps>{\r\n    auth = new AuthPermissionSessionStorage()\r\n\r\n    render(){\r\n        return (\r\n            <React.Fragment>\r\n                { (!this.auth.isSuperAdmin()) ? <div className=\"message\">User not permitted to access this page</div> :\r\n                <>\r\n                    <Route path={this.props.match.url} component={(props: MemberListRouteComponentProps) => { return <MemberListBuilder {...props} router={ new MemberListRouter(this.props.match.url, this.props.history) }/> }} exact={true} />\r\n                    <Route path={this.props.match.url + \"/add\"} component={() => { return new MemberAddBuilder(new MemberAddRouter(this.props.match.url, this.props.history)).get() }}/>\r\n                    <Route path={this.props.match.url + \"/edit/:username\"} component={(props: MemberEditParameterRoute) => { return new MemberEditBuilder(new MemberEditRouter(this.props.match.url, this.props.history), props).get() }}/>\r\n                </>\r\n                }\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}","import { useFormik } from \"formik\"\r\nimport { ObjectSchema } from \"yup\"\r\nimport { NewsPath } from \"../../../database_api/api\"\r\nimport { DateHelper } from \"../../../helper/DateHelper\"\r\nimport { useAddData } from \"../../Shared/useAddData\"\r\nimport { NewsModel } from \"../model/News\"\r\n\r\nexport const useNewsAddFormHandler = (initialValues: NewsModel, validationSchema?: ObjectSchema) => {\r\n    const { add } = useAddData(NewsPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            console.log(\"HAHAHA\")\r\n            setSubmitting(true)\r\n\r\n            let newsData: NewsModel = {\r\n                title: values.title,\r\n                link: values.link,\r\n                tags: values.tags,\r\n                description: values.description,\r\n                time: DateHelper.dateISO8601(new Date().toLocaleString(\"en-US\"))\r\n            }\r\n\r\n            setSubmitting(false)\r\n            add(newsData)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import * as yup from 'yup'\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    title: yup.string().required(\"Title required\")\r\n})","import * as React from 'react'\nimport CreatableAsyncSelect from 'react-select/async-creatable'\n\nimport { GetAPIHTTPClient, PostAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\nimport { FilterNewsTagPath, NewsTagPath } from '../../../database_api/api';\nimport { ResultStatus } from '../../../Types/ResultStatus';\n\nexport type NewsTagResultType = {\n    label: string,\n    value: string\n}\n\nexport class CreatableAsyncNewsTagSelectInputHandler{\n    private fieldName: string\n    private placeholder: string\n    private client: GetAPIHTTPClient & PostAPIHTTPClient\n    private onChange: (tags?: NewsTagResultType[]) => void\n    private onNewTagAdded: (tag: NewsTagResultType) => void\n\n    constructor(fieldName: string, placeholder: string,\n        client: GetAPIHTTPClient & PostAPIHTTPClient,\n        onChange: (tags?: NewsTagResultType[]) => void, onNewTagAdded: (tag: NewsTagResultType) => void){\n        this.fieldName = fieldName\n        this.placeholder = placeholder\n        this.client = client\n        this.onChange = onChange\n        this.onNewTagAdded = onNewTagAdded\n    }\n\n    private loadNewsTagList = (inputValue: string, callback: (options: NewsTagResultType[]) => void) => {\n        if(inputValue == \"\" || inputValue == undefined) {\n            callback([])\n            return\n        }\n\n        this.client.get(FilterNewsTagPath + inputValue, result => {\n            if(result.data == undefined){\n                callback([])\n                return\n            }\n\n            let returnedResult: {id: string, name: string}[] = result.data\n            if(returnedResult.length == 0){\n                callback([])\n                return\n            }\n\n            callback(returnedResult.map( tag => {\n                return {label: tag.name, value: tag.id}\n            }))\n        })\n        \n    }\n\n    private handleSelectedChange = (inputValue: any, _: any) => {\n        let selected: NewsTagResultType[] | undefined = inputValue\n\n        if(selected == undefined) {\n            this.onChange(undefined)\n            return\n        }\n\n\n        this.onChange(selected.map( sel => {\n            return {\n                label: sel.label,\n                value: sel.label.replace(\" \", \"-\").toLowerCase()\n            }\n        }))\n    }\n\n    private onCreateOption = (inputValue: string) => {\n        this.client.post(NewsTagPath, JSON.stringify({name: inputValue}), result => {\n            if(result.status == ResultStatus.ok){\n                this.onNewTagAdded({\n                    label: result.data.name,\n                    value: result.data.id\n                })\n            }\n        })\n    }\n\n\n    getComponent = (value?: NewsTagResultType[]) => {\n        return (\n            <CreatableAsyncSelect \n                \n                placeholder={this.placeholder}\n                className=\"selectionStyle full-border\"\n                classNamePrefix=\"si\"\n                isMulti\n                onCreateOption={this.onCreateOption}\n                value={value}\n                loadOptions={this.loadNewsTagList} defaultOptions \n                onChange={this.handleSelectedChange}\n                />\n        )\n    }\n}\n\n","import { FormikProps } from \"formik\"\r\nimport { StandardAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\"\r\nimport { JoditContentEditorModule } from \"../../../form-components/JoditContentEditorModule\"\r\nimport { TextInput } from \"../../../form-components/TextInput\"\r\nimport emailIcon from '../../../img/icon-email.png'\r\nimport nameIcon from '../../../img/icon-name.png'\r\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\"\r\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\"\r\nimport { NewsModel } from \"../model/News\"\r\nimport { CreatableAsyncNewsTagSelectInputHandler, NewsTagResultType } from \"./CreatableAsyncNewsTagSelectInputHandler\"\r\n\r\nexport const NewsForm: <T extends NewsModel>(pageTitle: string, props: FormikProps<T>) => JSX.Element = \r\n    (pageTitle, props) => {\r\n    const { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    let handleDescriptionChange = (content: string) => {\r\n        setFieldValue(\"description\", content)\r\n    }\r\n\r\n    let handleTagChange = (tags?: NewsTagResultType[]) => {\r\n        setFieldValue(\"tags\", JSON.stringify(tags))\r\n        setFieldValue(\"selectedTags\", tags)\r\n    }\r\n\r\n    let handleNewTagChange = (tag: NewsTagResultType) => {\r\n        if (!values.tags) {\r\n            setFieldValue(\"tags\", JSON.stringify([tag]))\r\n            handleTagChange([tag])\r\n            return\r\n        }\r\n\r\n        var tags: NewsTagResultType[] = [...JSON.parse(values.tags), tag]\r\n        handleTagChange(tags)\r\n    }\r\n\r\n    let tagSelector = new CreatableAsyncNewsTagSelectInputHandler(\"tags\", \"Tags\", new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage())), handleTagChange, handleNewTagChange)\r\n    let contentEditorModule = new JoditContentEditorModule()\r\n    \r\n    return (\r\n        <>\r\n            <div className=\"page-title\">{pageTitle} {values.title}</div>\r\n            <div className=\"rowflex\">\r\n                <div className=\"col\">\r\n                    <TextInput icon={nameIcon} placeholder=\"Title\" name=\"title\" value={values.title} onChange={handleChange} message={errors.title} touched={touched.title} />\r\n                    <TextInput icon={emailIcon} placeholder=\"Link\" name=\"link\" value={values.link} onChange={handleChange} message={errors.link} touched={touched.link} />\r\n                    <div className=\"input-container\">\r\n                        {tagSelector.getComponent(values.selectedTags)}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"col\">\r\n                    <div className=\"field-description space\">Description</div>\r\n                    {contentEditorModule.get(\"description\", \"Content\", values.description, handleDescriptionChange)}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}","import { AddFormTemplate } from '../../Shared/template/AddFormTemplate'\r\nimport { useNewsAddFormHandler } from '../formHandler/useNewsAddFormHandler'\r\nimport { NewsModel } from '../model/News'\r\nimport { errorValidationSchema } from '../validation/errorValidationSchema'\r\nimport { NewsForm } from './NewsForm'\r\n\r\nexport const NewsAdd = () => {\r\n    const formik = useNewsAddFormHandler({\r\n        title: \"\", description: \"\"\r\n    }, errorValidationSchema)\r\n\r\n    return (\r\n        <AddFormTemplate<NewsModel> {...formik}>\r\n            {NewsForm(\"Add New\", formik)}\r\n        </AddFormTemplate>\r\n    )\r\n}","import { useEffect } from \"react\"\r\nimport { useParams } from \"react-router\"\r\nimport { NewsPath } from \"../../../database_api/api\"\r\nimport { EditFormTemplate } from \"../../Shared/template/EditFormTemplate\"\r\nimport { useItem } from \"../../Shared/useItem\"\r\nimport { useNewsEditFormHandler } from \"../formHandler/useNewsEditFormHandler\"\r\nimport { NewsModel } from \"../model/News\"\r\nimport { NewsSingleResult } from \"../NewsSingleLoader\"\r\nimport { errorValidationSchema } from \"../validation/errorValidationSchema\"\r\nimport { NewsTagResultType } from \"./CreatableAsyncNewsTagSelectInputHandler\"\r\nimport { NewsForm } from \"./NewsForm\"\r\n\r\nexport const NewsEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n    \r\n    const formik = useNewsEditFormHandler({\r\n        id: params.id, title: \"\", description: \"\"\r\n    }, errorValidationSchema)\r\n\r\n    const {setFieldValue} = formik\r\n    \r\n    const { get, data, isLoading } = useItem(NewsPath, params.id, \"news\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n    if (isLoading) return (<div>Loading...</div>)\r\n\r\n    const mapData = (result: NewsSingleResult) => {\r\n        if (result.data == undefined) return\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n            if (data[0] == \"tags\" && typeof data[1] == \"string\") {\r\n                try {\r\n                    let value: NewsTagResultType[] = JSON.parse(data[1])\r\n                    setFieldValue(\"selectedTags\", value)\r\n                } catch (error) {\r\n                    console.log(error)\r\n                }\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n    }\r\n\r\n    return (\r\n        <EditFormTemplate<NewsModel> {...formik}>\r\n            { NewsForm(\"Update\", formik) }\r\n        </EditFormTemplate>\r\n    )\r\n}","import { useFormik } from \"formik\";\r\nimport { ObjectSchema } from \"yup\";\r\nimport { NewsPath } from \"../../../database_api/api\";\r\nimport { DateHelper } from \"../../../helper/DateHelper\";\r\nimport { useUpdateData } from \"../../Shared/useUpdateData\";\r\nimport { NewsModel } from \"../model/News\";\r\n\r\nexport const useNewsEditFormHandler = (initialValues: NewsModel, validationSchema?: ObjectSchema) => {\r\n    const { update } = useUpdateData(NewsPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let newsData: NewsModel = {\r\n                id: values.id,\r\n                title: values.title,\r\n                tags: values.tags,\r\n                link: values.link,\r\n                description: values.description,\r\n                time: DateHelper.dateISO8601(new Date().toLocaleString(\"en-US\"))\r\n            }\r\n\r\n            setSubmitting(false)\r\n            update(newsData)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import parse from 'html-react-parser';\r\nimport { useEffect, useState } from 'react';\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { EditButton } from '../../../components/EditButton';\r\nimport { NewsPath } from '../../../database_api/api';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport optionDelete from '../../../img/close.png';\r\nimport { useDeleteData } from '../../Shared/useDeleteData';\r\nimport { NewsModel } from '../model/News';\r\nimport { NewsTagResultType } from './CreatableAsyncNewsTagSelectInputHandler';\r\n\r\nexport interface NewsComponentProp extends NewsModel{\r\n    disableEdit?: Boolean\r\n}\r\n\r\nexport const NewsComponent = (props: NewsComponentProp) => {\r\n    const history = useHistory()\r\n    const location = useLocation()\r\n    const [tags, setTags] = useState<JSX.Element[] | undefined>(undefined)\r\n    const [isDeleted, setIsDeleted] = useState<boolean>(false)\r\n    const { remove } = useDeleteData(NewsPath + props.id, \"Success delete \" + props.title)\r\n\r\n    useEffect(() => {\r\n        if(props.tags == undefined || props.tags == null || props.tags == \"\"){\r\n            setTags(undefined)\r\n            return\r\n        }\r\n\r\n        let tagsList: NewsTagResultType[] = JSON.parse(props.tags)\r\n\r\n        var newTags: JSX.Element[] = []\r\n        tagsList.forEach( tag => {\r\n            newTags.push(<div className=\"tag-item\" key={tag.value}>{tag.label}</div>) \r\n        })\r\n\r\n        setTags(newTags)\r\n    }, [props.tags])\r\n\r\n    const deleteNews = (id?: string) => {\r\n        if(!id) return\r\n        if(!window.confirm(\"Are you sure you want to delete this news?\")){\r\n            return\r\n        }\r\n\r\n        remove(undefined, {\r\n            onSuccess: (result) => {\r\n                if(result.status === ResultStatus.ok)\r\n                    setIsDeleted(true)\r\n            }\r\n        })\r\n    }\r\n\r\n    if(isDeleted) return (\r\n        <div className=\"news-container full-border\">\r\n            <div className=\"news-id\">\r\n                <a target=\"_blank\" href={props.link ?? \"\"}><div className=\"name\">{props.title}</div></a>\r\n                <div className=\"news-time\">{props.time ? DateHelper.dateFormat(props.time, \"MMMM DD, YYYY HH:mm\") : \"-\"}</div>\r\n            </div>\r\n            <div className=\"news-description sun-editor-content\">Deleted</div>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <div className=\"news-container full-border\">\r\n            <div className=\"news-id\">\r\n                <a target=\"_blank\" href={props.link ?? \"\"}><div className=\"name\">{props.title}</div></a>\r\n                <div className=\"news-time\">{props.time ? DateHelper.dateFormat(props.time, \"MMMM DD, YYYY HH:mm\") : \"-\"}</div>\r\n            </div>\r\n\r\n            <div className=\"news-tags\">\r\n                { tags && tags }\r\n            </div>\r\n            \r\n            <div className=\"news-description sun-editor-content\" suppressContentEditableWarning>{(props.description != \"\" && props.description != undefined) ? parse(props.description.split(\"href\").join(\"target=\\\"_blank\\\" href\")) : \"-\" }</div>\r\n\r\n            {!props.disableEdit && \r\n            <div className=\"news-options\">\r\n                 <EditButton basePath={location.pathname} code={props.id} />\r\n                 <input className=\"status\" type=\"image\" src={optionDelete} title=\"Delete\" onClick={ () => {\r\n                    deleteNews(props.id)\r\n                 } }/>\r\n            </div>\r\n            }\r\n\r\n            <div className=\"clear\"></div>\r\n        </div>\r\n    )\r\n}","import React from 'react'\nimport { MonthNewsProps } from './MonthNewsProps'\n\ninterface MonthNewsComponentProps {\n    monthNews: MonthNewsProps\n    selectedMonth: string\n    onMonthChoosen: (month: string) => void\n}\n\nexport let MonthNewsComponent: React.FunctionComponent<MonthNewsComponentProps> = ({ monthNews, selectedMonth, onMonthChoosen, ...props }) => {\n    let monthList: { [name: string]: string } = {\n        \"1\": \"January\",\n        \"2\": \"February\",\n        \"3\": \"March\",\n        \"4\": \"April\",\n        \"5\": \"May\",\n        \"6\": \"June\",\n        \"7\": \"July\",\n        \"8\": \"August\",\n        \"9\": \"September\",\n        \"10\": \"October\",\n        \"11\": \"November\",\n        \"12\": \"December\"\n    }\n    return (\n        <li>\n            <a onClick={() => { onMonthChoosen(monthNews.month) }}>{monthList[monthNews.month]}</a><br />\n            {(monthNews.month == selectedMonth) &&\n                props.children && props.children\n            }\n        </li>\n    )\n}","import React from 'react'\n\ninterface YearNewsComponentProps {\n    year: string\n    selectedYear: string\n    onYearChoosen: (year: string) => void\n}\n\nexport let YearNewsComponent: React.FunctionComponent<YearNewsComponentProps> = ({ year, selectedYear, onYearChoosen, ...props }) => {\n    return (\n        <li>\n            <a onClick={() => { onYearChoosen(year) }}>{year}</a><br />\n            {(year == selectedYear) &&\n                props.children && props.children\n            }\n        </li>\n    )\n}","import { useEffect, useState } from 'react'\r\nimport { NewsYearNewsPath } from '../../../../database_api/api'\r\nimport { StandardAPIHTTPClient } from '../../../../database_api/StandardAPIHTTPClient'\r\nimport { HTTPHeader } from '../../../../interfaces/HTTPHeader'\r\nimport { AuthTokenSessionStorage } from '../../../Login/AuthPermission'\r\nimport { useURL } from '../../../Search/useURL'\r\nimport { MonthNewsComponent } from './MonthNewsComponent'\r\nimport { MonthNewsProps } from './MonthNewsProps'\r\nimport { NewsProps } from './NewsProps'\r\nimport { YearNewsComponent } from './YearNewsComponent'\r\n\r\ninterface RawMonthNewsListData {\r\n    time: string\r\n    id: string\r\n    title: string\r\n}\r\n\r\nexport const YearNewsListComponent = () => {\r\n    const { location, params, goTo } = useURL()\r\n    \r\n    const [years, setYears] = useState<string[]>([])\r\n    const [selectedYear, setSelectedYear] = useState(\"\")\r\n    const [monthsNewsList, setMonthsNewsList] = useState<MonthNewsProps[]>([])\r\n    const [selectedMonth, setSelectedMonth] = useState(\"\")\r\n    \r\n    const selectedNewsId = params.id ? params.id.toString() : \"\"\r\n    const [selectedNews, setSelectedNews] = useState(selectedNewsId)\r\n\r\n    const client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\r\n\r\n    const updateYear = () => {\r\n        client.get(NewsYearNewsPath + \"getYear\", (result: {data: string[]}) => {\r\n            console.log(result)\r\n            setYears(result.data)\r\n        })\r\n    }\r\n\r\n    const onYearChoosen = (year: string) => {\r\n        setSelectedYear((year === selectedYear) ? \"\" : year)\r\n        if (selectedYear) requestMonthNewsList(selectedYear)\r\n    }\r\n\r\n    const requestMonthNewsList = (year: string) => {\r\n        let from = year + \"-01-01\"\r\n        let to = (parseInt(year) + 1).toString() + \"-01-01\"\r\n\r\n        client.get(NewsYearNewsPath + from + \"/\" + to, result => {\r\n            updateMonths(result.data)\r\n        })\r\n    }\r\n\r\n    const clearMonths = (callback: () => void) => {\r\n        setMonthsNewsList([])\r\n        callback()\r\n    }\r\n\r\n    const updateMonths = (datas: RawMonthNewsListData[]) => {\r\n        clearMonths(() => {\r\n            let months: MonthNewsProps[] = organizeMonthsNewsList(datas)\r\n            setMonthsNewsList(months)\r\n        })\r\n    }\r\n\r\n    const organizeMonthsNewsList = (datas: RawMonthNewsListData[]) => {\r\n        let months: MonthNewsProps[] = []\r\n        if(!Array.isArray(datas)) return []\r\n        if(datas.length == 0) return []\r\n\r\n        datas.forEach((data: RawMonthNewsListData) => {\r\n            let time = new Date(data.time)\r\n            let month = (time.getMonth() + 1).toString()\r\n            let newsListJSON: NewsProps = {\r\n                id: data.id,\r\n                title: data.title\r\n            }\r\n\r\n            let existsMonth = months.filter(cMonth => cMonth.month === month)\r\n            if (existsMonth.length == 0) {\r\n                months.push({\r\n                    month: month,\r\n                    newsList: [newsListJSON]\r\n                })\r\n                return\r\n            }\r\n\r\n            existsMonth.forEach( month => {\r\n                month.newsList = [...month.newsList, newsListJSON]\r\n            })\r\n            months = [...months.filter(cMonth => cMonth.month != month), ...existsMonth]\r\n        })\r\n\r\n        return months\r\n    }\r\n\r\n    const onMonthChoosen = (month: string) => {\r\n        setSelectedMonth((month === selectedMonth) ? \"\" : month)\r\n    }\r\n\r\n    const onNewsChoosen = (newsId: string) => {\r\n        let selectedNewsId: string = newsId\r\n\r\n        if(selectedNews === newsId)\r\n            selectedNewsId = \"\"\r\n\r\n        setSelectedNews(selectedNewsId)\r\n        delete params.page\r\n        params.id = selectedNewsId\r\n        \r\n        goTo(location.pathname, params)\r\n    }\r\n\r\n    useEffect(() => {\r\n        updateYear()\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            <h2>NewsList</h2>\r\n            <ul>\r\n                {years && years.map( year => (\r\n                    <YearNewsComponent year={year} selectedYear={selectedYear} onYearChoosen={onYearChoosen}>\r\n                        <ul>\r\n                            {monthsNewsList.map(monthNewsList => (\r\n                                <MonthNewsComponent monthNews={monthNewsList} selectedMonth={selectedMonth} onMonthChoosen={onMonthChoosen}>\r\n                                    <ul className=\"news-list\">\r\n                                        {monthNewsList.newsList.map( news => (\r\n                                            <li className={selectedNews === news.id ? \"news-button selected\" : \"news-button\"}\r\n                                                onClick={() => { onNewsChoosen(news.id) }}>\r\n                                                    <a className={selectedNews === news.id ? \"selected\" : \"\"} >\r\n                                                        {news.title}\r\n                                                    </a>\r\n                                            </li>\r\n                                        ))}\r\n                                    </ul>\r\n                                </MonthNewsComponent>\r\n                            ))}\r\n                        </ul>\r\n                    </YearNewsComponent>\r\n                )) }\r\n            </ul>\r\n        </>\r\n    )\r\n}\r\n\r\n","import { RouteComponentProps, useHistory } from 'react-router';\r\nimport { NewsPagePath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { ListLayoutFacade } from '../../../layout/ListLayoutFacade';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from '../../Search/FlexibleSearchComponentV2';\r\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { NewsModel } from '../model/News';\r\nimport { NewsComponent } from './NewsComponent';\r\nimport { YearNewsListComponent } from './YearNews/YearNewsListComponent';\r\n\r\nexport const NewsList = (props: RouteComponentProps) => { \r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading } = useDataList<NewsModel>({\r\n        url: NewsPagePath,\r\n        size: itemSize,\r\n        identifier: \"news\"\r\n    })\r\n\r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"title\",\r\n            displayField: \"Title\"\r\n        }\r\n    ]\r\n\r\n    let filterComponents = [\r\n        <YearNewsListComponent/>\r\n    ]\r\n\r\n    let contentComponent = (\r\n        <div id=\"content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"news-list\">\r\n                {\r\n                    (data && data.length > 0 && data.map((news, index) => {\r\n                        return <NewsComponent id={news.id}\r\n                            title={news.title} link={news.link} description={news.description}\r\n                            tags={news.tags} time={news.time}\r\n                            key={index} />\r\n                    }))\r\n                    ||\r\n                    <div className=\"message\">No news registered</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <ListLayoutFacade\r\n            topSearchComponent={\r\n                <div id=\"search-container\">\r\n                    <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Name, Phone, Email\" queryOptions={queryOptions} />\r\n                </div>\r\n            }\r\n            filterComponents={filterComponents}\r\n            contentComponents={contentComponent}\r\n            addComponent={<AddComponent basePath={props.match.url} />}\r\n        />\r\n    )\r\n}\r\n\r\nconst AddComponent = (props: { basePath: string }) => {\r\n    const history = useHistory()\r\n    return <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => history.push(props.basePath + \"/add\")} />\r\n}","import React from 'react';\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\nimport { NewsAdd } from './NewsAddV2';\r\nimport { NewsEdit } from './NewsEditV2';\r\nimport { NewsList } from './NewsList';\r\nconst queryClient = new QueryClient();\r\nexport class News extends React.Component<RouteComponentProps>{\r\n    basePath: string\r\n    constructor(props: RouteComponentProps){\r\n        super(props)\r\n\r\n        this.basePath = this.props.match.url\r\n    }\r\n\r\n    render(){\r\n        return (\r\n            <QueryClientProvider client={queryClient}>\r\n            <React.Fragment>\r\n                <Route path={this.props.match.url} component={NewsList} exact={true} />\r\n                <Route path={this.props.match.url + \"/add\"} component={NewsAdd}/>\r\n                <Route path={this.props.match.url + \"/edit/:id\"} component={NewsEdit}/>\r\n            </React.Fragment>\r\n            </QueryClientProvider>\r\n        )\r\n    }\r\n}","export class NameInput{\n    static requiredMessageError(): string { return \"Name is required\" }\n}","import * as yup from 'yup'\r\nimport { NameInput } from './Error'\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    name: yup.string().required(NameInput.requiredMessageError())\r\n})","import { useFormik } from 'formik';\r\nimport * as yup from 'yup';\r\nimport { ObjectSchema } from 'yup';\r\nimport { POBPath } from '../../../database_api/api';\r\nimport { GetClientListSelectionProtocol } from '../../SelectClientHelper';\r\nimport { GetCustomerListSelectionProtocol } from '../../SelectCustomerHelper';\r\nimport { GetMemberListSelectionProtocol } from '../../SelectMemberHelper';\r\nimport { GetPOBHeaderListSelectionProtocol } from '../../SelectPOBHeaderHelper';\r\nimport { useAddFormData } from '../../Shared/useAddFormData';\r\nimport { POBModel } from '../model/POBV2';\r\nimport { AddPOBModuleInterface } from '../POBAddAPI';\r\nimport { POBAddRouterProtocol } from '../ui/POBAdd';\r\nimport { NameInput } from './ErrorMessage/Error';\r\n\r\nconst errorValidationSchema = yup.object({\r\n    name: yup.string().required(NameInput.requiredMessageError())\r\n})\r\n\r\ninterface POBAddWithFormHandlerProps {\r\n    router: POBAddRouterProtocol\r\n    pobHandler: AddPOBModuleInterface\r\n    selectMemberHelper: GetMemberListSelectionProtocol\r\n    selectClientHelper: GetClientListSelectionProtocol\r\n    selectCustomerHelper: GetCustomerListSelectionProtocol\r\n    selectProjectHeaderHelper: GetPOBHeaderListSelectionProtocol\r\n}\r\n\r\nexport const usePOBAddFormHandler = (initialValues: POBModel, validationSchema: ObjectSchema) => {\r\n    const { add } = useAddFormData(POBPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            const pobDataForm = getPOBAddDataToSubmit(values);\r\n\r\n            setSubmitting(false)\r\n            add(pobDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}\r\n\r\nconst getPOBAddDataToSubmit = (values: POBModel) => {\r\n    let pobData = {\r\n        id: values.id,\r\n        code: values.code,\r\n        name: values.name,\r\n        projectValue: values.projectValue,\r\n        customerTemporary: values.customerTemporary,\r\n        active: values.active\r\n    }\r\n\r\n    let pobDataForm = new FormData()\r\n    Object.entries(pobData).forEach(field => {\r\n        if (field[1] == undefined) return\r\n        pobDataForm.append(field[0], field[1])\r\n    })\r\n\r\n    if (values.projectManagerId && values.projectManagerId != \"0\") {\r\n        pobDataForm.append(\"projectManagerId\", values.projectManagerId)\r\n    }\r\n\r\n    if (values.projectHeaderId && values.projectHeaderId != \"0\") {\r\n        pobDataForm.append(\"projectHeaderId\", values.projectHeaderId)\r\n    }\r\n\r\n    if (values.customerId && values.customerId != \"0\") {\r\n        pobDataForm.append(\"customerId\", values.customerId)\r\n    }\r\n\r\n    if (values.clientId && values.clientId != \"0\") {\r\n        pobDataForm.append(\"clientId\", values.clientId)\r\n\r\n    }\r\n\r\n    if (values.clientName && values.clientName != \"0\") {\r\n        pobDataForm.append(\"clientName\", values.clientName)\r\n\r\n    }\r\n\r\n\r\n    if (values.photo_url) {\r\n        pobDataForm.append('photo_url', values.photo_url)\r\n    }\r\n\r\n    return pobDataForm\r\n}","import Select from 'react-select'\r\nimport { SetFieldValueFunctionType } from '../FormikHelper/FormikFileUploadFactory'\r\n\r\nexport type SelectOptionObject = {label: string, value: string}\r\n\r\nexport const FormikSelectInputHandler = (props: {\r\n    fieldName: string,\r\n    placeholder: string,\r\n    options: SelectOptionObject[],\r\n    selectedFieldName: string,\r\n    setFieldValue: SetFieldValueFunctionType,\r\n    selected?: SelectOptionObject\r\n}) => {\r\n    const {fieldName, placeholder, options, selectedFieldName, setFieldValue, selected} = props\r\n\r\n    const handleSelectedChange = (inputValue: any, _: any) => {\r\n        setFieldValue(selectedFieldName,inputValue)\r\n        setFieldValue(fieldName, inputValue.value)\r\n    }\r\n\r\n    return (\r\n        <Select placeholder={placeholder} className=\"selectionStyle full-border\" \r\n            isSearchable={true} name={fieldName} classNamePrefix=\"si\" options={options} value={selected} \r\n            onChange={handleSelectedChange} />\r\n    )\r\n}","import * as React from 'react'\r\nimport closeIcon from '../img/close.png'\r\nimport { FormMode } from '../modules/Client/ui/ClientFormV3'\r\nimport { SetFieldValueFunctionType } from './FormikFileUploadFactory'\r\n\r\nexport const FormikImageUploadFactory = (props: {\r\n    mode: FormMode,\r\n    setFieldValue: SetFieldValueFunctionType,\r\n    file_fieldName: string,\r\n    base64_fieldName: string,\r\n    fileChange_fieldName: string,\r\n    className?: string,\r\n    defaultImage: any,\r\n    file?: File,\r\n    base64?: string}) => {\r\n\r\n    const { mode, setFieldValue, file_fieldName, base64_fieldName, fileChange_fieldName, className, defaultImage, file, base64 } = props\r\n    const photoRef = React.createRef<HTMLInputElement>()\r\n\r\n    const fileToBase64 = (file: File, completion: (result: string | undefined) => void) => {\r\n        let reader = new FileReader()\r\n        reader.readAsDataURL(file)\r\n        reader.onload = () => {\r\n            if(reader.result) completion(reader.result.toString())\r\n            else completion(undefined)\r\n        }\r\n        reader.onerror = (error) => {\r\n            completion(undefined)\r\n        }\r\n    }\r\n\r\n    const onPhotoClick = () => {\r\n        photoRef.current?.click()\r\n    }\r\n\r\n    const onPhotoChangeAdd = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        if(!e.target.files){ return }\r\n\r\n        let file = e.target.files[0]\r\n\r\n        fileToBase64(file, (result) => {\r\n            if(result){\r\n                setFieldValue(file_fieldName, file)\r\n                setFieldValue(base64_fieldName, result)\r\n            }\r\n        })\r\n    }\r\n\r\n    const onRemovePhotoAdd = () => {\r\n        setFieldValue(file_fieldName, undefined)\r\n        setFieldValue(base64_fieldName, undefined)\r\n    }\r\n\r\n    const onPhotoChangeUpdate = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        if(!e.target.files){ return }\r\n\r\n        let file = e.target.files[0]\r\n\r\n        fileToBase64(file, (result) => {\r\n            if(result){\r\n                setFieldValue(file_fieldName, file)\r\n                setFieldValue(base64_fieldName, result)\r\n                setFieldValue(fileChange_fieldName, true)\r\n            }\r\n        })\r\n    }\r\n\r\n    const onRemovePhotoUpdate = () => {\r\n        setFieldValue(file_fieldName, undefined)\r\n        setFieldValue(base64_fieldName, undefined)\r\n        setFieldValue(fileChange_fieldName, true)\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            { base64 && <img className=\"photo-delete\" src={closeIcon} onClick={() => {\r\n               mode === FormMode.ADD ? onRemovePhotoAdd() : onRemovePhotoUpdate()\r\n            }} />}\r\n            <img className={className} src={base64 || defaultImage} onClick={() => { onPhotoClick() }} />\r\n            <input type=\"file\" name={file_fieldName} className=\"hidden\" accept=\"image/*\" onChange={(e) => { \r\n                mode === FormMode.ADD ? onPhotoChangeAdd(e) : onPhotoChangeUpdate(e) \r\n            }} ref={photoRef} />\r\n        </React.Fragment>\r\n    )\r\n}","export default __webpack_public_path__ + \"static/media/defaultProjectIcon.0ac6d962.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAE6ADAAQAAAABAAAADwAAAACmtwgfAAABhElEQVQ4EZ1TMW7CQBDEBqQLkiUsIQs6XCVlSvIDSsqUKfMEnkKZkjIlP4jLpKNzOtuAhCW7cIEgMyevdQdEQliy7nZ2dm53fHZa9bPZbOan00lJfOvqOE4UBMGK/I5RtDoej30jvmmrlPoWooOOhlB/FOCeFfVVURQ/HYz2jvceDasGHT6YY7Zc100Ph4Oe32JeCdrtdh9NzMyUJYZkNBqNfk0C97QCJqfn+Ha7ncDnoeAuN+gox9wLFDRmCgFCU1pBQcFkLcvyAx0uJdZiIOdychzHzfWgAHITHLZGwVSKuJIXhmE1GAyY048Wk2C32816vd58v9/rK9Ltdit+KQgqCEb/8QS3PAO4RpHK87wSAsS+8PrwZsJ8jV/wiFtidctSoOvQ1QuEFASbzq7xSJYxh1mWzUy/mPR9P8eoC3omvwxxeZIkGcPXN4l1Z/QEwLPnecQ/JcmVgliWJsY9D8aXfK1rddoaE+M8mSedC5gxRUwh5joYIZWLVyfHZtGte9iR/gEZ0LG1GIOlpQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAACqADAAQAAAABAAAADwAAAADQUBW/AAABLklEQVQoFW1Ru26EMBDEPCSXLgBBlaOjO0rKK/PJKZPuykuXdO6wEBJINEbikRmEEUWQfDszO7te7wnv+Nq2rZZlUY4fUed5rol9/jRN80AwED+FEDaKoh0HQaC6rivpEQTrug7oVsKgtm27wawRs3meP2iGrn0QlaapoQnmiiYUWhgVcIbcy1pbhRCkMaZGwc33/SdMLxRIYJ4HZtfgXsj7wzAcENjJo4kaZ2V35Cxv2B8Tx/EPZ0K+wggV5irBaxw28NDZir7v1TRNJYiGRvM7O2EUg9meUsqa24COvWBGFhBjpsxhbgSru1E/v2OXJye4avtjXBad3hzG1dLNSE24BK9D8u44Y5IkX47vryYZhsE6kZHrufLTeBX/w6exKAr+bb9Y+MQzjuP3teAPA+C+GEqXnIoAAAAASUVORK5CYII=\"","import { useEffect } from 'react';\r\nimport { MemberPath } from '../database_api/api';\r\nimport { AddResult } from './GenericAPI/GenericAddAPI';\r\nimport { useGetData } from './Shared/useGetData';\r\n\r\nexport type ResultType = {label: string, value: string}\r\n\r\nexport interface GetMemberSelectedProtocol{\r\n    getMemberSelected:(username: string, callback: (returnedMember?: ResultType) => void) => void\r\n}\r\n\r\nexport interface GetMemberListSelectionProtocol{\r\n    getMemberListSelection:(defaultSelection: ResultType, callback: (returnedMemberList: ResultType[]) => void) => void\r\n}\r\n\r\nexport interface SelectMemberHelperProtocol extends GetMemberSelectedProtocol, GetMemberListSelectionProtocol{}\r\n\r\nexport const useSelectMemberHelper = (onComplete?: (datas: ResultType[]) => void) => {\r\n    const { get } = useGetData(MemberPath, \"\")\r\n\r\n    useEffect(() => {\r\n        get(undefined, {\r\n            onSuccess: (data: AddResult) => {\r\n                let returnedMemberList = data.data.map( (member: any) => {\r\n                    return {\r\n                        label: member.name,\r\n                        value: member.username\r\n                    }\r\n                })\r\n\r\n                if(onComplete) onComplete(returnedMemberList ?? [])\r\n            }\r\n        })\r\n    }, [])\r\n}","import { OptionProps } from 'react-select'\r\nimport AsyncSelect from 'react-select/async'\r\nimport { FilterClientPICPath } from '../../../database_api/api'\r\nimport { useGetData } from '../../Shared/useGetDataWithParam'\r\n\r\nexport const AsyncClientPICSelectInput = (props: {\r\n    fieldName: string,\r\n    placeholder: string,\r\n    onChange: (client: ClientPICResultBaseType) => void,\r\n    value?: ClientPICResultBaseType\r\n}) => {\r\n\r\n    const { fieldName, placeholder, onChange, value } = props\r\n    const { get } = useGetData(FilterClientPICPath, \"\")\r\n\r\n    const loadClientList = (inputValue: string, callback: (options: ClientPICResultBaseType[]) => void) => {\r\n        if(inputValue == \"\"){\r\n            callback([])\r\n            return\r\n        }\r\n\r\n        get(inputValue, {\r\n            onSuccess: (result) => {\r\n                if(result.data == undefined){\r\n                    callback([])\r\n                    return\r\n                }\r\n\r\n                const returnedResult: {id: string, name: string, clientName: string}[] = result.data\r\n                if(returnedResult.length == 0){\r\n                    callback([])\r\n                    return\r\n                }\r\n\r\n                callback(returnedResult.map( client => {\r\n                    return {\r\n                        label: `${client.name} (${client.clientName})`, value: client.id,\r\n                        picName: `${client.name}`, companyName: `${client.clientName}`\r\n                    }\r\n                }))\r\n            }\r\n        })\r\n        \r\n    }\r\n\r\n    const handleSelectedChange = (inputValue: any, _: any) => {\r\n        onChange(inputValue)\r\n    }\r\n\r\n    const optionComponent = (props: OptionProps<{}, false>) => {\r\n        const {\r\n            children,\r\n            className,\r\n            cx,\r\n            getStyles,\r\n            isDisabled,\r\n            isFocused,\r\n            isSelected,\r\n            innerRef,\r\n            innerProps,\r\n        } = props;\r\n\r\n        let data: ClientPICResultTypeforStyle = props.data\r\n\r\n        return (\r\n            <div\r\n                style={getStyles('option', props)}\r\n                className={cx(\r\n                    {\r\n                        option: true,\r\n                        'option--is-disabled': isDisabled,\r\n                        'option--is-focused': isFocused,\r\n                        'option--is-selected': isSelected,\r\n                    },\r\n                    className\r\n                )}\r\n                ref={innerRef}\r\n                {...innerProps}\r\n            >\r\n                <div className=\"option-picName\">{data.picName}</div>\r\n                <div className=\"option-companyName\">{data.companyName}</div>\r\n\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <AsyncSelect cacheOptions \r\n            placeholder={placeholder}\r\n            className=\"selectionStyle full-border clientPIC-customStyle\"\r\n            classNamePrefix=\"si\"\r\n            value={value}\r\n            components={{\r\n                Option: optionComponent\r\n            }}\r\n            loadOptions={loadClientList} defaultOptions \r\n            onChange={handleSelectedChange}\r\n            />\r\n    )\r\n}\r\n\r\ninterface ClientPICResultTypeforStyle extends ClientPICResultBaseType{\r\n    picName: string,\r\n    companyName: string,\r\n}\r\n\r\nexport interface ClientPICResultBaseType{\r\n    label: string,\r\n    value: string\r\n}","import { FormikProps } from \"formik\"\r\nimport { useEffect } from \"react\"\r\nimport { FormikSelectInputHandler } from \"../../../form-components/FormikSelectInputHandlerV2\"\r\nimport { OptionInputActiveNotActiveSelection } from \"../../../form-components/OptionInputActiveNotActiveSelection\"\r\nimport { TextInput } from \"../../../form-components/TextInput\"\r\nimport { FormikImageUploadFactory } from \"../../../FormikHelper/FormikImageUploadFactoryV2\"\r\nimport defaultProjectIcon from '../../../img/defaultProjectIcon.png'\r\nimport moneyIcon from '../../../img/icon-money.png'\r\nimport nameIcon from '../../../img/icon-project.png'\r\nimport { FormMode } from \"../../Client/ui/ClientFormV3\"\r\nimport { useSelectMemberHelper } from \"../../useSelectMemberHelperV2\"\r\nimport { useSelectPOBHeaderHelper } from \"../../useSelectPOBHeaderHelperV2\"\r\nimport { POBModel } from \"../model/POBV2\"\r\nimport { ClientPICResultBaseType } from \"./AsyncClientPICSelectInputHandler\"\r\nimport { AsyncClientPICSelectInput } from \"./AsyncClientPICSelectInputV2\"\r\n\r\nexport let POBForm: <T extends POBModel>(\r\n    mode: FormMode,\r\n    pageTitle: string, \r\n    props: FormikProps<T>\r\n) => JSX.Element = \r\n    \r\n    (mode, pageTitle, props) => {\r\n\r\n    const { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    const handleClientChange = (client: ClientPICResultBaseType) => {\r\n        setFieldValue(\"clientSelected\", client)\r\n        setFieldValue(\"clientId\", client.value)\r\n        setFieldValue(\"clientName\", client.label)\r\n    }\r\n\r\n    useSelectPOBHeaderHelper((datas) => {\r\n        setFieldValue(\"projectHeaderList\", datas)\r\n    })\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        setFieldValue(\"memberList\", datas)\r\n    })\r\n    \r\n    useEffect(() => {\r\n        if (!values.memberList) return\r\n        if (!values.projectManagerId) return\r\n\r\n        setFieldValue(\"memberSelected\", values.memberList.find(data => data.value == values.projectManagerId))\r\n    }, [values.projectManagerId, values.memberList])\r\n\r\n    useEffect(() => {\r\n        if (!values.projectHeaderList) return\r\n        if (!values.projectHeaderId) return\r\n\r\n        setFieldValue(\"projectHeaderSelected\", values.projectHeaderList.find(data => data.value == values.projectHeaderId))\r\n    }, [values.projectManagerId, values.memberList])\r\n    \r\n    return (\r\n        <>\r\n        <div className=\"page-title\">{pageTitle} {values.name}</div>\r\n            <div className=\"rowflex\">\r\n                <div className=\"col\">\r\n                    <FormikImageUploadFactory\r\n                        mode={mode}\r\n                        setFieldValue={setFieldValue}\r\n                        file_fieldName=\"photo_url\"\r\n                        base64_fieldName=\"photo_base64\"\r\n                        fileChange_fieldName=\"isPhotoChanged\"\r\n                        className=\"pobHeader-profile-photo\"\r\n                        defaultImage={defaultProjectIcon}\r\n                        file={values.photo_url}\r\n                        base64={values.photo_base64}\r\n                    />\r\n                    <TextInput placeholder=\"Code\" name=\"code\" value={values.code} onChange={handleChange} message={errors.code} touched={touched.code} />\r\n                </div>\r\n                <div className=\"col default-padding-left\">\r\n                    <TextInput icon={nameIcon} placeholder=\"Name\" name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n                    <TextInput icon={moneyIcon} placeholder=\"Project Value\" name=\"projectValue\" value={values.projectValue} onChange={handleChange} message={errors.projectValue} touched={touched.projectValue} />\r\n                    <div className=\"input-container\">\r\n                        <FormikSelectInputHandler\r\n                            fieldName=\"projectHeaderId\"\r\n                            placeholder=\"Select Parent Project\"\r\n                            options={values.projectHeaderList ?? []}\r\n                            selectedFieldName=\"projectHeaderSelected\"\r\n                            setFieldValue={setFieldValue}\r\n                            selected={values.projectHeaderSelected}\r\n                        />\r\n                    </div>\r\n                    <div className=\"input-container\">\r\n                        <FormikSelectInputHandler\r\n                            fieldName=\"projectManagerId\"\r\n                            placeholder=\"Select Project Manager\"\r\n                            options={values.memberList ?? []}\r\n                            selectedFieldName=\"memberSelected\"\r\n                            setFieldValue={setFieldValue}\r\n                            selected={values.memberSelected}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row\">\r\n                <div className=\"input-container\">\r\n                    {/* \r\n                    TEMPORARY LOCKED\r\n                    {getCustomerHandlerComponent() } */}\r\n                    <TextInput placeholder=\"Customer ( Temporary Field )\" name=\"customerTemporary\" value={values.customerTemporary} onChange={handleChange} message={errors.customerTemporary} touched={touched.customerTemporary} />\r\n                </div>\r\n                <div className=\"input-container\">\r\n                    <AsyncClientPICSelectInput \r\n                        fieldName=\"client\"\r\n                        placeholder=\"Select Client PIC\"\r\n                        onChange={handleClientChange}\r\n                        value={values.clientSelected}\r\n                    />\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row\">\r\n                <OptionInputActiveNotActiveSelection {...props} />\r\n            </div>\r\n        </>\r\n    )\r\n}","import { useEffect } from 'react';\r\nimport { POBHeaderPath } from '../database_api/api';\r\nimport { AddResult } from './GenericAPI/GenericAddAPI';\r\nimport { useGetData } from './Shared/useGetData';\r\n\r\ntype ResultType = {label: string, value: string}\r\n\r\nexport const useSelectPOBHeaderHelper = (onComplete?: (datas: ResultType[]) => void) => {\r\n    const { get } = useGetData(POBHeaderPath, \"\")\r\n\r\n    useEffect(() => {\r\n        get(undefined, {\r\n            onSuccess: (data: AddResult) => {\r\n                let returnedPOBHeaderList = data.data.map( (pobHeader: any) => {\r\n                    return {\r\n                        label: pobHeader.name,\r\n                        value: pobHeader.id\r\n                    }\r\n                })\r\n\r\n                if(onComplete) onComplete(returnedPOBHeaderList ?? [])\r\n            }\r\n        })\r\n    }, [])\r\n}","import { FormMode } from '../../Client/ui/ClientFormV3';\r\nimport { POBHeaderModel } from '../../POBHeader/model/POBHeader';\r\nimport { AddFormTemplate } from '../../Shared/template/AddFormTemplate';\r\nimport { errorValidationSchema } from '../builder/ErrorMessage/errorValidationSchema';\r\nimport { usePOBAddFormHandler } from '../builder/useAddFormHandler';\r\nimport { POBForm } from './POBForm';\r\n\r\nexport const POBAdd = () => {\r\n    const formik = usePOBAddFormHandler({\r\n        name: \"\"\r\n    }, errorValidationSchema)\r\n\r\n    \r\n    return (\r\n        <AddFormTemplate<POBHeaderModel> {...formik}>\r\n            {POBForm(FormMode.ADD, \"Add New Project\", formik)}\r\n        </AddFormTemplate>\r\n    )\r\n}","import { useContext } from \"react\"\r\nimport GlobalData from \"../../GlobalData\"\r\n\r\nexport const useSetProjectName = () => {\r\n    const { setPageTitle } = useContext(GlobalData)\r\n\r\n    const updateProjectName = (projectName: string, type: string) => {\r\n        setPageTitle(projectName + \" <span class='pobContentTypeLabel'>\" + type + \"</span>\")\r\n    }\r\n\r\n    return { updateProjectName }\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { POBPath } from '../../../database_api/api';\r\nimport { useSetProjectName } from '../../POBContent/useSetProjectName';\r\nimport { useUpdateFormData } from '../../Shared/useUpdateFormData';\r\nimport { POBModel } from '../model/POBV2';\r\n\r\nexport const usePOBEditFormHandler = (initialValues: POBModel, validationSchema?: ObjectSchema) => {\r\n    const { updateProjectName } = useSetProjectName()\r\n    const { update } = useUpdateFormData(POBPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            const pobDataForm = getPOBEditDataToSubmit(values);\r\n\r\n            setSubmitting(false)\r\n            update(pobDataForm, {\r\n                onSuccess: () => {\r\n                    updateProjectName(values.name ?? \"\", \"Child Project\")\r\n                }\r\n            })\r\n        }\r\n    })\r\n\r\n    return formik\r\n}\r\n\r\nexport function getPOBEditDataToSubmit(values: POBModel) {\r\n    let pobData = {\r\n        id: values.id,\r\n        code: values.code,\r\n        name: values.name,\r\n        customerTemporary: values.customerTemporary,\r\n        projectValue: values.projectValue,\r\n        active: values.active\r\n    };\r\n\r\n    let pobDataForm = new FormData();\r\n    Object.entries(pobData).forEach(field => {\r\n        if (field[1])\r\n            pobDataForm.append(field[0], field[1]);\r\n    });\r\n\r\n    if (values.projectManagerId && values.projectManagerId != \"0\") {\r\n        pobDataForm.append(\"projectManagerId\", values.projectManagerId);\r\n    }\r\n\r\n    if (values.projectHeaderId && values.projectHeaderId != \"0\") {\r\n        pobDataForm.append(\"projectHeaderId\", values.projectHeaderId);\r\n    }\r\n\r\n    if (values.customerId && values.customerId != \"0\") {\r\n        pobDataForm.append(\"customerId\", values.customerId);\r\n\r\n    }\r\n\r\n    if (values.clientId && values.clientId != \"0\") {\r\n        pobDataForm.append(\"clientId\", values.clientId);\r\n    }\r\n\r\n    if (values.clientName && values.clientName != \"0\") {\r\n        pobDataForm.append(\"clientName\", values.clientName);\r\n\r\n    }\r\n\r\n    pobDataForm.append('isPhotoChanged', (values.isPhotoChanged ? \"true\" : \"false\"));\r\n\r\n    if (values.photo_url)\r\n        pobDataForm.append('photo_url', values.photo_url);\r\n    return pobDataForm;\r\n}","\r\nimport { useEffect } from 'react';\r\nimport { useParams } from 'react-router';\r\nimport { ImagePath, POBPath } from '../../../database_api/api';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { FormMode } from '../../Client/ui/ClientFormV3';\r\nimport { EditFormTemplate } from '../../Shared/template/EditFormTemplate';\r\nimport { useItem } from '../../Shared/useItem';\r\nimport { errorValidationSchema } from '../builder/ErrorMessage/errorValidationSchema';\r\nimport { usePOBEditFormHandler } from '../builder/usePOBEditFormHandler';\r\nimport { POBModel } from '../model/POBV2';\r\nimport { POBSingleResult } from '../POBSingleLoader';\r\nimport { POBForm } from './POBForm';\r\n\r\nexport const POBEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n\r\n    const formik = usePOBEditFormHandler({\r\n        id: params.id, name: \"\", \r\n    }, errorValidationSchema)\r\n\r\n    const { setFieldValue } = formik\r\n\r\n    const { get, data, isLoading } = useItem(POBPath, params.id, \"pob\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n    const mapData = (result: POBSingleResult) => {\r\n        setFieldValue(\"isRequestData\", false)\r\n\r\n        if (result.status == ResultStatus.fail) {\r\n            return\r\n        }\r\n\r\n        if (result.data == undefined) return\r\n\r\n        var clientId = \"\"\r\n        var clientName = \"\"\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n\r\n\r\n            if (data[0] == \"photo_url\") {\r\n                let photo_url = data[1]\r\n                if (photo_url == \"\") return\r\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"projectManagerId\") {\r\n                setFieldValue(\"projectManagerId\", data[1])\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"projectHeaderId\") {\r\n                setFieldValue(\"projectHeaderId\", data[1])\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"customerId\") {\r\n                setFieldValue(\"customerId\", data[1])\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"clientId\") {\r\n                setFieldValue(\"clientId\", data[1])\r\n                clientId = data[1]\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"clientName\") {\r\n                setFieldValue(\"clientName\", data[1])\r\n                clientName = data[1]\r\n                return\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n\r\n        if (clientId != \"\") {\r\n            setFieldValue(\"clientSelected\", {\r\n                label: clientName, value: clientId\r\n            })\r\n        }\r\n    }\r\n\r\n    return (\r\n        <EditFormTemplate<POBModel> {...formik} >\r\n            { POBForm(FormMode.EDIT, \"Update Project\", formik) }\r\n        </EditFormTemplate>\r\n    )\r\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACRFdLHAAABuklEQVQ4EZVUO3LCMBBdOz21gZKagVRA5yOQG5AuJTlBcgN8g9ClDLmBUzCYKnABOmbchh7IexqvIwtjk51Z9qvHk7WSJ1dkOp2OUepBQ2gfStlAY8/zNrPZ7NNknB/PiQVAXPwGVRC3RWOCP0ZRRJvLXe7BAdgrzDs0gNYJe56Gw6EkSfKlzTlgBvaiBdrj8chm8X1fGo2GXbL9EKA/6EuYNFvOtvltd9FfLpeSpqlJk0m73XZb7Pie2/ezzNyuqN/pdAw7xuv1Wvb7vZbKLL+7eGA3hv0o62CODFerlZxOJ8HpymAwqGL6QIaVpxkEgYxGIwN2Pp/rmPYJGEIrhaBkRoY1oGEtQ/0nHghBKRWgPQL+S8hShePkiMdMYdKdhjzkCfOkyY6g/K7NZjOvZ44Zm9jNuvGNYFwW1zLk2NzATDls9KZw23xZCuLO4JVt6potbooZGyYmmrXtbrczA80cr17JN7PbJwzM44B7nWIB2YZMqrRaLTkcDtLtdoV+hTyD3YL1vxlAUPbiVIBoiWCRBgVAJrOXZw734puybskW/gRYhbG7ANQF2aPRRxxCaSlcHNMCaAF7Ib+fuqxQ2IE1xQAAAABJRU5ErkJggg==\"","\r\nexport enum POBContentType {\r\n    POB = \"pob\",\r\n    POBHeader = \"pobHeader\"\r\n}\r\n","import defaultProject from '../../../img/defaultProjectIcon.png';\r\n\r\nimport seeContentMenu from '../../../img/icon-menu-seeDetail.png';\r\n\r\nimport parse from 'html-react-parser';\r\nimport { useHistory } from 'react-router';\r\nimport { ImagePath } from '../../../database_api/api';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { LatestStatusModel } from '../../LatestStatus/model/LatestStatus';\r\nimport { POBContentType } from '../../POBContent/ui/POBContentType';\r\nimport { POBModel } from '../model/POBV2';\r\n\r\nexport const POBComponent = (props: POBModel) => {\r\n    const history = useHistory()\r\n\r\n    const getLatestStatusText = (status?: LatestStatusModel) => {\r\n        if (!status) return <>-</>\r\n        return <>\r\n            <div className=\"latestStatus-date\">Date: </div>\r\n            {DateHelper.dateFormat(status.date, \"MMMM DD, YYYY HH:mm\")}<br />\r\n\r\n            <div className=\"latestStatus-information\"><h2>Status</h2></div>\r\n            {status.information ? parse(\"\" + status.information) : \"-\"}\r\n\r\n            <div className=\"latestStatus-information\"><h2>Analysis</h2></div>\r\n            {status.analysis ? parse(\"\" + status.analysis) : \"-\"}\r\n        </>\r\n    }\r\n    \r\n    return (\r\n        \r\n        <div className=\"pob-container\">\r\n            <div className=\"pob-id\">{props.code} | {props.name}</div>\r\n            <div className=\"pob-container-left full-border\">\r\n                <img src={props.photo_url ? ImagePath + props.photo_url : defaultProject}></img>\r\n                <div className=\"pob-pobHeader\">{props.projectHeaderName ?? \"-\"}</div>\r\n\r\n                <div className=\"pob-description\">\r\n                    <input type=\"hidden\" name=\"id\" value={props.id} />\r\n                    \r\n                    <div className=\"projectManagerContainer row\">\r\n                        <div className=\"pob-title col\">Project Manager</div>\r\n                        <div className=\"pob-projectManagerId col\">{props.projectManagerName ?? \"-\"}</div>\r\n                    </div>\r\n\r\n                    <div className=\"line-decoration\"></div>\r\n\r\n                    <div className=\"clientContainer row\">\r\n                        <div className=\"pob-title col\">Client</div>\r\n                        <div className=\"pob-clientId col\">{props.clientName ?? \"-\"}</div>\r\n                    </div>\r\n                    <div className=\"line-decoration\"></div>\r\n\r\n                    <div className=\"customerContainer row\">\r\n                        <div className=\"pob-title col\">Customer</div>\r\n                        <div className=\"pob-customerId col\">{/* TEMPORARY LOCKED state.customerName */ props.customerTemporary ?? \"-\"}</div>\r\n                    </div>\r\n                    <div className=\"line-decoration\"></div>\r\n\r\n                    <div className=\"customerContainer row\">\r\n                        <div className=\"pob-title col\">Value</div>\r\n                        <div className=\"pob-projectValue col\">{props.projectValue ?? \"0\"}</div>\r\n                    </div>\r\n                    <div className=\"line-decoration\"></div>\r\n\r\n                    <div className=\"customerContainer row\">\r\n                        <div className=\"pob-title col\">Status</div>\r\n                        <div className=\"pob-projectValue col\">{props.active === \"1\" ? \"Active\" : \"Not Active\"}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"pob-container-right full-border\">\r\n                <div className=\"field-description\">Last Status</div>\r\n                <div className=\"line-decoration\"></div>\r\n                <div className=\"pob-description jodit-wysiwyg\" suppressContentEditableWarning>{getLatestStatusText(props.latestStatus)}</div>\r\n\r\n                <div className=\"pob-options\">\r\n                    <div className=\"option option-container\" onClick={() => {\r\n                        if (!props.id) {\r\n                            console.log(\"No ID\")\r\n                            return\r\n                        }\r\n                        history.push(RoutePath.pobContentWithHeader\r\n                            .replace(\":type\", POBContentType.POB)\r\n                            .replace(\":id\", props.id.toString())\r\n                            .replace(\":pobHeaderId\", props.projectHeaderId ?? \"undefined\")\r\n                        )\r\n                    }}>\r\n                        <input className=\"option\" type=\"image\" src={seeContentMenu} />See Content\r\n                    </div>\r\n                    \r\n                </div>\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div className=\"container-separator-block\">\r\n                <div className=\"separator-block\"/>\r\n                <div className=\"separator-block\"/>\r\n                <div className=\"separator-block\"/>\r\n            </div>\r\n        </div>\r\n    )\r\n}","\r\n\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { POBComponent } from './POBComponentV2';\r\n\r\n\r\nimport { useHistory } from \"react-router\";\r\nimport { POBPagePath } from '../../../database_api/api';\r\nimport { ListLayoutFacade } from '../../../layout/ListLayoutFacade';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from '../../Search/FlexibleSearchComponentV2';\r\nimport { OptionInputSearchComponent } from '../../Search/OptionInputSearchComponentV2';\r\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { POBModel } from '../model/POBV2';\r\n\r\nexport const POBList = () => { \r\n    const history = useHistory()\r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading, params } = useDataList<POBModel>({\r\n        url: POBPagePath,\r\n        size: itemSize,\r\n        identifier: \"pobs\"\r\n    })\r\n    \r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"name\",\r\n            displayField: \"Name\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"code\",\r\n            displayField: \"Project Code\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"projectManagerId\",\r\n            displayField: \"Project Manager\",\r\n            reference: {\r\n                type: \"member\",\r\n                targetField: \"username\",\r\n                searchField: \"name\"\r\n            }\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"customerId\",\r\n            displayField: \"Customer\",\r\n            reference: {\r\n                type: \"customer\",\r\n                targetField: \"id\",\r\n                searchField: \"name\"\r\n            }\r\n        }\r\n        ,\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"clientId\",\r\n            displayField: \"Client\",\r\n            reference: {\r\n                type: \"client\",\r\n                targetField: \"id\",\r\n                searchField: \"name\"\r\n            }\r\n        }\r\n    ]\r\n\r\n    let topSearchComponent = (\r\n        <div id=\"search-container\">\r\n            <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Project Name, Code, Project Manager, Customer, Client\" queryOptions={queryOptions} />\r\n        </div>\r\n    )\r\n\r\n    const filterComponents = [\r\n        <>\r\n            <h2>Status</h2>\r\n            {<OptionInputSearchComponent name='filter' options={[\r\n                { key: 'all', value: 'All' },\r\n                { key: '1', value: 'Active' },\r\n                { key: '0', value: 'Not Active' }\r\n            ]}\r\n                initialValue={typeof params.active === \"string\" ? params.active : 'all'}\r\n            />}\r\n        </>\r\n    ]\r\n\r\n    const contentComponent = (\r\n        <div id=\"pob-content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"pob-list\">\r\n                {\r\n                    (data && data.length > 0 && data.map((pob, index) => {\r\n                        return <POBComponent name={pob.name} photo_url={pob.photo_url} code={pob.code}\r\n                            id={pob.id} projectManagerName={pob.projectManagerName} latestStatus={pob.latestStatus}\r\n                            projectHeaderName={pob.projectHeaderName} customerName={pob.customerName}\r\n                            projectHeaderId={pob.projectHeaderId} clientId={pob.clientId} clientName={pob.clientName}\r\n                            customerId={pob.customerId} customerTemporary={pob.customerTemporary}\r\n                            projectManagerId={pob.projectManagerId} projectValue={pob.projectValue}\r\n                            key={index} active={pob.active}\r\n                            \r\n                        />\r\n                    }))\r\n                    ||\r\n                    <div className=\"message\">No pob registered</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n        </div>\r\n    )\r\n\r\n    const addComponent = <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => {\r\n        history.push(RoutePath.pobList + \"/add\")\r\n    }} />\r\n\r\n    return (\r\n        <ListLayoutFacade\r\n            topSearchComponent={topSearchComponent}\r\n            filterComponents={filterComponents}\r\n            contentComponents={contentComponent}\r\n            addComponent={addComponent}\r\n        />\r\n    )\r\n}","import React from 'react';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\n\r\nimport { POBAdd } from './POBAddV2';\r\nimport { POBEdit } from './POBEditV2';\r\nimport { POBList } from './POBListV2';\r\n\r\nexport class POB extends React.Component<RouteComponentProps>{\r\n    basePath: string\r\n    constructor(props: RouteComponentProps){\r\n        super(props)\r\n\r\n        this.basePath = this.props.match.url\r\n    }\r\n\r\n    render(){\r\n        return (\r\n            <React.Fragment>\r\n                <Route path={this.props.match.url} component={POBList} exact={true} />\r\n                <Route path={this.props.match.url + \"/add\"} component={POBAdd}/>\r\n                <Route path={this.props.match.url + \"/edit/:id\"} component={POBEdit}/>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}","import JoditEditor from 'jodit-react';\r\nimport 'jodit/build/jodit.min.css';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\n\r\nexport const JoditContentEditorModule = (props: {\r\n    fieldName: string, placehoder: string,\r\n    value: string | undefined,\r\n    handleChange: (content: string) => void,\r\n    handleOnFocus?: () => void,\r\n    handleOnBlur?: () => void, message?: string\r\n    aclass?: string\r\n}) => {\r\n\r\n    const { aclass, fieldName, placehoder, value, handleChange, handleOnFocus, handleOnBlur, message } = props;\r\n    const editor = useRef(null);\r\n    const [content, setContent] = useState(value ?? '');\r\n\r\n    useEffect(() => {\r\n        if (content === value) return;\r\n        setContent(value ?? '')\r\n    }, [value])\r\n\r\n    const config = useMemo(() => ({\r\n        inline: true,\r\n        preset: \"inline\",\r\n        toolbar: false,\r\n        theme: 'default',\r\n        popup: {\r\n            selection: [\"bold\", \"underline\", \"italic\", \"brush\", \"\\n\", \"link\", \"image\", \"paragraph\", \"align\", \"\\n\", \"ul\", \"ol\", \"indent\", \"outdent\", \"\\n\", \"table\"]\r\n        },\r\n        useInputsPlaceholder: true,\r\n        showPlaceholder: true,\r\n        askBeforePasteHTML: false,\r\n        placeholder: placehoder,\r\n        tabIndex: 1\r\n    }), [])\r\n\r\n    return (\r\n        <JoditEditor\r\n            className={aclass ?? \"\"}\r\n            ref={editor}\r\n            value={content}\r\n            config={config}\r\n            onBlur={(content) => {\r\n                handleOnBlur && handleOnBlur();\r\n                handleChange(content)\r\n            }}\r\n            onChange={newContent => { }}\r\n        />\r\n    );\r\n}","import UploadDropZone from \"@rpldy/upload-drop-zone\"\r\nimport Uploady, { useItemErrorListener, useItemFinishListener, useItemProgressListener } from \"@rpldy/uploady\"\r\nimport React from \"react\"\r\nimport { FileUploadFinish } from \"../../ProjectFiles/FileUploadInterface\"\r\n\r\nlet UploadStatus: React.FunctionComponent<{ finishUpload: FileUploadFinish, progressUpload: FileUploadProgressUpdater }> = (props) => {\r\n    useItemErrorListener((item) => {\r\n        console.log(item)\r\n    })\r\n\r\n    useItemFinishListener((item) => {\r\n        console.log(item)\r\n        if (item.uploadResponse.data.data.file)\r\n            props.finishUpload.onFinish(item.uploadResponse.data.data.file)\r\n    })\r\n\r\n    useItemProgressListener((item) => {\r\n        props.progressUpload.onProgress({\r\n            name: item.file.name,\r\n            completed: item.completed\r\n        })\r\n    })\r\n\r\n    return <></>\r\n}\r\n\r\nexport interface FileUploadProgress{\r\n    name: string\r\n    completed: number\r\n}\r\n\r\nexport interface FileUploadProgressUpdater{\r\n    onProgress(file: FileUploadProgress):void\r\n}\r\n\r\ninterface FileUploadHandlerProps{\r\n    id?: string\r\n    projectName: string\r\n    apiURL: string\r\n    progressUpload: FileUploadProgressUpdater\r\n    finishUpload: FileUploadFinish\r\n    headers: {[name: string]: string}\r\n}\r\n\r\nexport let FieldInformationFileUploadHandler: React.FunctionComponent<FileUploadHandlerProps> = (props) => {\r\n    return (\r\n        <div className=\"dragdropArea\">\r\n            <Uploady key={props.id} destination={{\r\n                url: props.apiURL, \r\n                headers: props.headers\r\n            }}\r\n                multiple\r\n                forceJsonResponse\r\n                sendWithFormData\r\n                autoUpload\r\n                concurrent\r\n                maxConcurrent={20}\r\n                \r\n                params={{\r\n                    \"id\": props.id,\r\n                    \"projectName\": props.projectName\r\n                }}\r\n                inputFieldName=\"file_url\"\r\n                method=\"POST\"\r\n            >\r\n                <UploadDropZone className=\"full-upload\">\r\n                    <div className=\"full-upload\">{props.children && props.children}</div>\r\n                </UploadDropZone>\r\n                <UploadStatus key={props.id} finishUpload={props.finishUpload} progressUpload={props.progressUpload} />\r\n\r\n            </Uploady>\r\n        </div>\r\n    )\r\n}","import JoditEditor from 'jodit-react';\r\nimport 'jodit/build/jodit.min.css';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\n\r\nexport const JoditContentEditorModule = (props: {\r\n    fieldName: string, placehoder: string,\r\n    value: string | undefined,\r\n    handleChange: (content: string) => void,\r\n    handleOnFocus?: () => void,\r\n    handleOnBlur?: () => void, message?: string\r\n    aclass?: string\r\n}) => {\r\n\r\n    const { aclass, fieldName, placehoder, value, handleChange, handleOnFocus, handleOnBlur, message } = props;\r\n    const editor = useRef(null);\r\n    const [content, setContent] = useState(value ?? '');\r\n\r\n    useEffect(() => {\r\n        if (content === value) return;\r\n        setContent(value ?? '')\r\n    }, [value])\r\n\r\n    const config = useMemo(() => ({\r\n        inline: true,\r\n        preset: \"inline\",\r\n        toolbar: false,\r\n        theme: 'default',\r\n        popup: {\r\n            selection: [\"bold\", \"underline\", \"italic\", \"brush\", \"\\n\", \"link\", \"image\", \"paragraph\", \"align\", \"\\n\", \"ul\", \"ol\", \"indent\", \"outdent\", \"\\n\", \"table\"]\r\n        },\r\n        useInputsPlaceholder: true,\r\n        showPlaceholder: true,\r\n        askBeforePasteHTML: false,\r\n        placeholder: placehoder,\r\n        tabIndex: 1\r\n    }), [])\r\n\r\n    return (\r\n        <JoditEditor\r\n            className={aclass ?? \"\"}\r\n            ref={editor}\r\n            value={content}\r\n            config={config}\r\n            onBlur={(content) => {\r\n                handleOnBlur && handleOnBlur();\r\n            }}\r\n            onChange={newContent => {\r\n                handleChange(newContent)\r\n            }}\r\n        />\r\n    );\r\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEqADAAQAAAABAAAAGAAAAADz0YjOAAADNklEQVQ4EY2UvUubURTG8wViojUZ1EElb9dSMIpLjNa4lmjjX6CVUigFm6F0ckgphW6mnUodTIcuTjEIpYtJ8QuEktB2cSiIHwhOkapDg6a/522vvI0ReuBy7z3POc8959xzr9t1jayvr0dqtVoKOMiouN3uit/vT/f19VUaufgaKQ1JIBBIGcfV1dX46elpFvtkIx93I+Xa2lpWJGdnZ2mi6pUNEb1nilxcXOSGh4eL0jnF49yYNc6WImF+gi6uwToJWdHr9SrVK9KQCIec0mN++NejCkGKaERWvsKCoiERaWVxyoB3yom1ZJJlORqN7khXL5dEikBgqVQKnpycTHJyG+m8kI51E0RPWfaq6NLVi11sFRegF4fXOMwxL3k8ntzg4GDu4OAg1tzc/H17ezt0fn6exC7FAaWWlpb75kZFaohyrPsxaINgJBaLlQVKdnd3H0Gc7+npOfijcbnMwZRg1JDZqeGcxehGV1dXIhwOG3t7Hh8f/zgxMfFgYGDgngEsyypy6BJ9VTA6m4h0MgDJUCj0DSBuQM0+n89iSjNykJVmZmbusnbRS+qxY2o7pb1PCxRlR5NlBFwjEew/JBKJm8LJRPVSWbIeRUINtPkvwTZIT9mHmVrqxpVaBObidSzT09ORjo6OeviyXgCqV1xE4e7u7s69vb139db7+/tTY2Njc9TlH0hRgUW50ZeQ7DCCdrF5nD/oi2dO68PDQ6tarb4Bq+XzeSdkr7nhL/TXK7IJSqEafT46OrrNjVWc1nT3J5rRPzs7697a2nJCLnyWiOpXe3v7T248Alj0qdCMpDbGemNj4+3Kykp4fn7ea3RmhuSYDk9rr+dEL0WGhoaKHm4gB5jc3Ny0BFKr+OLiogVJk/ZOEQmFf7y8vGyr9V8RRFYb+4nwEKUYoaufM1sUP9vf3z/FWq1h1wCSMpFkCoVChbTTHFgkLX2A9t9lE4mR96PIavWPkZu509ra+tVZQ1JPQrpAoUdNL9m3JiLy1OnH5FyCVH+PLRjfIoKANkofbEGROEmEXUakjUT/DYQplnFGiWFEKYYIOkvUGfPqDXiFyAB/Pzh1vUUEO8wVk4axcc6/AblyoRa8LMQrAAAAAElFTkSuQmCC\"","import * as React from 'react';\r\nimport { FieldMessage } from './FieldMessage';\r\n\r\nexport interface TextInputProp{\r\n    icon?: any\r\n    helpText?: string\r\n    inputRef?: React.RefObject<HTMLInputElement>\r\n    placeholder: string\r\n    [param: string]: any\r\n}\r\n\r\nexport const TextInput = (textProps: TextInputProp) => {\r\n    const { aclass, placeholder, type, message, touched, inputRef, name, ...props } = textProps\r\n    \r\n    return (\r\n        <div className=\"input-container\">\r\n            <input type={type || \"text\"} name={name}\r\n            className={\"text-input \" + (aclass ?? 'default') + (props.icon ? '' : ' no-icon') }\r\n            placeholder={ placeholder }\r\n            onChange={props.onChange}\r\n            {...props}\r\n            value={props.value} ></input>\r\n            <label htmlFor={name}>{placeholder}</label>\r\n            {message && touched && <FieldMessage message={message} />}\r\n            {props.icon && \r\n                <div className=\"icon\">\r\n                    <img src={ props.icon }></img>\r\n                </div>\r\n            }\r\n            {props.helpText && <div className=\"helper-data\">{props.helpText}</div> }\r\n        </div>\r\n    )\r\n}","import * as React from 'react';\r\n\r\nimport timerIcon from '../../../img/icon-actionPlanTimer.png';\r\nimport dateIcon from '../../../img/icon-date.png';\r\n\r\nimport closeIcon from '../../../img/close.png';\r\n\r\n\r\nimport moment from 'moment';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport DatePicker from 'react-datepicker';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { LatestStatusPath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { JoditContentEditorModule } from '../../../form-components/JoditContentEditorModuleV3';\r\nimport { TextInput } from '../../../form-components/TextInput';\r\nimport { TextInput as TextInput2 } from '../../../form-components/TextInputV2';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { ActionPlanModel } from '../../ActionPlan/model/ActionPlan';\r\nimport { ActionPlanFields } from '../../FieldInformation/ui/ActionPlanFieldsV3';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { SelectOptionObject } from '../../Shared/model/SelectOptionObjectModel';\r\nimport { useAddData } from '../../Shared/useAddData';\r\nimport { useDeleteData } from '../../Shared/useDeleteData';\r\nimport { useUpdateData } from '../../Shared/useUpdateData';\r\nimport { ResultType, useSelectMemberHelper } from '../../useSelectMemberHelperV2';\r\nimport { LatestStatusModel } from '../model/LatestStatusV2';\r\n\r\nexport const LatestStatusComponent = (props: LatestStatusModel) => {\r\n    const { history, params } = useURL()\r\n\r\n    const { add } = useAddData(LatestStatusPath, false)\r\n    const { update } = useUpdateData(LatestStatusPath)\r\n    const { remove } = useDeleteData(LatestStatusPath + props.id)\r\n    const [isDeleted, setIsDeleted] = useState(false)\r\n\r\n    const [memberList, setMemberList] = useState<ResultType[]>([])\r\n\r\n    const [tempContractors, setTempContractors] = useState<string>(props.contractors ?? \"\")\r\n    const [tempLocation, setTempLocation] = useState<string>(props.location ?? \"\")\r\n\r\n    const setPersonnelList = (personnelListData?: string) => {\r\n        let personnelList = \"-\"\r\n\r\n        if (personnelListData) {\r\n            let datas: SelectOptionObject[] = JSON.parse(personnelListData)\r\n            datas.forEach(data => {\r\n                if (personnelList == \"-\") {\r\n                    personnelList = data.label\r\n                }\r\n                else {\r\n                    personnelList += \", \" + data.label\r\n                }\r\n            })\r\n        }\r\n\r\n        return personnelList\r\n    }\r\n\r\n    const [latestStatusData, setLatestStatusData] = useState<LatestStatusModel>({\r\n        ...props,\r\n        personnelListDisplay: setPersonnelList(props.personnelList),\r\n        date_date: props.date ? moment(props.date).toDate() : undefined\r\n    })\r\n\r\n    const prevProps = usePrevious(props)\r\n    const prevLatestStatusData = usePrevious(latestStatusData)\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        if(params.addForm) setMemberList(datas)\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (!prevProps) return\r\n        if (JSON.stringify(props) === JSON.stringify(prevProps)) return\r\n\r\n        setLatestStatusData(\r\n            (prevProps) => {\r\n                return (\r\n                    {\r\n                        ...props,\r\n                        personnelListDisplay: setPersonnelList(props.personnelList),\r\n                        date_date: props.date ? moment(props.date).toDate() : undefined,\r\n                        actionPlanId: props.actionPlanId,\r\n                        actionPlanData: props.actionPlanData\r\n                    })\r\n            }\r\n        )\r\n\r\n        setTempContractors(props.contractors ?? \"\")\r\n        setTempLocation(props.location ?? \"\")\r\n    }, [props])\r\n\r\n    useEffect(() => {\r\n        if (!prevLatestStatusData) return\r\n\r\n        const compareNow = {...latestStatusData, actionPlanData: latestStatusData.actionPlanData?.map(a => a.id) }\r\n        const comparePrev = {... prevLatestStatusData, actionPlanData: prevLatestStatusData.actionPlanData?.map(a => a.id) }\r\n        \r\n        setTempContractors(latestStatusData.contractors ?? \"\")\r\n        setTempLocation(latestStatusData.location ?? \"\")\r\n        \r\n        if (JSON.stringify(compareNow) === JSON.stringify(comparePrev)) return\r\n\r\n        \r\n        if (!latestStatusData.id || latestStatusData.id === \"\") {\r\n            addLatestStatus()\r\n            return\r\n        }\r\n\r\n        doSilentUpdate()\r\n\r\n        \r\n    }, [latestStatusData])\r\n\r\n    const doSilentUpdate = () => {\r\n        update({\r\n            id: latestStatusData.id,\r\n            projectId: latestStatusData.projectId,\r\n            information: latestStatusData.information,\r\n            analysis: latestStatusData.analysis,\r\n            contractors: latestStatusData.contractors,\r\n            personnelList: latestStatusData.personnelList,\r\n            projectName: latestStatusData.projectName,\r\n            projectType: latestStatusData.projectType,\r\n            location: latestStatusData.location,\r\n            date: latestStatusData.date_date ? DateHelper.dateISO8601(latestStatusData.date_date.toLocaleString(\"en-US\")) : \"\",\r\n            actionPlanId: latestStatusData.actionPlanId,\r\n            resultUpdatedDate: new Date().toLocaleString(\"en-US\")\r\n        })\r\n    }\r\n\r\n    const addLatestStatus = () => {\r\n        if (!latestStatusData.date || !latestStatusData.date_date) return\r\n\r\n        add({\r\n            projectId: latestStatusData.projectId,\r\n            information: latestStatusData.information,\r\n            analysis: latestStatusData.analysis,\r\n            contractors: latestStatusData.contractors,\r\n            personnelList: latestStatusData.personnelList,\r\n            projectName: latestStatusData.projectName,\r\n            projectType: latestStatusData.projectType,\r\n            location: latestStatusData.location,\r\n            date: latestStatusData.date_date ? DateHelper.dateISO8601(latestStatusData.date_date.toLocaleString(\"en-US\")) : \"\",\r\n            actionPlanId: latestStatusData.actionPlanId,\r\n            resultCreatedDate: new Date().toLocaleString(\"en-US\"),\r\n            resultUpdatedDate: new Date().toLocaleString(\"en-US\")\r\n        }, {\r\n            onSuccess(result) {\r\n                setLatestStatusData({\r\n                    ...latestStatusData,\r\n                    id: result.data.id\r\n                })\r\n            },\r\n        })\r\n    }\r\n\r\n    const handleDateChange = (date: Date | [Date, Date] | null) => {\r\n        let pDate = date as Date\r\n        if (pDate) {\r\n            setLatestStatusData({\r\n                ...latestStatusData,\r\n                date_date: pDate,\r\n                date: pDate.toLocaleString(\"en-US\")\r\n            })\r\n        }\r\n    }\r\n\r\n    const confirmDeleteLatestStatus = () => {\r\n        if (!latestStatusData.id) return\r\n        if (!window.confirm(\"Yakin hapus Latest Status ini?\")) return\r\n\r\n        remove(undefined, {\r\n            onSuccess(result) {\r\n                if (result.status == ResultStatus.fail) {\r\n                    alert(result.message)\r\n                    return\r\n                }\r\n\r\n                setIsDeleted(true)\r\n            }\r\n        })\r\n    }\r\n\r\n    const handleLocationChange = (e: React.FormEvent<HTMLInputElement>) => {\r\n        setLatestStatusData({\r\n            ...latestStatusData,\r\n            location: e.currentTarget.value\r\n        })\r\n    }\r\n\r\n    const handleLocationChangeTemp = (e: React.FormEvent<HTMLInputElement>) => {\r\n        setTempLocation(e.currentTarget.value)\r\n    }\r\n\r\n    const handleContractorsChange = (e: React.FormEvent<HTMLInputElement>) => {\r\n        setLatestStatusData({\r\n            ...latestStatusData,\r\n            contractors: e.currentTarget.value\r\n        })\r\n    }\r\n\r\n    const handleContractorsChangeTemp = (e: React.FormEvent<HTMLInputElement>) => {\r\n        setTempContractors(e.currentTarget.value)\r\n    }\r\n\r\n    const handleStatusChange = (content: string) => {\r\n        console.log(content)\r\n        setLatestStatusData(prevData => ({\r\n            ...prevData,\r\n            information: content\r\n        }))\r\n    }\r\n\r\n    const handleAnalysisChange = (content: string) => {\r\n        setLatestStatusData(prevData => ({\r\n            ...prevData,\r\n            analysis: content\r\n        }))\r\n    }\r\n\r\n    const addNewActionPlanField = () => {\r\n        let newDummyActionPlan = {\r\n            id: \"\",\r\n            date: new Date().toLocaleString(\"en-US\"),\r\n            location: \"\",\r\n            name: \"\",\r\n            objective: \"\",\r\n            projectId: props.projectId\r\n        }\r\n\r\n        setTimeout(() => {\r\n            setLatestStatusData({\r\n                ...latestStatusData,\r\n                actionPlanData: (latestStatusData.actionPlanData ?\r\n                    [...latestStatusData.actionPlanData, newDummyActionPlan] :\r\n                    [newDummyActionPlan]\r\n                )\r\n            })\r\n        }, 300)\r\n        \r\n    }\r\n\r\n    const updateActionPlan = (idx: number, actionPlanId: string, actionPlanData?: ActionPlanModel) => {\r\n        if (!latestStatusData.actionPlanData) return\r\n        if (idx >= latestStatusData.actionPlanData.length) return\r\n\r\n        var newActionPlanData = [...latestStatusData.actionPlanData]\r\n        newActionPlanData[idx] = { ...actionPlanData, id: actionPlanId }\r\n\r\n        var newActionPlanId = latestStatusData.actionPlanId ? [...latestStatusData.actionPlanId] : []\r\n        if (idx < newActionPlanId.length) {\r\n            newActionPlanId[idx] = actionPlanId\r\n        }\r\n        else {\r\n            newActionPlanId.push(actionPlanId)\r\n        }\r\n\r\n        setLatestStatusData({\r\n            ...latestStatusData,\r\n            actionPlanId: newActionPlanId,\r\n            actionPlanData: newActionPlanData\r\n        })\r\n    }\r\n\r\n    const newDate = new Date().toLocaleString(\"en-US\")\r\n\r\n    const runDeleteActionPlan = (actionPlanId: string) => {\r\n        if (!latestStatusData.actionPlanId || !latestStatusData.actionPlanData) return\r\n\r\n        console.log(\"run 2\")\r\n        let newActionPlanId = [...latestStatusData.actionPlanId.filter(id => id != actionPlanId)]\r\n        let newActionPlanData = [...latestStatusData.actionPlanData.filter(data => data.id != actionPlanId)]\r\n\r\n        console.log(newActionPlanId)\r\n\r\n        setLatestStatusData({\r\n            ...latestStatusData,\r\n            actionPlanId: newActionPlanId,\r\n            actionPlanData: newActionPlanData\r\n        })\r\n    }\r\n\r\n    if (isDeleted) return (\r\n        <div className=\"latestStatus-container full-border\">\r\n            Latest Status deleted.\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <div id=\"form-container\" className=\"latestStatus-form\" onClick={() => console.log(props.id)}>\r\n            {params.addForm &&\r\n                <div className=\"title\">\r\n                    <h1>Add Latest Status & Analysis</h1>\r\n                </div>\r\n            }\r\n\r\n            {latestStatusData.id && <div id={latestStatusData.id} style={{marginTop:\"-85px\", position: \"absolute\"}} />}\r\n\r\n            <div className=\"latestStatus-container full-border\">\r\n                <div className=\"row latestStatus-header\"></div>\r\n\r\n                <div className=\"row\">\r\n                    <div className=\"col\">\r\n                        <div className=\"col latestStatus-when\">\r\n                            <DatePicker className=\"text-input default time\" {...params.addForm && { placeholderText: \"Time\" }} selected={latestStatusData.date_date} onChange={(date: Date) => { handleDateChange(date) }}\r\n                                showTimeSelect dateFormat=\"MMMM d, yyyy H:mm\" timeFormat='HH:mm'\r\n                                customInput={<TextInput icon={dateIcon} placeholder=\"\" name=\"time\" value={latestStatusData.date} />} />\r\n                            <div className=\"latestStatus-delete\" title='Delete Latest Status' onClick={() => { confirmDeleteLatestStatus() }}>\r\n                                <img src={closeIcon} />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"rowflex latestStatus-description\">\r\n                    <div className=\"col default-margin-top\">\r\n                        <div className=\"latestStatus-personnelList\">\r\n                            <TextInput2 name=\"contractors\" value={tempContractors} placeholder=\"With\"\r\n                                onChange={handleContractorsChangeTemp}\r\n                                onBlur={handleContractorsChange} />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col default-margin-top\">\r\n                        <div className=\"col latestStatus-where\">\r\n                            <div className=\"latestStatus-location\">\r\n                                <TextInput2 name=\"location\" value={tempLocation} placeholder=\"Where\"\r\n                                    onChange={handleLocationChangeTemp}\r\n                                    onBlur={handleLocationChange} />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"row latestStatus-description\">\r\n                    <h2>Status</h2>\r\n                    <JoditContentEditorModule\r\n                        fieldName=\"information\"\r\n                        placehoder=\"Status\"\r\n                        value={latestStatusData.information}\r\n                        handleChange={handleStatusChange}\r\n                    />\r\n                </div>\r\n\r\n                <div className=\"row latestStatus-description\">\r\n                    <h2>Analysis</h2>\r\n                    <JoditContentEditorModule\r\n                        fieldName=\"analysis\"\r\n                        placehoder=\"Analysis\"\r\n                        value={latestStatusData.analysis}\r\n                        handleChange={handleAnalysisChange}\r\n                    />\r\n                </div>\r\n\r\n                <div className={(\"rowflex rowActionPlan \" + (latestStatusData.actionPlanData && latestStatusData.actionPlanData.length > 0 ? \"\" : \"hidden\"))}>\r\n                    <div className=\"rowflex center latestStatus-description\">\r\n                        <div className=\"latestStatus-with\">Follow Up Action Plan</div>\r\n                        <div className=\"latestStatus-actionPlan\">\r\n                            <div className=\"icon\"><img src={timerIcon} /></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className={(\"rowflex latestStatus-actionPlanList \" + (latestStatusData.actionPlanData && latestStatusData.actionPlanData.length > 0 ? \"\" : \"hidden\"))}>\r\n                    {latestStatusData.actionPlanData &&\r\n                        latestStatusData.actionPlanData.map((actionPlan, index) => (\r\n                            <ActionPlanFields\r\n                                key={index}\r\n                                projectId={props.projectId}\r\n                                id={actionPlan.id}\r\n                                name={actionPlan.name}\r\n                                location={actionPlan.location}\r\n                                memberList={props.memberList ?? memberList}\r\n                                picIds={actionPlan.picIds}\r\n                                personnelList={actionPlan.personnelList}\r\n                                contractors={actionPlan.contractors}\r\n                                objective={actionPlan.objective}\r\n                                time={actionPlan.date ?? newDate}\r\n                                showTimeField\r\n                                onActionPlanIdUpdate={\r\n                                    (actionPlanId?: string, actionPlanData?: ActionPlanModel) => {\r\n                                        console.log(actionPlanId, actionPlanData)\r\n                                        if (!actionPlanId) { console.log(\"NO ID\"); return }\r\n                                        updateActionPlan(index, actionPlanId, actionPlanData)\r\n                                    }\r\n                                }\r\n                                deleteable\r\n                                clearable={false}\r\n                                onDeleteActionPlan={() => actionPlan.id && runDeleteActionPlan(actionPlan.id)}\r\n                            />\r\n                        )\r\n                        )\r\n                    }\r\n\r\n                </div>\r\n                <div className=\"row latestStatus-description\">\r\n                    <div className=\"col\">\r\n                        <ButtonInput caption=\"Add Action Plan\" title=\"Add Action Plan\" onClick={() => addNewActionPlanField()} />\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"latestStatus-options\">\r\n                    <div className=\"status hidden\">\r\n                        {props.resultCreatedDate && props.resultUpdatedDate &&\r\n                            (props.resultCreatedDate == props.resultUpdatedDate ? \"Created at \" : \"Updated at \") +\r\n                            DateHelper.dateFormat(props.resultUpdatedDate, \"MMMM DD, YYYY\")\r\n                        }\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            {params.addForm &&\r\n                <div className=\"row default-padding-top\">\r\n                    <div className=\"col\">\r\n                        <ButtonInput type=\"button\" caption=\"Back\" title=\"Back\" id=\"cancel\" onClick={history.goBack} />\r\n                    </div>\r\n                </div>\r\n            }\r\n\r\n            <div className=\"container-separator-block\">\r\n                <div className=\"separator-block\" />\r\n                <div className=\"separator-block\" />\r\n                <div className=\"separator-block\" />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport function usePrevious<T>(value: T) {\r\n    const ref = useRef<T>();\r\n    useEffect(() => {\r\n        ref.current = value;\r\n    }, [value]);\r\n    return ref.current;\r\n}","import moment from 'moment'\nimport React, { PropsWithChildren, useEffect } from 'react'\nimport DatePicker from 'react-datepicker'\nimport Select from 'react-select'\nimport { ResultStatus } from '../../../Types/ResultStatus'\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient'\nimport { ActionPlanPath } from '../../../database_api/api'\nimport { SelectOptionObject } from '../../../form-components/FormikSelectInputHandler'\nimport { JoditContentEditorModule } from '../../../form-components/JoditContentEditorModuleV3Alt'\nimport { TextInput } from '../../../form-components/TextInput'\nimport { DateHelper } from '../../../helper/DateHelper'\nimport closeIcon from '../../../img/close.png'\nimport nameIcon from '../../../img/icon-actionPlanTimer.png'\nimport dateIcon from '../../../img/icon-date.png'\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader'\nimport { Lang } from '../../../lang/Lang'\nimport { ActionPlanModel } from '../../ActionPlan/model/ActionPlan'\nimport { ActionPlanType } from '../../LatestStatus/ui/AsyncCreatableActionPlanSelectInputHandler'\nimport { usePrevious } from '../../LatestStatus/ui/LatestStatusComponentV2'\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission'\nimport { useAddData } from '../../Shared/useAddData'\nimport { useDeleteData } from '../../Shared/useDeleteData'\nimport { useUpdateData } from '../../Shared/useUpdateData'\nimport { ResultType } from '../../useSelectMemberHelperV2'\n\ninterface ActionPlanFieldsProps extends ActionPlanModel {\n    clearable?: boolean\n    deleteable?: boolean\n    onActionPlanIdUpdate?: (actionPlanId: string | undefined, actionPlanData?: ActionPlanModel) => void\n    onDeleteActionPlan?: () => void\n    time: string\n    showTimeField?: boolean\n}\n\nexport const ActionPlanFields = (props: PropsWithChildren<ActionPlanFieldsProps>) => {\n    const { add } = useAddData(ActionPlanPath, false)\n    const { update } = useUpdateData(ActionPlanPath)\n    const { remove } = useDeleteData(ActionPlanPath + props.id + \"/latestStatus\")\n    const [actionPlanSelected, setActionPlanSelected] = React.useState<SelectOptionObject | undefined>(\n        (props.name && props.id) ? {\n            label: props.name,\n            value: props.id\n        } : undefined\n    )\n    const [location, setLocation] = React.useState<string | undefined>(props.location)\n    const [objective, setObjective] = React.useState<string | undefined >(props.objective)\n    const [contractors, setContractors] = React.useState<string | undefined>(props.contractors)\n    const [personnelList, setPersonnelList] = React.useState<string | undefined>(props.personnelList)\n    \n    const [time, setTime] = React.useState<string>(props.time && props.time !== \"\" ? props.time : new Date().toLocaleString(\"en-US\"))\n    const [date_date, setDate_date] = React.useState<Date | undefined>(props.time && props.time !== \"\" ? moment(props.time).toDate() : new Date())\n    const [actionPlanId, setActionPlanId] = React.useState<string | undefined>(props.id)\n    const [actionPlanName, setActionPlanName] = React.useState<string | undefined>(props.name)\n\n    const [picIds, setPicIds] = React.useState<string[]>(props.picIds ?? [])\n    const [membersSelected, setMembersSelected] = React.useState<ResultType[]>(props.picIds ? props.picIds.map((picId: string) => {\n        if(!props.memberList) return {label: \"\", value: \"\"}\n\n        const member = props.memberList?.find(data => data.value == picId)\n        if(!member) return {label: \"\", value: \"\"}\n        \n        return member\n    }) : [])\n\n    const prevProps = usePrevious(props)\n\n    useEffect(() => {\n        if (!prevProps) return\n\n        const prevActionPlanProps = {\n            ...prevProps,\n            id: prevProps.id ?? \"\",\n            name: prevProps.name ?? \"\"\n        }\n\n        delete prevActionPlanProps.clearable\n        delete prevActionPlanProps.deleteable\n        delete prevActionPlanProps.onActionPlanIdUpdate\n        delete prevActionPlanProps.onDeleteActionPlan\n        delete prevActionPlanProps.showTimeField\n\n        const currentActionPlanProps = {\n            ...props,\n            id: props.id ?? \"\",\n            name: props.name ?? \"\"\n        }\n\n        delete currentActionPlanProps.clearable\n        delete currentActionPlanProps.deleteable\n        delete currentActionPlanProps.onActionPlanIdUpdate\n        delete currentActionPlanProps.onDeleteActionPlan\n        delete currentActionPlanProps.showTimeField\n\n        if (JSON.stringify(prevActionPlanProps) != JSON.stringify(currentActionPlanProps)) {\n            handleActionPlanChange(currentActionPlanProps, true)\n            if(currentActionPlanProps.time !== prevActionPlanProps.time) {\n                setTime(currentActionPlanProps.time)\n            }\n        }\n    }, [props])\n\n    const handleActionPlanChange = (actionPlan?: ActionPlanType, firstLoad?: boolean) => {\n        if (actionPlan == undefined) {\n            setActionPlanId(undefined)\n            setActionPlanName(undefined)\n            setActionPlanSelected(undefined)\n            setLocation(\"\")\n            setPersonnelList(\"\")\n            setContractors(\"\")\n            setObjective(\"\")\n            setPicIds([])\n            setMembersSelected([])\n            \n            props.onActionPlanIdUpdate && props.onActionPlanIdUpdate(undefined)\n            return\n        }\n\n        setActionPlanId(actionPlan.id)\n        setActionPlanName(actionPlan.name)\n        setActionPlanSelected({\n            label: actionPlan.name,\n            value: actionPlan.id\n        })\n        setLocation(actionPlan.location ?? \"\")\n        setPersonnelList(actionPlan.personnelList ?? \"\")\n        setContractors(actionPlan.contractors ?? \"\")\n        setObjective(actionPlan.objective ?? \"\")\n        setPicIds(actionPlan.picIds ?? [])\n        setMembersSelected(actionPlan.picIds ? actionPlan.picIds.map((picId: string) => {\n            if(!props.memberList) return {label: \"\", value: \"\"}\n\n            const member = props.memberList?.find(data => data.value == picId)\n            if(!member) return {label: \"\", value: \"\"}\n            \n            return member\n        }) : [])\n        \n        if(actionPlan.date) {\n            let d = moment(actionPlan.date)\n            if (d.isValid()) {\n                setDate_date(d.toDate())\n                setTime(d.toDate().toLocaleString(\"en-US\"))\n            }\n        }\n\n        if(firstLoad) return\n        \n        props.onActionPlanIdUpdate && props.onActionPlanIdUpdate(actionPlan.id, {\n            id: actionPlan.id,\n            name: actionPlan.name,\n            location: actionPlan.location,\n            objective: actionPlan.objective,\n            personnelList: actionPlan.personnelList,\n            contractors: actionPlan.contractors,\n            picIds: actionPlan.picIds,\n            date: actionPlan.date\n        })\n    }\n\n    const createActionPlan = (name: string) => {\n        if(!date_date) return\n\n        add({\n            projectId: props.projectId,\n            date: DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\")),\n            name: name,\n            location: location,\n            objective: objective,\n            personnelList: personnelList,\n            contractors: contractors,\n            picIds: picIds\n        },\n        {\n            onSuccess(result) {\n                handleActionPlanChange({\n                    id: result.data.id,\n                    name: result.data.name\n                })\n            }\n        })\n    }\n\n    const updateActionPlan = (name: string, date_date?: Date, refresh: Boolean = true) => {\n        if(!date_date) return\n        if(!actionPlanId) return\n\n        console.log(\"updateActionPlan\", DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\")))\n\n        update({\n            id: actionPlanId,\n            projectId: props.projectId,\n            date: DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\")),\n            name: name,\n            location: location,\n            objective: objective,\n            personnelList: personnelList,\n            contractors: contractors,\n            picIds: picIds\n        },\n        {\n            onSuccess(result) {\n                if (result.status == ResultStatus.ok && refresh)\n                    handleActionPlanChange({\n                        id: actionPlanId,\n                        name: name,\n                        location: location,\n                        objective: objective,\n                        personnelList: personnelList,\n                        contractors: contractors,\n                        picIds: picIds,\n                        date: DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\"))\n                    })\n            }\n        })\n    }\n\n    const handleActionPlanCreate = (name: string) => {\n        console.log(\"Action plan create called\")\n        console.log(\"actionPlanSelected\", actionPlanSelected)\n\n        const emptyActionPlan = {\n            label: '', value: ''\n        }\n\n        if(!actionPlanSelected || JSON.stringify(actionPlanSelected) == JSON.stringify(emptyActionPlan)){\n            createActionPlan(name)\n        }\n        else{\n            updateActionPlan(name, date_date, false)\n        }\n    }\n\n    const callUpdateActionPlan = () => {\n        console.log(\"callUpdateActionPlan\")\n        if(!actionPlanName) return\n        updateActionPlan(actionPlanName, date_date, true)\n    }\n\n    const client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\n\n    const handleChangeForActionPlanFields = (e: React.FormEvent<HTMLInputElement>) => {\n        console.log(\"NOT WORKING YET\")\n        // setState<never>({\n        //     [`${e.currentTarget.name}`]: e.currentTarget.value\n        // })\n    }\n\n    const handleBlurForActionPlanFields = (e: React.FormEvent<HTMLInputElement>) => {\n        if(!actionPlanSelected) return\n        callUpdateActionPlan()\n    }\n\n    const handleDateChange = (date: Date | [Date, Date] | null) => {\n        let pDate = date as Date\n        if (pDate) {\n            if(date_date && date_date.toLocaleString(\"en-US\") !== pDate.toLocaleString(\"en-US\")){\n                console.log(date_date.toLocaleString(\"en-US\"))\n                console.log(pDate.toLocaleString(\"en-US\"))\n                setDate_date(pDate)\n                setTime(pDate.toLocaleString(\"en-US\"))\n                if(actionPlanName) updateActionPlan(actionPlanName, pDate)\n            }\n        }\n    }\n    \n    const deleteActionPlan = () => {\n        if(!actionPlanId) return\n        \n        const confirmDelete = window.confirm(\"Are you sure want to delete \" + actionPlanName + \"? The action plan will be deleted permanently.\")\n        if(!confirmDelete) return\n\n        remove(undefined, {\n            onSuccess(result) {\n                if (result.status == ResultStatus.ok) {\n                    props.onDeleteActionPlan && props.onDeleteActionPlan()\n                }\n            }\n        })\n    }\n\n    const handlePICSelectedChange = (inputValue: any, _: any) => {\n        console.log(inputValue)\n        if(!inputValue) {\n            setPicIds([])\n            setMembersSelected([])\n            return\n        }\n\n        setPicIds(inputValue.map((data: ResultType) => data.value))\n        setMembersSelected(inputValue)\n    }\n\n    useEffect(() => {\n        if(!actionPlanSelected) return\n        if(props.picIds === picIds) return\n        \n        callUpdateActionPlan()\n    }, [picIds])\n    \n    return (\n        <div className=\"col right default-margin-left actionPlanSection\">\n            <div id=\"actionPlanSectionContainer\">\n                { props.showTimeField && time && \n                <div className=\"rowflex center\" style={{\n                    marginTop: \"10px\"\n                }}>\n                    <div className=\"col left\">\n                        <div className=\"fieldInformation-label\">{Lang.actionPlanTime}</div>\n                    </div>\n                    <div className=\"col right\">\n                        <DatePicker className=\"text-input default\" placeholderText=\"\" selected={date_date} onChange={(date: Date) => { handleDateChange(date) }}\n                            showTimeSelect dateFormat=\"MMMM d, yyyy H:mm\" timeFormat='HH:mm'\n                            customInput={<TextInput icon={dateIcon} placeholder=\"\" name=\"time\" value={time} />} />\n                    </div>\n                </div>\n                }\n\n                { time &&\n                <div className=\"rowflex center\" style={{\n                    marginTop: \"10px\"\n                }}>\n                    <div className=\"col left\">\n                        <div className=\"fieldInformation-label\">{Lang.actionPlanItem}</div>\n                    </div>\n                    <div className=\"col right\">\n                        <TextInput aclass=\"full-width default fieldInformation-actionPlanName\" icon={nameIcon} placeholder={Lang.actionPlanItem} name=\"name\"\n                            value={actionPlanName} \n                            onChange={(e: React.FormEvent<HTMLInputElement>) => setActionPlanName(e.currentTarget.value)}\n                            onBlur={(e: React.FormEvent<HTMLInputElement>) => handleActionPlanCreate(e.currentTarget.value)}\n                        />\n                \n                    </div>\n                </div>\n                }\n\n                { time && actionPlanId &&\n                <div className={\"actionPlanFields\"}>\n                    <div className=\"row\">\n                        <div className=\"fieldInformation-location\">\n                            <TextInput name=\"location\" value={location} placeholder={Lang.actionPlanLocation}\n                                onChange={(e: React.FormEvent<HTMLInputElement>) => setLocation(e.currentTarget.value)}\n                                onBlur={handleBlurForActionPlanFields} /></div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"fieldInformation-personnelList\">\n                                <TextInput name=\"personnelList\" value={personnelList} placeholder={Lang.actionPlanCustomerPersonnel}\n                                onChange={(e: React.FormEvent<HTMLInputElement>) => setPersonnelList(e.currentTarget.value)}\n                                onBlur={handleBlurForActionPlanFields} />\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"fieldInformation-personnelList\">\n                            <TextInput name=\"contractors\" value={contractors} placeholder={Lang.actionPlanThirdParty}\n                                onChange={(e: React.FormEvent<HTMLInputElement>) => setContractors(e.currentTarget.value)}\n                                onBlur={handleBlurForActionPlanFields} />\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"fieldInformation-picIds\">\n                        <div className=\"fieldInformation-label\">{Lang.actionPlanPicIds}</div>\n                        <Select placeholder={Lang.actionPlanPicIds} className=\"selectionStyle full-border\" \n                            isSearchable={true} classNamePrefix=\"si\" options={props.memberList ?? []} \n                            value={membersSelected ?? []} \n                            isMulti={true}\n                            onChange={handlePICSelectedChange}\n                        />\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"fieldInformation-objective\">\n                            <div className=\"fieldInformation-label\">{Lang.actionPlanObjective}</div>\n                            <JoditContentEditorModule\n                                aclass=\"textarea\"\n                                placehoder={Lang.actionPlanObjective}\n                                fieldName=\"objective\" value={objective}\n                                handleChange={(value) => { setObjective(value) }}\n                                handleOnBlur={() => callUpdateActionPlan()}\n                            />\n                        </div>\n                    </div>\n\n                    {props.deleteable &&\n                            <div className=\"actionPlan-delete\" title=\"Delete Action Plan\" onClick={() => { deleteActionPlan() }}><img src={closeIcon} /></div>\n                    }\n                </div>\n                }\n            </div>\n        </div>\n\n    )\n}","import React from 'react'\nimport { FileUploadProgress } from '../uploader/FieldInformationFileUploadHandler'\n\nexport class FileUploadProgressUI{\n    displayFileUpload = (fileUploadList: FileUploadProgress[]) => (\n        <div className=\"row fileUploadList\">\n            { fileUploadList.map(file => (\n                <div className=\"rowflex file-container center\" key={file.name}>\n                    <div className=\"col name flex5\">\n                        {file.name}\n                    </div>\n                    <div className=\"col progress\">\n                        {file.completed.toFixed(1)} %\n                    </div>\n                </div>\n            ))}\n        </div>\n    )\n}","import moment from \"moment\"\r\nimport { useEffect, useState } from \"react\"\r\nimport { ResultStatus } from \"../../../Types/ResultStatus\"\r\nimport { FieldInformationPath, SupportingDocsPath } from \"../../../database_api/api\"\r\nimport { JoditContentEditorModule } from \"../../../form-components/JoditContentEditorModule\"\r\nimport { DateHelper } from \"../../../helper/DateHelper\"\r\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\"\r\nimport { RoutePath } from \"../../../page/RoutePath\"\r\nimport { ActionPlanModel } from \"../../ActionPlan/model/ActionPlan\"\r\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\"\r\nimport { FileData } from \"../../ProjectFiles/FileUploadInterface\"\r\nimport { useURL } from \"../../Search/useURL\"\r\nimport { useAddData } from \"../../Shared/useAddData\"\r\nimport { useDeleteData } from \"../../Shared/useDeleteData\"\r\nimport { useItem } from \"../../Shared/useItem\"\r\nimport { useUpdateData } from \"../../Shared/useUpdateData\"\r\nimport { FieldInformationModel } from \"../model/FieldInformation\"\r\nimport { FileUploadProgress } from \"../uploader/FieldInformationFileUploadHandler\"\r\nimport { FieldInformationComponentProp } from \"./FieldInformationComponentV3\"\r\nimport { FileUploadProgressUI } from \"./FileUploadProgressUI\"\r\n\r\nexport const useFieldInformationComponent = (props: FieldInformationComponentProp) => {\r\n    const { get, data } = useItem(FieldInformationPath, props.id, \"result\")\r\n    const { add } = useAddData(FieldInformationPath, false)\r\n    const { update } = useUpdateData(FieldInformationPath)\r\n    const { remove } = useDeleteData(FieldInformationPath + props.id)\r\n\r\n    const { history, params } = useURL()\r\n\r\n    const header = new HTTPHeader(new AuthTokenSessionStorage())\r\n    console.log(\"RAW TIME: \", props.time)\r\n    const [date_date, setDate_Date] = useState(props.time && !params.addForm ? moment(props.time).toDate() : undefined)\r\n    const [files, setFiles] = useState(props.files ?? [])\r\n    const [fileUploadList, setFileUploadList] = useState<FileUploadProgress[]>([])\r\n    const [fileUploadOnProgress, setFileUploadOnProgress] = useState(false)\r\n    const [onFocusResult, setOnFocusResult] = useState(false)\r\n    const [fieldInformationData, setFieldInformationData] = useState<FieldInformationModel>({...props})\r\n    const [isDeleted, setIsDeleted] = useState(false)\r\n\r\n    const [actionPlanData, setActionPlanData] = useState<ActionPlanModel>({\r\n        id: props.actionPlanId,\r\n        name: props.actionPlanName,\r\n        personnelList: props.personnelList,\r\n        contractors: props.contractors,\r\n        location: props.location,\r\n        picIds: props.picIds,\r\n        objective: props.objective,\r\n        projectId: props.projectId,\r\n        date: props.actionPlanTime\r\n    })\r\n\r\n    const onFileClick = (fileName: String) => {\r\n        window.open(RoutePath.viewDocument + \"/\" + window.btoa(SupportingDocsPath + \"getfile/\" + props.projectId + \"/\" + fileName))\r\n    }\r\n\r\n    useEffect(() => {\r\n        if(!props.id) return\r\n        get()\r\n    }, [props.id])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n        if (!data.data) return\r\n        if (!data.data.value) return\r\n\r\n        console.log(\"Field Information Data: \", data.data.value)\r\n        \r\n        setFieldInformationData({\r\n            ...fieldInformationData, \r\n            ...data.data.value\r\n        })\r\n\r\n        if (data.data.value.time)\r\n            setDate_Date(moment(data.data.value.time).toDate())\r\n\r\n        if (data.data.value.files)\r\n            setFiles([...data.data.value.files])\r\n    }, [data])\r\n\r\n    useEffect(() => {\r\n        console.log(\"action plan data\", actionPlanData)\r\n    }, [actionPlanData])\r\n\r\n    const doManualUpdateV2 = (data: { content?: string, actionPlanId?: string, noRefresh?: boolean }) => {\r\n        if (!date_date) return\r\n        console.log(\"manual update run\")\r\n        console.log(\"content\", data.content)\r\n        \r\n        const { noRefresh, content, actionPlanId } = data\r\n        const resultActionPlanId = actionPlanId ?? fieldInformationData.actionPlanId\r\n        const resultContent = content ?? fieldInformationData.result\r\n        let id = fieldInformationData.id\r\n\r\n        if (!fieldInformationData.id) {\r\n            const newFieldInformation = {\r\n                projectId: props.projectId,\r\n                time: DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\")),\r\n                result: resultContent,\r\n                actionPlanId: resultActionPlanId,\r\n            }\r\n\r\n            add(newFieldInformation,\r\n                {\r\n                    onSuccess(result) {\r\n                        if (result.status == ResultStatus.fail) {\r\n                            alert(result.message)\r\n                            return\r\n                        }\r\n                    \r\n                        id = result.data.id\r\n\r\n                        if(!noRefresh)\r\n                            setFieldInformationData(prevData2 => {\r\n                                return {\r\n                                    ...prevData2,\r\n                                    id,\r\n                                    result: resultContent,\r\n                                    actionPlanId: resultActionPlanId\r\n                                }\r\n                                \r\n                            })\r\n                    }\r\n                }\r\n            )\r\n        }\r\n        else{\r\n            console.log(\"Update\")\r\n            console.log(\"Previous result: \", fieldInformationData.result)\r\n            console.log(\"New result: \", resultContent)\r\n            if(fieldInformationData.result === resultContent &&\r\n                fieldInformationData.actionPlanId === resultActionPlanId &&\r\n                fieldInformationData.time === DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\"))\r\n                ) return\r\n\r\n                \r\n            update({\r\n                id,\r\n                projectId: props.projectId,\r\n                result: resultContent,\r\n                time: DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\")),\r\n                actionPlanId: resultActionPlanId,\r\n            }, {\r\n                onSuccess(result) {\r\n                    if (result.status == ResultStatus.fail) {\r\n                        alert(result.message)\r\n                        return\r\n                    }\r\n\r\n                    console.log(result)\r\n\r\n                    if(!noRefresh)\r\n                        setFieldInformationData(prevData => {\r\n                            return {\r\n                                ...prevData,\r\n                                id,\r\n                                result: resultContent,\r\n                                actionPlanId: resultActionPlanId,\r\n                                time: DateHelper.dateISO8601(date_date.toLocaleString(\"en-US\"))\r\n                            }\r\n                        })\r\n                }\r\n            })\r\n        }\r\n    }\r\n\r\n    const handleDateChange = (date: Date | [Date, Date] | null) => {\r\n        console.log(\"date change\", date)\r\n        let pDate = date as Date\r\n        if (pDate) {\r\n            setDate_Date(pDate)\r\n            // setFieldInformationData({\r\n            //     ...fieldInformationData,\r\n            //     time: pDate.toLocaleString(\"en-US\")\r\n            // })\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        // if(!fieldInformationData.id) return\r\n        console.log(\"date date\", date_date)\r\n        if(date_date == undefined){\r\n            console.log(\"date date IS undefined\")\r\n            return\r\n        }\r\n        if(params.addForm && date_date){\r\n            console.log(\"triggered\")\r\n            doManualUpdateV2({content: \"\"})\r\n        }\r\n    }, [date_date])\r\n\r\n    const resultField = new JoditContentEditorModule()\r\n    const handleResultChange = (content: string) => {\r\n        doManualUpdateV2({ content })\r\n    }\r\n\r\n    const onProgress = (file: FileUploadProgress) => {\r\n        var fileUploadListProgress = [...fileUploadList]\r\n\r\n        if (!fileUploadOnProgress) fileUploadListProgress = []\r\n\r\n        var found = false\r\n        fileUploadListProgress.forEach(fileUpload => {\r\n            if (fileUpload.name === file.name) {\r\n                fileUpload.completed = file.completed\r\n                found = true\r\n            }\r\n        })\r\n\r\n        if (!found) fileUploadListProgress.push(file)\r\n\r\n\r\n        setFileUploadList(fileUploadListProgress)\r\n        var uploadOnProgress = false\r\n\r\n        fileUploadListProgress.forEach(file => {\r\n            if (file.completed != 100) uploadOnProgress = true\r\n        })\r\n\r\n        if (uploadOnProgress != fileUploadOnProgress) setFileUploadOnProgress(uploadOnProgress)\r\n    }\r\n\r\n    const onFinishUpload = (file: FileData) => {\r\n        setFiles([\r\n            ...files ?? [],\r\n            {\r\n                filename: file.name,\r\n                date: \"\",\r\n                fileExt: \"\"\r\n            }\r\n        ])\r\n    }\r\n\r\n    const deleteFile = (fileName: string) => {\r\n        if (!window.confirm(\"Are you sure want to delete \" + fileName + \"?\")) return\r\n\r\n        fetch(`${FieldInformationPath}/${props.id}/${fileName}`,\r\n            { headers: header.header(), method: \"delete\" }).then(data => data.json())\r\n            .then(data => {\r\n                setFiles(files?.filter(file => file.filename != data.data.file))\r\n            });\r\n    }\r\n\r\n    const uploadDisplay = new FileUploadProgressUI()\r\n\r\n    const confirmDeleteFieldInformation = () => {\r\n        let id = fieldInformationData.id\r\n        if (!id) return\r\n        if (!window.confirm(\"Yakin hapus field information ini?\")) return\r\n\r\n        remove(undefined, {\r\n            onSuccess(result) {\r\n                if (result.status == ResultStatus.fail) {\r\n                    alert(result.message)\r\n                    return\r\n                }\r\n\r\n                setIsDeleted(true)\r\n            }\r\n        })\r\n    }\r\n\r\n    const saveAndBack = () => {\r\n        history.goBack()\r\n    }\r\n\r\n    const back = () => {\r\n        history.goBack()\r\n    }\r\n\r\n    const setActionPlanId = (actionPlanId?: string, actionPlanData?: ActionPlanModel) => {\r\n        console.log(\"update action plan id\", actionPlanId)\r\n        console.log(\"update action plan data\", actionPlanData)\r\n        if(actionPlanData && !actionPlanData.id) return\r\n\r\n        setActionPlanData(actionPlanData ?? {})\r\n\r\n        console.log(props.id)\r\n        if(fieldInformationData.id)\r\n            doManualUpdateV2({ actionPlanId })\r\n    }\r\n\r\n    return {\r\n        fieldInformationData,\r\n        isDeleted,\r\n        date_date,\r\n        handleDateChange,\r\n        resultField,\r\n        handleResultChange,\r\n        onProgress,\r\n        onFinishUpload,\r\n        deleteFile,\r\n        uploadDisplay,\r\n        fileUploadList,\r\n        fileUploadOnProgress,\r\n        confirmDeleteFieldInformation,\r\n        saveAndBack,\r\n        back,\r\n        setOnFocusResult,\r\n        header,\r\n        files,\r\n        onFileClick,\r\n        onFocusResult,\r\n        setActionPlanId,\r\n        actionPlanData\r\n    }\r\n\r\n}","\r\nimport closeIcon from '../../../img/close.png';\r\nimport dateIcon from '../../../img/icon-date.png';\r\n\r\nimport { useUploady } from '@rpldy/uploady';\r\nimport { useState } from 'react';\r\nimport DatePicker from 'react-datepicker';\r\nimport { FieldInformationUpdateFileResultPath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { JoditContentEditorModule } from '../../../form-components/JoditContentEditorModuleV3';\r\nimport { TextInput } from '../../../form-components/TextInput';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { ResultType, useSelectMemberHelper } from '../../useSelectMemberHelperV2';\r\nimport { FieldInformationModel } from '../model/FieldInformation';\r\nimport { FieldInformationFileUploadHandler } from '../uploader/FieldInformationFileUploadHandler';\r\nimport { ActionPlanFields } from './ActionPlanFieldsV3';\r\nimport { useFieldInformationComponent } from './useFieldInformationComponentV3';\r\n\r\n\r\nexport const FieldInformationComponent = (props: FieldInformationComponentProp) =>{\r\n    const {\r\n        back, confirmDeleteFieldInformation, date_date, deleteFile, fieldInformationData, fileUploadList,\r\n        fileUploadOnProgress, handleDateChange, handleResultChange, isDeleted,\r\n        onFinishUpload, onProgress, resultField, saveAndBack, uploadDisplay,\r\n        files, header,\r\n        onFileClick,\r\n        setActionPlanId,\r\n        actionPlanData\r\n    } = useFieldInformationComponent(props)\r\n\r\n    const [memberList, setMemberList] = useState<ResultType[]>([])\r\n    const { params } = useURL()\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        if(params.addForm) setMemberList(datas)\r\n    })\r\n\r\n    if(isDeleted) return (\r\n        <div id=\"form-container\">\r\n            <div className=\"fieldInformation-container full-border\">\r\n                <div className=\"row fieldInformation-header\">\r\n                    <div className=\"col\">\r\n                        Field Information deleted.\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <div id=\"form-container\">\r\n        <div className=\"fieldInformation-container full-border\">\r\n            <div className=\"row fieldInformation-header\">\r\n                <div className=\"col\">\r\n                    <div className=\"input-container\">\r\n                    <DatePicker className=\"text-input default time\" placeholderText=\"Time\" selected={date_date} onChange={(date: Date) => { handleDateChange(date) }}\r\n                        showTimeSelect dateFormat=\"MMMM d, yyyy H:mm\" timeFormat='HH:mm'\r\n                        customInput={<TextInput icon={dateIcon} placeholder=\"\" name=\"time\" value={fieldInformationData.time} />} />\r\n                    </div>\r\n                    <div className=\"fieldInformation-delete\" title=\"Delete Result\" onClick={() => {confirmDeleteFieldInformation()}}>\r\n                        <img src={closeIcon} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {date_date &&\r\n            <div className=\"row fieldInformation-description\">\r\n                    <ActionPlanFields\r\n                        onActionPlanIdUpdate={\r\n                            (id, data) => {\r\n                                setActionPlanId(id, data)\r\n                            }\r\n                        } projectId={props.projectId} time={actionPlanData.date ?? fieldInformationData.time} \r\n                        id={fieldInformationData.actionPlanId}\r\n                    picIds={actionPlanData.picIds}\r\n                    name={actionPlanData.name} personnelList={actionPlanData.personnelList} \r\n                    contractors={actionPlanData.contractors} location={actionPlanData.location} objective={actionPlanData.objective}\r\n                    memberList={props.memberList ?? memberList}\r\n                    showTimeField\r\n                />\r\n            </div>\r\n            }\r\n\r\n            { date_date &&\r\n\r\n            <div className=\"row fieldInformation-description\">\r\n                <div className=\"fieldInformation-label result\">\r\n                    Result\r\n                    {\r\n                        props.resultCreatedDate && props.resultUpdatedDate &&\r\n                        <div className=\"fieldInformation-dateResult\">\r\n                            <div className=\"status-text\">{ (props.resultCreatedDate == props.resultUpdatedDate ? \"created at\" : \"updated at\") }</div>\r\n                            <div className=\"value\">{DateHelper.dateFormat(props.resultUpdatedDate,\"MMMM DD, YYYY HH:mm\")}</div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n                    <div className=\"fieldInformation-objective\">\r\n                        <JoditContentEditorModule \r\n                            fieldName='result'\r\n                            handleChange={(content) => {\r\n                                handleResultChange(content)\r\n                            }}\r\n                            placehoder='Result'\r\n                            value={fieldInformationData.result}\r\n                        />\r\n                    </div>\r\n\r\n                <br />\r\n                {!fieldInformationData.id && \r\n                    <pre>\r\n                        <b>Note: </b><br />\r\n                        * <b>Result field</b> must be filled to be saved.<br />\r\n                        * Must fill the Result to make File Attachment available.\r\n                    </pre>\r\n                }\r\n                {fieldInformationData.id &&\r\n                    <div className=\"fieldInformation-fileResult\">\r\n                        <FieldInformationFileUploadHandler id={fieldInformationData.id} apiURL={FieldInformationUpdateFileResultPath} \r\n                            projectName={fieldInformationData.projectId || \"NOPROJECTID\"}\r\n                            headers={header.formHeader()} \r\n                            progressUpload={{onProgress: onProgress}}\r\n                            finishUpload={{onFinish: onFinishUpload}} >\r\n                        \r\n                            <div className={(\"rowflex file-container title \" + (files ? \"\" : \" hidden\") )}>\r\n                                <div className=\"col name flex5\">File</div><div className=\"col date\">Date Upload</div><div className=\"col delete flex1\">Delete</div>\r\n                            </div>\r\n                            {\r\n                                files && files.map((val, index) => {\r\n                                    return (\r\n                                    <div className=\"rowflex file-container center\" key={index}>\r\n                                        <div className=\"col name flex5\">\r\n                                            <a className='clickable' onClick={() => onFileClick(val.filename)}>{val.filename}</a>\r\n                                        </div>\r\n                                        <div className=\"col date\">{DateHelper.dateFormat(val.date, \"MMMM DD, YYYY\")}</div>\r\n                                            <div className=\"col delete flex1\"><ButtonInput type=\"button\" caption=\"Delete\" title=\"Delete\" onClick={() => deleteFile(val.filename) }/></div>\r\n                                    </div>)\r\n                                })\r\n\r\n                            }\r\n\r\n                            <div className={(\"rowflex file-container title \" + (fileUploadOnProgress ? \"\" : \"hidden\"))}>\r\n                                <div className=\"col name flex5\">File</div><div className=\"col progress\">Upload Progress</div>\r\n                            </div>\r\n\r\n                            {fileUploadOnProgress && uploadDisplay.displayFileUpload(fileUploadList)}\r\n\r\n                            <div className=\"row dragHere\">\r\n                                <div className=\"col\">\r\n                                    Drag here to upload\r\n                                    <br/>\r\n                                    <NormalFileUpload />\r\n                                </div>\r\n                            </div>\r\n                            \r\n                        </FieldInformationFileUploadHandler>\r\n                            \r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n            }\r\n        \r\n            <div className=\"clear\"></div>\r\n        </div>\r\n\r\n        <div className=\"container-separator-block\">\r\n            <div className=\"separator-block\"/>\r\n            <div className=\"separator-block\"/>\r\n            <div className=\"separator-block\"/>\r\n        </div>\r\n\r\n        {props.enableBackButton &&\r\n            <div style={{display: 'flex', justifyContent: 'space-between'}}>\r\n                <ButtonInput caption=\"Back\" title=\"Back\" onClick={() => back() } />\r\n                <ButtonInput caption=\"Save & Back\"\r\n                    onClick={() => {\r\n                        saveAndBack()\r\n                    }} />\r\n            </div>\r\n        }\r\n        </div>\r\n    )\r\n}\r\n\r\nexport interface ActionPlanFile {\r\n    filename: string\r\n    fileExt: string\r\n    date: string\r\n}\r\n\r\nexport interface FieldInformationComponentProp extends FieldInformationModel {\r\n    personnelList?: string\r\n    location?: string\r\n    objective?: string\r\n    contractors?: string\r\n    memberList?: ResultType[]\r\n    picIds?: string[]\r\n    status: string\r\n    actionPlanName?: string\r\n    actionPlanTime?: string\r\n    enableBackButton?: boolean\r\n}\r\n\r\nlet NormalFileUpload = () => {\r\n    let uploady = useUploady()\r\n    let onClick = () => {\r\n        uploady.showFileUpload()\r\n    }\r\n    return <ButtonInput caption=\"Select File to Upload\" title=\"Select File to Upload\" onClick={() => {onClick()}} />\r\n}","import { ActionPlanModel } from '../../ActionPlan/model/ActionPlan'\r\nimport { FieldInformationComponent } from './FieldInformationComponentV3'\r\n\r\ninterface FieldInformationAddProps{\r\n    projectId?: string,\r\n    actionPlan?: ActionPlanModel\r\n    [key: string]: any\r\n}\r\n\r\nexport const FieldInformationAddV3 = (props: FieldInformationAddProps) => {\r\n    return (\r\n    <div className={\"container\" + (props.aclass ? \" \" + props.aclass : \"\") }>\r\n        <div style={{\r\n            position: \"fixed\",\r\n            background: 'rgba(0,0,0,0.5)',\r\n            width: \"100%\",\r\n            height: \"100%\",\r\n            top: 0, left: 0\r\n        }}></div>\r\n            <FieldInformationComponent\r\n                id={props.actionPlan?.fieldInformationId}\r\n                projectId={props.projectId}\r\n\r\n                result=\"\" status=\"\" time={props.actionPlan?.date ?? \"\"}\r\n                actionPlanId={props.actionPlan?.id}\r\n                actionPlanName={props.actionPlan?.name}\r\n                personnelList={props.actionPlan?.personnelList}\r\n                contractors={props.actionPlan?.contractors}\r\n                location={props.actionPlan?.location}\r\n                objective={props.actionPlan?.objective}\r\n\r\n                enableBackButton={true}\r\n            />\r\n    </div>\r\n    )\r\n}","import React from 'react';\r\n\r\nimport { FieldInformationComponent, FieldInformationComponentProp } from './FieldInformationComponentV3';\r\n\r\nimport { useParams } from 'react-router';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { FieldInformationPagePath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from '../../Search/FlexibleSearchComponentV2';\r\nimport { QueryCompareTypeEnum, QueryComponent } from '../../Search/QueryFilterProtocol';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { ResultType, useSelectMemberHelper } from '../../useSelectMemberHelperV2';\r\nimport { FieldInformationAddV3 } from './FieldInformationAddV3';\r\n\r\nexport const FieldInformationList = () => { \r\n    const { history, location, params } = useURL()\r\n\r\n    const itemSize = 8\r\n    const { id: projectId } = useParams<{ id: string }>()\r\n\r\n    const { data, totalData, totalPage, isLoading } = useDataList<FieldInformationComponentProp>({\r\n        url: FieldInformationPagePath,\r\n        size: itemSize,\r\n        identifier: \"fieldInformations\", \r\n        ignoreParamsAsURL: [\"contentId\", \"contentName\", \"contentType\", \"addForm\"],\r\n        defaultParamsNotURL: { projectId: projectId }\r\n    })\r\n    const [memberList, setMemberList] = React.useState<ResultType[]>([])\r\n\r\n    const queryOptions: QueryComponent[] = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.equal,\r\n            field: \"actionPlanName\",\r\n            displayField: \"Action Item\"\r\n        }\r\n    ]\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        setMemberList(datas)\r\n    })\r\n\r\n    if(memberList.length == 0) return <></>\r\n\r\n    return (\r\n    <React.Fragment>\r\n        <div id=\"top-container\">\r\n            <div id=\"search-container\">\r\n                <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Agenda/Event\" queryOptions={queryOptions} />\r\n            </div>   \r\n            <div className=\"clear\"></div>\r\n        </div>\r\n\r\n        <div id=\"add-menu-container\">\r\n            <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => { \r\n                history.push({\r\n                    pathname: location.pathname,\r\n                    search: location.search + \"&addForm=true\"\r\n                })\r\n            }} />\r\n        </div>\r\n        \r\n        <div id=\"fieldInformation-content-container\">\r\n        <PaginationComponent\r\n            totalData={totalData}\r\n            totalPage={totalPage}\r\n            isLoading={isLoading}\r\n            itemPerPage={itemSize}\r\n        />\r\n\r\n        <div id=\"fieldInformation-list\">\r\n            {\r\n                (data && data.length > 0 && data.map((fieldInformation, index) => {\r\n                    return <FieldInformationComponent id={fieldInformation.id} \r\n                        time={fieldInformation.time}\r\n                        projectId={fieldInformation.projectId}\r\n                        location={fieldInformation.location}\r\n                        objective={fieldInformation.objective}\r\n                        personnelList={fieldInformation.personnelList}\r\n                        contractors={fieldInformation.contractors}\r\n                        picIds={fieldInformation.picIds}\r\n                        result={fieldInformation.result}\r\n                        status={fieldInformation.status}\r\n                        actionPlanId={fieldInformation.actionPlanId}\r\n                        actionPlanName={fieldInformation.actionPlanName}\r\n                        actionPlanTime={fieldInformation.actionPlanTime}\r\n                        resultCreatedDate={fieldInformation.resultCreatedDate}\r\n                        resultUpdatedDate={fieldInformation.resultUpdatedDate}\r\n                        files={fieldInformation.files}\r\n                        memberList={memberList}\r\n                        key={uuid()} />\r\n                }))\r\n                || \r\n                <div className=\"message\">No fieldInformation registered</div>\r\n            }\r\n        </div>\r\n\r\n        <PaginationComponent\r\n            totalData={totalData}\r\n            totalPage={totalPage}\r\n            isLoading={isLoading}\r\n            itemPerPage={itemSize}\r\n        />\r\n        </div>\r\n        <div id=\"fieldInformation-result\"></div>\r\n        { params.addForm && \r\n            <div id=\"field-information-add\">\r\n                <FieldInformationAddV3 projectId={projectId} />\r\n            </div>\r\n        }\r\n        \r\n    </React.Fragment>\r\n    )\r\n}","import * as React from 'react'\r\n\r\nexport type SelectOptionProp = {\r\n    value: string, \r\n    text: string\r\n}\r\ntype SelectInputProp = {\r\n    id?: string, \r\n    value?: string\r\n    defaultOption?: SelectOptionProp,\r\n    placeholder?: string\r\n    options?: SelectOptionProp[] \r\n    onChange: (id: string) => void\r\n    [key: string]: any\r\n}\r\n\r\nexport class SelectInput extends React.Component<SelectInputProp>{\r\n    className?: string\r\n    optionsComponent?: JSX.Element[]\r\n\r\n    constructor(props: SelectInputProp){\r\n        super(props)\r\n\r\n        this.className = props.className\r\n\r\n        if(this.props.options){\r\n            this.optionsComponent = []\r\n            this.props.options.forEach( (value, index) => {\r\n                this.optionsComponent?.push(<option key={`childSelectOption${value.value}`} value={value.value}>{value.text}</option>)\r\n            })\r\n        }\r\n    }\r\n\r\n    onChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\r\n        this.props.onChange(e.currentTarget.value)\r\n    }\r\n    \r\n    render(){\r\n        return (\r\n            <React.Fragment>\r\n                <select id={this.props.id ?? \"\"} {...this.props.value ? {value: this.props.value} : {} } style={{width:\"100%\"}} placeholder={this.props.placeholder} onChange={this.onChange} {...this.className ? {\r\n                    className: this.className\r\n                } : {}} >\r\n                    <option value={this.props.defaultOption?.value ?? \"-\"}>{this.props.defaultOption?.text ?? this.props.placeholder}</option>\r\n                    {this.optionsComponent ?? \"\"}\r\n                </select>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}","import * as React from 'react';\r\nimport closeIcon from '../../../img/close.png';\r\n\r\nimport { useEffect, useState } from 'react';\r\nimport { HistoryPath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { JoditContentEditorModule } from '../../../form-components/JoditContentEditorModuleV3';\r\nimport { SelectInput } from '../../../form-components/SelectInput';\r\nimport { TextInput } from '../../../form-components/TextInput';\r\nimport { usePrevious } from '../../LatestStatus/ui/LatestStatusComponentV2';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { useAddData } from '../../Shared/useAddData';\r\nimport { useDeleteData } from '../../Shared/useDeleteData';\r\nimport { useUpdateData } from '../../Shared/useUpdateData';\r\nimport { HistoryModel } from '../model/HistoryV2';\r\n\r\nexport const HistoryComponent = (props: HistoryModel) => {\r\n    const { history, params } = useURL()\r\n    const [isDeleted, setIsDeleted] = useState<boolean>(false)\r\n    const [historyData, setHistoryData] = useState<HistoryModel>(props)\r\n\r\n    const { add } = useAddData(HistoryPath, false)\r\n    const { update } = useUpdateData(HistoryPath)\r\n    const { remove } = useDeleteData(HistoryPath + historyData.id)    \r\n\r\n    const [isInit, setIsInit] = useState<boolean>(false)\r\n\r\n    const prevProps = usePrevious(props)\r\n\r\n    useEffect(() => {\r\n        if (!prevProps) return\r\n\r\n        if(JSON.stringify(prevProps) === JSON.stringify(props)) return\r\n\r\n        setHistoryData(props)\r\n    }, [props])\r\n\r\n    useEffect(() => {\r\n        if (!isInit){\r\n            setIsInit(true)\r\n            return\r\n        }\r\n        if (!historyData.quarter || historyData.quarter === \"\") return\r\n        if (!historyData.year) return\r\n        if (!historyData.information) return\r\n\r\n        doSilentUpdate()\r\n    }, [historyData])\r\n\r\n    const doSilentUpdate = () => {\r\n        if (!historyData || historyData.quarter === \"\") return\r\n        if (!historyData.year) return\r\n        if (!historyData.information) return\r\n\r\n        if (!historyData.id || historyData.id === \"\") { \r\n            add({...historyData}, {\r\n                onSuccess: (data) => {\r\n                    setHistoryData({\r\n                        ...historyData,\r\n                        id: data.data.id\r\n                    })\r\n                }\r\n            }) \r\n            return \r\n        }\r\n\r\n        update({\r\n            id: historyData.id,\r\n            projectId: historyData.projectId,\r\n            quarter: historyData.quarter,\r\n            year: historyData.year,\r\n            information: historyData.information,\r\n        })\r\n    }\r\n\r\n    const handleQuarterChange = (quarter: string) => {\r\n        setHistoryData({\r\n            ...historyData,\r\n            quarter: quarter\r\n        })\r\n    }\r\n\r\n    const handleYearChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n        setHistoryData({\r\n            ...historyData,\r\n            year: parseInt(event.currentTarget.value)\r\n        })\r\n    }\r\n\r\n    const confirmDeleteHistory = () => {\r\n        if (!historyData.id) return\r\n        if (!window.confirm(\"Yakin hapus History ini?\")) return\r\n\r\n       remove(undefined, {\r\n        onSuccess: () => {\r\n            setIsDeleted(true)\r\n        }\r\n       })\r\n    }\r\n\r\n    if(isDeleted) return (<div>History deleted.</div>)\r\n\r\n    return (\r\n        <div id=\"form-container\" className=\"history-form\">\r\n        {params.mode ===\"add\" &&\r\n            <div className=\"title\">\r\n                <h1>Add History</h1>\r\n            </div>\r\n        }\r\n        \r\n        <div className=\"history-container full-border\">\r\n            <div className=\"row history-header\"></div>\r\n            \r\n            <div className=\"row\">\r\n                <div className=\"col\">\r\n                    <div className=\"col history-when rowflex\">\r\n                        <SelectInput onChange={handleQuarterChange}\r\n                            value={historyData.quarter}\r\n                            placeholder=\"Select Quarter\"\r\n                            options={[\r\n                                { text: \"Q4\", value: \"Q4\" },\r\n                                { text: \"Q3\", value: \"Q3\" },\r\n                                { text: \"Q2\", value: \"Q2\" },\r\n                                { text: \"Q1\", value: \"Q1\" }\r\n                            ]}\r\n                        />\r\n                        <TextInput type=\"number\" name=\"year\" value={historyData.year} placeholder=\"Year\" onChange={handleYearChange} />\r\n\r\n                        {params.mode !== \"add\" &&\r\n                            <div className=\"history-delete\" title=\"Delete\" onClick={() => {\r\n                                confirmDeleteHistory()\r\n                            }}>\r\n                                <img src={closeIcon} />\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row history-description\">\r\n                <h2>Information</h2>\r\n                    <JoditContentEditorModule key={`historyComponentInformation${historyData.id ?? \"Add\"}`}\r\n                        fieldName='information'\r\n                        placehoder='Information'\r\n                        value={historyData.information}\r\n                        handleChange={(content: string) => {\r\n                            setHistoryData(prevState => ({\r\n                                ...prevState,\r\n                                information: content\r\n                            }))\r\n                        }}\r\n                    />\r\n            </div>\r\n            <div className=\"clear\"></div>\r\n        </div>\r\n\r\n        { params.mode === \"add\" &&\r\n            <div className=\"row default-padding-top\">\r\n                <div className=\"col\">\r\n                    <ButtonInput type=\"button\" caption=\"Back\" title=\"Back\" id=\"cancel\" onClick={() => \r\n                        setTimeout(() => { history.goBack() }, 300)\r\n                    } />\r\n                </div>\r\n            </div>\r\n        }\r\n        </div>\r\n    )\r\n}","import React from 'react';\r\n\r\n\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { HistoryComponent } from './HistoryComponentV2';\r\n\r\n\r\nimport { useParams } from 'react-router';\r\nimport { HistoryPagePath } from '../../../database_api/api';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { HistoryModel } from '../model/HistoryV2';\r\n\r\nexport const HistoryList = () => {\r\n    const itemSize = 8\r\n    const { history, location, params } = useURL()\r\n    const mainParams = useParams<{ id: string }>()\r\n    const { data, totalData, totalPage, isLoading } = useDataList<HistoryModel>({\r\n        url: HistoryPagePath,\r\n        size: itemSize,\r\n        identifier: \"histories\",\r\n        ignoreParamsAsURL: [\"contentId\", \"contentType\", \"contentName\"],\r\n        defaultParamsNotURL: { \"projectId\": mainParams.id }\r\n    })\r\n\r\n    if(params.mode === \"add\") {\r\n        return <HistoryComponent projectId={mainParams.id} />\r\n    }\r\n    \r\n    return (\r\n    <React.Fragment>\r\n        <div id=\"top-container\">\r\n            <div className=\"clear\"></div>\r\n        </div>\r\n\r\n        <div id=\"add-menu-container\">\r\n            <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={\r\n                () => { \r\n                    history.push({\r\n                        pathname: location.pathname,\r\n                        search: location.search + \"&mode=add\"\r\n                    })\r\n                }\r\n            } />\r\n        </div>\r\n        \r\n        <div id=\"history-content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n        <div id=\"history-list\">\r\n            {\r\n                (data && data.length > 0 && data.map((history, index) => {\r\n                    return <HistoryComponent id={history.id}\r\n                        projectId={history.projectId}\r\n                        quarter={history.quarter}\r\n                        year={history.year}\r\n                        information={history.information}\r\n                        key={`historyComponent${history.id}`} />\r\n                }))\r\n                || \r\n                <div className=\"message\">No History registered</div>\r\n            }\r\n        </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n        </div>\r\n    </React.Fragment>\r\n    )\r\n}","import React, { useCallback, useMemo } from 'react';\r\nimport { useParams } from 'react-router';\r\nimport { LatestStatusPagePath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from '../../Search/FlexibleSearchComponentV2';\r\nimport { QueryCompareTypeEnum, QueryComponent } from '../../Search/QueryFilterProtocol';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { ResultType, useSelectMemberHelper } from '../../useSelectMemberHelperV2';\r\nimport { LatestStatusModel } from '../model/LatestStatusV2';\r\nimport { LatestStatusComponent } from './LatestStatusComponentV2';\r\n\r\nexport const LatestStatusList = React.memo(() => { \r\n    const { history, location, params } = useURL()\r\n    const itemSize = 8\r\n    const { id: projectId } = useParams<{ id: string }>()\r\n\r\n    const { data, totalData, totalPage, isLoading, isFetching } = useDataList<LatestStatusModel>({\r\n        url: LatestStatusPagePath,\r\n        size: itemSize,\r\n        identifier: \"latestStatuses\",\r\n        ignoreParamsAsURL: [\"contentId\", \"contentName\", \"contentType\", \"addForm\"],\r\n        defaultParamsNotURL: { projectId: projectId }\r\n    })\r\n\r\n    const queryOptions: QueryComponent[] = useMemo(() => [\r\n        {\r\n            compareType: QueryCompareTypeEnum.equal,\r\n            field: \"actionPlanName\",\r\n            displayField: \"Action Item\"\r\n        }\r\n    ], [])\r\n\r\n    const [memberList, setMemberList] = React.useState<ResultType[]>([])\r\n\r\n    const handleAddClick = useCallback(() => {\r\n        history.push({\r\n            pathname: location.pathname,\r\n            search: location.search + \"&addForm=true\"\r\n        })\r\n    }, [history, location.pathname, location.search])\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        setMemberList(datas)\r\n    })\r\n\r\n    if(memberList.length == 0) return <div className=\"message\" style={{marginTop: \"120px\"}}>Fetching data...</div>\r\n    \r\n    return (\r\n    <React.Fragment>\r\n        <div id=\"top-container\">\r\n            <div id=\"search-container\">\r\n                <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Name\" queryOptions={queryOptions} />\r\n            </div>\r\n            <div className=\"clear\"></div>\r\n        </div>\r\n\r\n        <div id=\"add-menu-container\">\r\n            <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={handleAddClick} />\r\n        </div>\r\n\r\n        { !isFetching && data && data.length > 0 &&\r\n        <div id=\"floater-nav\">\r\n            { data.map((latestStatus) => {\r\n                return (\r\n                    <a className=\"floater-nav-item\" key={latestStatus.id} href={\"#\" + latestStatus.id}>\r\n                            <span className=\"overview\">-</span>\r\n                            <span className=\"detail\">{latestStatus.date ? DateHelper.dateFormat(latestStatus.date, \"MMMM DD, YYYY\") : \"-\" }</span>\r\n                    </a>\r\n                )\r\n            }) }\r\n        </div>\r\n        }\r\n        \r\n        <div id=\"latestStatus-content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"latestStatus-list\">\r\n                {\r\n                    (!isFetching && data && data.length > 0 && data.map((latestStatus) => {\r\n                        if(!latestStatus.id) return <div>No ID</div>\r\n\r\n                        return <LatestStatusComponent \r\n                            key={latestStatus.id}\r\n                            {...latestStatus}\r\n                            memberList={memberList}\r\n                        />\r\n                    }))\r\n                }\r\n                {\r\n                    !isFetching && data && data?.length == 0 &&\r\n                    <div className=\"message\">No LatestStatus registered</div>\r\n                }\r\n                {\r\n                    isFetching && <div className=\"message\">Fetching data...</div>\r\n                }\r\n            </div>\r\n            \r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            {\r\n                params.addForm && \r\n                    <div id=\"field-information-add\">\r\n                        <LatestStatusAdd />\r\n                    </div>\r\n            }\r\n        </div>\r\n    </React.Fragment>\r\n    )\r\n})\r\n\r\nconst LatestStatusAdd = () => {\r\n    const params = useParams<{type: string, id: string}>()\r\n    console.log(params)\r\n    return (\r\n        <div className={\"container\"}>\r\n            <div style={{\r\n                position: \"fixed\",\r\n                background: 'rgba(0,0,0,0.5)',\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                top: 0, left: 0\r\n            }}></div>\r\n            <LatestStatusComponent\r\n                projectId={params.id}\r\n                projectType={params.type}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n","import * as yup from 'yup';\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    name: yup.string().required(\"Name required\")\r\n})","import * as React from 'react';\nimport closeIcon from '../../../img/close.png'\nimport { BudgetModel } from '../model/POBHeader';\n\ninterface BudgetTypeProp{\n    data: BudgetModel\n    onDelete: (budgetType: string) => void\n    [param: string]: any\n}\n\nexport class BudgetTypeComponent extends React.Component<BudgetTypeProp>{\n    data: BudgetModel\n\n    constructor(props: BudgetTypeProp){\n        super(props)\n        this.data = props.data\n    }\n\n    handleDelete = () => {\n        this.props.onDelete(this.data.budgetType)\n    }\n\n    render(){\n        const { aclass, type, onDelete, ...props } = this.props\n        return <div className=\"input-container budgetType\">\n                    <input type={type || \"text\"} className={\"text-input \" + (aclass ?? '') + ' no-icon' } value={this.data.budgetType + \" : \" + this.data.value} {...props} disabled></input>\n                    <img src={closeIcon} onClick={ () => this.handleDelete() }/>\n                </div>\n    }\n}","import { FormikTouched } from 'formik'\r\nimport React from 'react'\r\nimport { SetFieldValueFunctionType } from '../../../FormikHelper/FormikFileUploadFactory'\r\nimport { ButtonInput } from '../../../form-components/ButtonInput'\r\nimport { TextInput } from '../../../form-components/TextInput'\r\nimport { BudgetModel } from '../model/POBHeader'\r\nimport { BudgetTypeComponent } from './BudgetTypeComponent'\r\nimport { POBBudget } from './POBHeaderAdd'\r\n\r\ntype HandleChange = (e: React.ChangeEvent<any>) => void\r\n\r\nexport const FormikBudgetFormComponent = (props: {\r\n    setFieldValue: SetFieldValueFunctionType,\r\n    values: POBBudget,\r\n    handleChange: HandleChange,\r\n    touched: FormikTouched<POBBudget>\r\n}) => {\r\n\r\n    const { setFieldValue, values, handleChange, touched } = props\r\n    const budgetTypeRef = React.createRef<HTMLInputElement>()\r\n\r\n    const handleAddBudget = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n        if(e.key == \"Enter\"){\r\n            e.preventDefault()\r\n            addBudget()\r\n            budgetTypeRef.current?.focus()\r\n        }\r\n    }\r\n\r\n    const addBudget = () => {\r\n        if (!(values.budgetType && values.budgetValue)) return\r\n        let newBudgetList = values.budgetList ?? []\r\n        newBudgetList.push({\r\n            budgetType: values.budgetType,\r\n            value: values.budgetValue\r\n        })\r\n\r\n        setFieldValue(\"budgetList\", newBudgetList)\r\n        setFieldValue(\"budgetType\", \"\")\r\n        setFieldValue(\"budgetValue\", \"\")\r\n\r\n        budgetTypeRef.current?.focus()\r\n    }\r\n\r\n    const removeBudget = (budgetType: string) => {\r\n        let newBudgetList: BudgetModel[] = []\r\n\r\n        values.budgetList && values.budgetList.forEach( budget => {\r\n            if(budget.budgetType != budgetType) newBudgetList.push(budget)\r\n        })\r\n\r\n        setFieldValue(\"budgetList\", newBudgetList)\r\n    }\r\n\r\n    return (\r\n        <>\r\n        <div className=\"rowflex budgetType default-padding-top\">\r\n            <div className=\"col\">\r\n                <TextInput placeholder=\"Budget Type\" name=\"budgetType\" value={values.budgetType} onChange={handleChange} touched={touched.budgetType} onKeyPress={handleAddBudget} inputRef={budgetTypeRef} />\r\n            </div>\r\n            <div className=\"col spacing\"></div>\r\n            <div className=\"col\">\r\n                <TextInput placeholder=\"Total\" name=\"budgetValue\" value={values.budgetValue} onChange={handleChange} touched={touched.budgetValue} onKeyPress={handleAddBudget} />\r\n            </div>\r\n            <div className=\"col spacing\"></div>\r\n            <div className=\"col right-align\">\r\n                <ButtonInput type=\"button\" caption=\"Add Budget\" title=\"Add Budget\" id=\"budgetAddSubmit\" onClick={ () => addBudget() } />\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"budgetList\">\r\n            {\r\n                values.budgetList && values.budgetList.map( budget => {\r\n                    return <BudgetTypeComponent data={budget} key={budget.budgetType} onDelete={removeBudget} />\r\n                })\r\n            }\r\n        </div>\r\n        </>\r\n    )\r\n}","import { FormikProps } from \"formik\"\r\nimport { useEffect } from \"react\"\r\nimport { FormikSelectInputHandler } from \"../../../form-components/FormikSelectInputHandlerV2\"\r\nimport { OptionInputActiveNotActiveSelection } from \"../../../form-components/OptionInputActiveNotActiveSelection\"\r\nimport { TextInput } from \"../../../form-components/TextInput\"\r\nimport { FormikImageUploadFactory } from \"../../../FormikHelper/FormikImageUploadFactoryV2\"\r\nimport defaultProjectIcon from '../../../img/defaultProjectIcon.png'\r\nimport dateIcon from '../../../img/icon-date.png'\r\nimport moneyIcon from '../../../img/icon-money.png'\r\nimport nameIcon from '../../../img/icon-project.png'\r\nimport { Lang } from \"../../../lang/Lang\"\r\nimport { FormMode } from \"../../Client/ui/ClientFormV3\"\r\nimport { useSelectMemberHelper } from \"../../useSelectMemberHelperV2\"\r\nimport { POBHeaderModel } from \"../model/POBHeader\"\r\nimport { FormikBudgetFormComponent } from \"./FormikBudgetFormComponentV2\"\r\n\r\nexport const POBHeaderForm: <T extends POBHeaderModel>(\r\n    mode: FormMode,\r\n    pageTitle: string, \r\n    props: FormikProps<T>\r\n) => JSX.Element = \r\n    \r\n    (mode, pageTitle, props) => {\r\n\r\n    let { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        setFieldValue(\"memberList\", datas)\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (!values.memberList) return\r\n        if (!values.projectManagerId) return\r\n\r\n        setFieldValue(\"memberSelected\", values.memberList.find(data => data.value == values.projectManagerId))\r\n    }, [values.projectManagerId, values.memberList])\r\n\r\n    return (\r\n        <>\r\n            <div className=\"page-title\">{pageTitle} {values.name}</div>\r\n            <div className=\"rowflex\">\r\n                <div className=\"col\">\r\n                    <FormikImageUploadFactory\r\n                        mode={mode}\r\n                        setFieldValue={setFieldValue}\r\n                        file_fieldName=\"photo_url\"\r\n                        base64_fieldName=\"photo_base64\"\r\n                        fileChange_fieldName=\"isPhotoChanged\"\r\n                        className=\"pobHeader-profile-photo\"\r\n                        defaultImage={defaultProjectIcon}\r\n                        file={values.photo_url}\r\n                        base64={values.photo_base64}\r\n                    />\r\n                </div>\r\n                <div className=\"col default-padding-left\">\r\n                    <TextInput placeholder=\"Code\" name=\"code\" value={values.code} onChange={handleChange} message={errors.code} touched={touched.code} />\r\n                    <TextInput icon={nameIcon} placeholder=\"Name\" name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n                    <div className=\"input-container\">\r\n                        <FormikSelectInputHandler\r\n                            fieldName=\"projectManagerId\"\r\n                            placeholder=\"Select Project Manager\"\r\n                            options={values.memberList ?? []}\r\n                            selectedFieldName=\"memberSelected\"\r\n                            setFieldValue={setFieldValue}\r\n                            selected={values.memberSelected}\r\n                        />\r\n                    </div>\r\n\r\n                    <div className=\"input-container\">\r\n                        <div className=\"rowflex field-description\">\r\n                            Fiscal Year<br/><br/>\r\n                        </div>\r\n                        <div className=\"rowflex fiscalYear\">\r\n                            <div className=\"col\">\r\n                                <TextInput icon={dateIcon} name=\"fiscalYearFrom\" placeholder=\"From\" value={values.fiscalYearFrom ?? \"\"} onChange={handleChange} touched={touched.fiscalYearFrom} />\r\n                            </div>\r\n                            <div className=\"col spacing\"></div>\r\n                            <div className=\"col\">\r\n                                <TextInput icon={dateIcon} name=\"fiscalYearTo\" placeholder=\"To\" value={values.fiscalYearTo ?? \"\"} onChange={handleChange} touched={touched.fiscalYearTo} />\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"default-padding-top\"></div>\r\n            <div className=\"line-decoration\"></div>\r\n\r\n            <FormikBudgetFormComponent {...props} />\r\n\r\n            <div className=\"row\">\r\n                <div className=\"field-description\">{Lang.parentProjectClassificationBudget} </div>\r\n                <FormikSelectInputHandler\r\n                    fieldName=\"classificationBudget\"\r\n                    placeholder=\"Select Classification Budget\"\r\n                    options={[\r\n                        { label: \"LPKE\", value: \"LPKE\" },\r\n                        { label: \"KSA\", value: \"KSA\" },\r\n                        { label: \"OTHERS\", value: \"OTHERS\" }\r\n                    ]}\r\n                    selectedFieldName=\"classificationBudgetSelected\"\r\n                    setFieldValue={setFieldValue}\r\n                    selected={values.classificationBudgetSelected}\r\n                />\r\n            </div>\r\n\r\n            <TextInput icon={moneyIcon} placeholder={Lang.parentProjectAmount} name=\"amount\" value={values.amount} onChange={handleChange} message={errors.amount} touched={touched.amount} />\r\n            <div className=\"row\">\r\n                <OptionInputActiveNotActiveSelection {...props} />\r\n            </div>\r\n\r\n        </>\r\n    )\r\n}","import { useEffect } from \"react\"\r\nimport { useParams } from \"react-router\"\r\nimport { ImagePath, POBHeaderPath } from \"../../../database_api/api\"\r\nimport { ResultStatus } from \"../../../Types/ResultStatus\"\r\nimport { FormMode } from \"../../Client/ui/ClientFormV3\"\r\nimport { EditFormTemplate } from \"../../Shared/template/EditFormTemplate\"\r\nimport { useItem } from \"../../Shared/useItem\"\r\nimport { errorValidationSchema } from \"../builder/ErrorMessage/errorValidationSchema\"\r\nimport { usePOBHeaderEditFormHandler } from \"../builder/usePOBHeaderEditFormHandler\"\r\nimport { POBHeaderModel } from \"../model/POBHeader\"\r\nimport { POBHeaderSingleResult } from \"../POBHeaderSingleLoader\"\r\nimport { POBHeaderForm } from \"./POBHeaderForm\"\r\n\r\nexport const POBHeaderEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n\r\n    const formik = usePOBHeaderEditFormHandler({\r\n        id: params.id, name: \"\", budgetList: []\r\n    }, errorValidationSchema)\r\n\r\n    const {setFieldValue} = formik\r\n\r\n    const { get, data, isLoading } = useItem(POBHeaderPath, params.id, \"pobHeader\")\r\n\r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data])\r\n\r\n    const mapData = (result: POBHeaderSingleResult) => {\r\n        setFieldValue(\"isRequestData\", false)\r\n\r\n        if (result.status == ResultStatus.fail) {\r\n            console.log(\"Failed get data\")\r\n        }\r\n\r\n        if (result.data == undefined) return\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n            if (data[0] == \"photo_url\") {\r\n                let photo_url = data[1]\r\n                if (photo_url == \"\") return\r\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"budgetList\") {\r\n                if (typeof data[1] == \"string\") {\r\n                    setFieldValue(\"budgetList\", JSON.parse(data[1]))\r\n                }\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"projectManagerId\") {\r\n                setFieldValue(\"projectManagerId\", data[1])\r\n                return\r\n            }\r\n\r\n            if (data[0] == \"classificationBudget\") {\r\n                setFieldValue(\"classification\", data[1])\r\n                setFieldValue(\"classificationBudgetSelected\", { label: data[1], value: data[1] })\r\n                return\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n    }\r\n\r\n    const addBudget = () => {\r\n        document.getElementById(\"budgetAddSubmit\")?.click()\r\n    }\r\n\r\n    return (\r\n        <EditFormTemplate<POBHeaderModel> {...formik} onAdditionalSubmitTrigger={addBudget} >\r\n            { POBHeaderForm(FormMode.EDIT, \"Update\", formik)}\r\n        </EditFormTemplate>\r\n    )\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { POBHeaderPath } from '../../../database_api/api';\r\nimport { useSetProjectName } from '../../POBContent/useSetProjectName';\r\nimport { useUpdateFormData } from '../../Shared/useUpdateFormData';\r\nimport { POBHeaderModel } from '../model/POBHeader';\r\n\r\nexport const usePOBHeaderEditFormHandler = (initialValues: POBHeaderModel, validationSchema?: ObjectSchema) => {\r\n    const { updateProjectName } = useSetProjectName()\r\n    const { update } = useUpdateFormData(POBHeaderPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            const pobHeaderData = {\r\n                id: values.id,\r\n                code: values.code,\r\n                name: values.name,\r\n                fiscalYearFrom: values.fiscalYearFrom,\r\n                fiscalYearTo: values.fiscalYearTo,\r\n                amount: values.amount,\r\n                active: values.active\r\n            };\r\n\r\n            let pobHeaderDataForm = new FormData();\r\n            Object.entries(pobHeaderData).forEach(field => {\r\n                if (field[1])\r\n                    pobHeaderDataForm.append(field[0], field[1]);\r\n            });\r\n            pobHeaderDataForm.append(\"budgetList\", JSON.stringify(values.budgetList));\r\n            if (values.projectManagerId && values.projectManagerId != \"0\") {\r\n                pobHeaderDataForm.append(\"projectManagerId\", values.projectManagerId);\r\n            }\r\n\r\n            if (values.classificationBudgetSelected) {\r\n                pobHeaderDataForm.append(\"classificationBudget\", values.classificationBudgetSelected.value);\r\n            }\r\n\r\n            pobHeaderDataForm.append('isPhotoChanged', (values.isPhotoChanged ? \"true\" : \"false\"));\r\n\r\n            if (values.photo_url)\r\n                pobHeaderDataForm.append('photo_url', values.photo_url);\r\n            \r\n            setSubmitting(false)\r\n            update(pobHeaderDataForm, {\r\n                onSuccess: () => {\r\n                    updateProjectName(values.name ?? \"\", \"Parent Project\")\r\n                }\r\n            })\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import { GetAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient';\r\nimport { ResultStatus } from \"../../Types/ResultStatus\";\r\nimport { GetResult } from './GetResult';\r\n\r\nexport enum ContentListType{\r\n    content = \"content\",\r\n    data = \"data\",\r\n    fieldInformation = \"fieldInformation\",\r\n    actionPlan = \"actionPlan\",\r\n    history = \"history\",\r\n    latestStatus = \"latestStatus\",\r\n    supportingDocs = \"supportingDocs\"\r\n}\r\n\r\nexport interface ContentListResult{\r\n    id: string\r\n    name: string\r\n    type: string\r\n}\r\n\r\nexport interface ContentListLoaderResult extends GetResult<ContentListResult>{}\r\n\r\nexport interface ContentListLoaderHeaderSetProtocol{\r\n    setHeader(isHeader: boolean): void\r\n}\r\n\r\nexport interface ContentListLoaderHeaderGetProtocol {\r\n    isHeaderState(): boolean\r\n}\r\n\r\nexport interface ContentListLoaderProtocol{\r\n    load(id: String, callback: (result?: ContentListResult[]) => void): void\r\n}\r\n\r\nexport class ContentListLoader implements \r\n    ContentListLoaderProtocol, \r\n    ContentListLoaderHeaderSetProtocol,\r\n    ContentListLoaderHeaderGetProtocol{\r\n    private client: GetAPIHTTPClient;\r\n    private url: string;\r\n    isHeader: boolean\r\n\r\n    constructor(client: GetAPIHTTPClient, url: string, isHeader: boolean) {\r\n        this.client = client;\r\n        this.url = url;\r\n        this.isHeader = isHeader\r\n    }\r\n\r\n    load(id: String, callback: (result?: ContentListResult[]) => void) {\r\n        this.client.get(this.url + (this.isHeader ? \"pobHeader/\" : \"pob/\") + id, result => {\r\n            let returnedResult: ContentListLoaderResult = result;\r\n\r\n            if (returnedResult.status == ResultStatus.fail || (returnedResult.data && returnedResult.data.length == 0)) {\r\n                callback(undefined);\r\n                return;\r\n            }\r\n\r\n            callback(returnedResult.data);\r\n        });\r\n    }\r\n\r\n    setHeader(isHeader: boolean){\r\n        this.isHeader = isHeader\r\n    }\r\n\r\n    isHeaderState(){\r\n        return this.isHeader\r\n    }\r\n}\r\n","import projectIcon from '../../../img/icon-actionPlanProject.png';\nimport timerIcon from '../../../img/icon-actionPlanTimer.png';\nimport locationIcon from '../../../img/icon-location.png';\n\nimport { useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport { EditButton } from '../../../components/EditButton';\nimport { ActionPlanPath } from '../../../database_api/api';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport statusMenu from '../../../img/checked.png';\nimport deleteMenu from '../../../img/close.png';\nimport statusPendingMenu from '../../../img/icon-plus.png';\nimport { Lang } from '../../../lang/Lang';\nimport { RoutePath } from '../../../page/RoutePath';\nimport { FieldInformationAddV3 } from '../../FieldInformation/ui/FieldInformationAddV3';\nimport { useURL } from '../../Search/useURL';\nimport { useDeleteData } from '../../Shared/useDeleteData';\nimport { ActionPlanModel } from '../model/ActionPlan';\n\nexport interface ActionPlanComponentProp extends ActionPlanModel {\n    disableEdit?: Boolean\n    disableDelete?: Boolean\n}\n\nexport const ActionPlanComponent = (props: ActionPlanComponentProp) => {\n    const { history, location, params } = useURL()\n    const [isDeleted, setIsDeleted] = useState<boolean>(false)\n    const { remove } = useDeleteData(ActionPlanPath + props.id)  \n\n    const goToResult = () => {\n        ReactDOM.render(<FieldInformationAddV3\n            projectId={props.projectId}\n            actionPlan={props}\n            aclass=\"ActionPlanResult\" />, document.getElementById(\"field-information-add\"))\n    }\n\n    const confirmDeleteActionPlan = () => {\n        if (!props.id) return\n        if (!window.confirm(\"Yakin hapus ActionPlan ini?\")) return\n\n        remove(undefined, {\n            onSuccess: (result) => {\n                if(result.status === ResultStatus.ok)\n                    setIsDeleted(true)\n            }\n        })\n    }\n\n    if (isDeleted) return <div className=\"actionPlan-container full-border\">\n        <div className=\"row actionPlan-header\">\n            <div className=\"icon\"><img src={timerIcon} /></div>\n            <div className=\"date\">{props.date && DateHelper.dateFormat(props.date, \"MMMM DD, YYYY HH:mm\")}</div>\n        </div>\n        <div className=\"line-decoration\" />\n\n        <div className=\"row actionPlan-description\">\n            Action Plan deleted.\n        </div>\n        \n    </div>\n\n    return (\n        <div className=\"actionPlan-container full-border\">\n            <div className=\"row actionPlan-header\">\n                <div className=\"icon\"><img src={timerIcon} /></div>\n                <div className=\"date\">{props.date && DateHelper.dateFormat(props.date, \"MMMM DD, YYYY HH:mm\")}</div>\n            </div>\n            <div className=\"line-decoration\" />\n\n            <div className=\"row actionPlan-description\">\n                <div className=\"actionPlan-name\">{props.name}</div>\n                <div className=\"actionPlan-location\"><img src={locationIcon} />{props.location ?? \"Location not decided yet\"}</div>\n\n                <div className=\"actionPlan-with\">PIC:</div>\n                <div className=\"actionPlan-personnelList\">{props.picIds ? props.picIds.join(\", \") : \"-\"}</div>\n                <div className=\"actionPlan-with\">{Lang.actionPlanCustomerPersonnel}:</div>\n                <div className=\"actionPlan-personnelList\">{props.personnelList ? (props.personnelList === \"\" ? \"-\" : props.personnelList) : \"-\"}<br />{props.contractors}</div>\n                \n                <div className={ props.googleCalendarEventId ? \"googleCalendar-tag\" : \"no-googleCalendar-tag\" }>\n                    { props.googleCalendarEventId ? 'Has Google Calendar' : 'No Google Calendar' }\n                </div>\n            </div>\n            <div className=\"line-decoration\" />\n            <div className=\"row actionPlan-description\">\n                <div className=\"actionPlan-with\">{Lang.actionPlanObjective}:</div>\n                <div className=\"actionPlan-objective\" dangerouslySetInnerHTML={{\n                    __html: props.objective ? props.objective : \"N/A\"\n                }}></div>\n            </div>\n\n            <div className=\"line-decoration\" />\n\n            <div className=\"rowflex\">\n                <div className=\"actionPlan-project\">\n                    <div className=\"icon\"><img src={projectIcon} /></div>\n                    <div className=\"project\">{props.projectName}</div>\n                </div>\n\n                <div className=\"actionPlan-options\">\n                    {!props.disableEdit && <EditButton basePath={RoutePath.actionPlanList} code={props.id} />}\n                    <input className=\"status\" type=\"image\" src={props.fieldInformationId ? statusMenu : statusPendingMenu}\n                        title={props.fieldInformationId ? \"Update Existing Result\" : \"Add Result\"}\n                        onClick={() => {\n                            history.push({\n                                pathname: location.pathname,\n                                search: location.search + \"&resultId=\" + props.id\n                            })\n                        }} />\n                    {!props.disableEdit && <input className=\"option actionPlan-delete\" title=\"Delete\" type=\"image\" src={deleteMenu} onClick={() => { \n                        confirmDeleteActionPlan()\n                    }} />}\n                </div>\n            </div>\n\n            <div className=\"clear\"></div>\n\n            {params.resultId && params.resultId === props.id &&\n            <div id=\"field-information-add\">\n                <FieldInformationAddV3 projectId={props.projectId} actionPlan={props} aclass=\"ActionPlanResult\" />\n            </div>\n            }\n        </div>\n    )\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEqADAAQAAAABAAAAEAAAAADDocMPAAABp0lEQVQ4EZ1TvWvCUBC/V1/iV6KhJaEgdu0UKbo6FF2kkxRnh+Lc/gmVLv0bOtXBQZAOju3WUWyhFIcuRTpYKCIIGsSP1N4FDPE79AePu3f3u3u5jzBwoNlsPgwGg/PZbAZerxdEUXR4AchuGIYlJUm613X9Yk7gc4UkR/R6PZhMJqBpGgQCAafbSiAIgiU9Ho/gdC4kwlf2I5EITKdTCIVC4Pf7nVwrAX0pAd88cDp5NptV0HhFxnq9bqiq+k56v98nsQLGmIglsna7/ZvL5a7x/lWtVkssn8+/pFIpNRqNGitRLgytVuumUChU+HA4TGQyGRch6ynpdLpCnj08z91udz3LhbXT6SSIxorF4hmO/NZFzFoKrshnMpm85PF4XB+Px7HRaLRApKm5RMw0zScuy7KEfQJMZsfhjkA4HLbvuxScosSDwaBMryuKYvNxpIB2+75LwWokjp91V6vVjrFPR7sCNvl9Pt8rO0HgEj6Wy2VtE3GbHcv6OUTQ+BVc+8VOb4tc8mEbvslE/9oblsUajcbHEsfVFVtjYlEKIzYqpyjo/BelP69hkIBR8jZgAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAACqADAAQAAAABAAAACgAAAAAYsJrPAAAAKUlEQVQYGWNgQAMFBQX/QRhNmIEJXQAXn/oKGbG5B5v1RFuNoXkQ+hoA2VULm/jt17gAAAAASUVORK5CYII=\"","import React, { useEffect, useState } from 'react'\n\nimport { useHistory, useParams } from 'react-router'\nimport { ActionPlanGoogleCalendarConnectionPath, ActionPlanPagePath } from '../../../../database_api/api'\nimport { ButtonInput } from '../../../../form-components/ButtonInput'\nimport { RoutePath } from '../../../../page/RoutePath'\nimport { ActionPlanModel } from '../../../ActionPlan/model/ActionPlan'\nimport { ActionPlanComponent } from '../../../ActionPlan/ui/ActionPlanComponentV2'\nimport { AddResult } from '../../../GenericAPI/GenericAddAPI'\nimport { PaginationComponent } from '../../../Paging/ui/PaginationComponentV2'\nimport { FlexibleSearchComponent } from '../../../Search/FlexibleSearchComponentV2'\nimport { QueryCompareTypeEnum } from '../../../Search/QueryFilterProtocol'\nimport { useDataList } from '../../../Shared/useDataList'\nimport { useGetData } from '../../../Shared/useGetData'\n\nexport const ActionPlanListForContentType = () => { \n    const history = useHistory()\n\n    const itemSize = 8\n    const { id: projectId } = useParams<{id: string}>()\n    const [ googleCalendarConnectionStatus, setGoogleCalendarConnectionStatus ] = useState<boolean>(false)\n    const [ showGoogleCalendarRenewalInstruction, setShowGoogleCalendarRenewalInstruction ] = useState<boolean>(false)\n\n    const { data, totalData, totalPage, isLoading } = useDataList<ActionPlanModel>({\n        url: ActionPlanPagePath,\n        size: itemSize,\n        identifier: \"actionPlans\", \n        ignoreParamsAsURL: [\n            \"contentId\", \"contentName\", \"contentType\", \"resultId\"\n        ], \n        defaultParamsNotURL: {projectId: projectId}\n    })\n\n    const queryOptions = [\n        {\n            compareType: QueryCompareTypeEnum.like,\n            field: \"name\",\n            displayField: \"Name\"\n        }\n    ]\n\n    const { get, isLoading: isLoadingCheckGoogleCalendarConnection } = useGetData(ActionPlanGoogleCalendarConnectionPath)\n\n    useEffect(() => {\n        get(undefined, {\n            onSuccess: (data: AddResult) => {\n                console.log(data)\n                setGoogleCalendarConnectionStatus(data.data.connectionStatus)\n\n                // if data.authUrl is not empty, then open url in new tab\n                if (!data.data.connectionStatus) {\n                    window.open(data.data.authUrl, \"_blank\")\n                }\n\n            }\n        })\n    }, [])\n\n    return (\n    <React.Fragment>\n        <div id=\"top-container\">\n            <div id=\"search-container\">\n                <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Agenda/Event\" queryOptions={queryOptions} />\n            </div>\n            <div className=\"clear\"></div>\n        </div>\n\n        <div id=\"add-menu-container\">\n            <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => {\n                history.push(RoutePath.actionPlanList + \"/add?projectId=\" + projectId)\n            }} />\n        </div>\n        \n        <div id=\"content-container\">\n        \n        <div id=\"google-calendar-checker\" style={{marginTop: \"20px\"}}>\n            <ButtonInput style={{width: \"100%\"}}\n                onClick={() => {\n                    setShowGoogleCalendarRenewalInstruction(!showGoogleCalendarRenewalInstruction)\n                }}\n                className={ isLoadingCheckGoogleCalendarConnection ? \"googleCalendarCheck\" : \n                    googleCalendarConnectionStatus ? \"googleCalendar-tag\" : \"no-googleCalendar-tag\" }\n                caption={ isLoadingCheckGoogleCalendarConnection ? \"Google Calendar Connection Checking\" : \n                    googleCalendarConnectionStatus ? 'Google Calendar Connection: OK' : \n                    'Google Calendar Connection: FAIL. Klik DISINI untuk melihat instruksi.' } \n            />\n\n            { showGoogleCalendarRenewalInstruction &&\n            <div style={{border: \"1px solid lightgrey\", padding: \"20px\", textAlign: \"left\"}}>\n                <h3>Step 1</h3>\n                Apabila koneksi ke google calendar mati, pada waktu membuka action plan ( halaman ini )page, akan terbuka window di TAB baru yang menuju ke google auth untuk perbaharui token.\n                <img src=\"/googleCalendar/image1.png\" width=\"100%\" /><br /><br />\n                Pilih email account, jangan lupa set ke bravado armada email punya.<br />\n                Apabila tidak ada window baru yang terbuka, lihat kanan atas browser anda dan tekan icon yang menandakan bahwa popup di block, kemudian pilih allow popup.\n                <img src=\"/googleCalendar/image-allow-popup.png\" width=\"100%\" /><br /><br /><br />\n                \n                <h3>Step 2</h3>\n                <img src=\"/googleCalendar/image4.png\" width=\"100%\" /><br /><br />\n                Pilih Continue.\n                <img src=\"/googleCalendar/image3.png\" width=\"100%\" /><br /><br />\n                Pilih Continue.\n                <br /><br />\n                Setelah muncul halaman yang menyatakan result: success, close tab browser tersebut, dan refresh halaman action plan page ( halaman ini).\n\n            </div>\n            }\n        </div>\n        <PaginationComponent\n            totalData={totalData}\n            totalPage={totalPage}\n            isLoading={isLoading}\n            itemPerPage={itemSize}\n        />\n\n        <div id=\"actionPlan-list\">\n            {\n                (data && data.length > 0 && data.map((ap, index) => {\n                    return <ActionPlanComponent id={ap.id} name={ap.name} date={ap.date}\n                        location={ap.location}\n                        objective={ap.objective}\n                        projectId={ap.projectId}\n                        projectName={ap.projectName}\n                        personnelList={ap.personnelList}\n                        contractors={ap.contractors}\n                        status={ap.status}\n                        fieldInformationId={ap.fieldInformationId}\n                        picIds={ap.picIds}\n                        googleCalendarEventId={ap.googleCalendarEventId}\n                        key={`actionPlan${ap.id}`} />\n                }))\n                || \n                <div className=\"message\">No actionPlan registered</div>\n            }\n        </div>\n\n        <PaginationComponent\n            totalData={totalData}\n            totalPage={totalPage}\n            isLoading={isLoading}\n            itemPerPage={itemSize}\n        />\n        </div>\n        <div id=\"actionPlan-result\"></div>\n    </React.Fragment>\n    )\n}","import React, { useEffect } from \"react\"\r\nimport { POBBlockContentList, POBContentChangeOrder } from \"../../../../../database_api/api\"\r\nimport { useURL } from \"../../../../Search/useURL\"\r\nimport { useGetData } from \"../../../../Shared/useGetData\"\r\nimport { BlockContentWithData } from \"../../POBBlockContentListComponent\"\r\nimport { useChangeOrderBlockContent } from \"../../useChangeOrderBlockContent\"\r\n\r\nexport const useBlockContentList = () => {\r\n    const { params: contentParams } = useURL()\r\n    \r\n    const [content, setContent] = React.useState<BlockContentWithData[]>([])\r\n    const [prevBlockContentList, setPrevBlockContentList] = React.useState<BlockContentWithData[]>([])\r\n\r\n    const { params } = useURL()\r\n    const { get } = useGetData(POBBlockContentList + params.contentType + \"/\" + params.contentId, \"\")\r\n    const { changeOrder } = useChangeOrderBlockContent(POBContentChangeOrder + contentParams.contentId + \"/\")\r\n\r\n    const getContent = () => {\r\n        get(undefined, {\r\n            onSuccess(data) {\r\n                setContent(data.data)\r\n            }\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        getContent()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        setPrevBlockContentList(content)\r\n    }, [content])\r\n\r\n    return { getContent, content, setContent }\r\n}","import { useMutation } from \"react-query\"\r\nimport { toast } from \"react-toastify\"\r\nimport { ResultStatus } from \"../../../Types/ResultStatus\"\r\nimport { HTTPMethod } from \"../../../interfaces/HTTPHeader\"\r\nimport { AddResult } from \"../../GenericAPI/GenericAddAPI\"\r\nimport { useHeader } from \"../../Shared/useHeader\"\r\n\r\nexport const useChangeOrderBlockContent = (url: string, successMessage?: string) => {\r\n    const { header } = useHeader()\r\n\r\n    const requestOptions = {\r\n        method: HTTPMethod.get,\r\n        headers: header.header()\r\n    }\r\n\r\n    const changeOrder = async (params: {blockContentId: string, targetIndex: number}) => {\r\n        return fetch(`${url}${params.blockContentId}/${params.targetIndex}`, {...requestOptions })\r\n            .then((response) => response.json())\r\n    }\r\n\r\n    const { isLoading, mutate } = useMutation(changeOrder, {\r\n        onSuccess: (data: AddResult) => {\r\n            if(data.status === ResultStatus.fail){\r\n                toast.error(data.message, { autoClose: 5000 })\r\n                return\r\n            }\r\n\r\n            toast(successMessage ?? \"Success\")\r\n        },\r\n        onError: (error) => {\r\n            toast.error(JSON.stringify(error), { autoClose: 5000 })\r\n        }\r\n    })\r\n    \r\n\r\n    return { changeOrder: mutate, isLoading };\r\n}","import React from \"react\"\r\nimport { JoditContentEditorModule } from \"../../../../../form-components/JoditContentEditorModule\"\r\nimport { DateHelper } from \"../../../../../helper/DateHelper\"\r\nimport { BlockContentListResult } from \"../../../BlockContentListLoader\"\r\nimport { useBlockContentDetail } from \"../hook/useBlockContentDetail\"\r\n\r\nexport const BlockContentDetailComponent = (props: {\r\n    index: number,\r\n    content: BlockContentListResult\r\n}) => {\r\n    const { content, getContent, updateContent } = useBlockContentDetail(props.content)\r\n    const contentEditorModule = new JoditContentEditorModule()\r\n\r\n    React.useEffect(() => {\r\n        getContent()\r\n    }, [])\r\n\r\n    const handleChange = (data: string) => {\r\n        updateContent({\r\n            ...props.content,\r\n            data\r\n        })\r\n    }\r\n\r\n    const handleOnFocus = () => {\r\n    }\r\n\r\n    const handleOnBlur = () => {\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className=\"block-content-container draggable\"\r\n        >\r\n            <div className=\"content-editor jodit-style2\">\r\n                {contentEditorModule.get(\"content\", \"\", content?.data ?? \"\", handleChange, handleOnFocus, handleOnBlur,\r\n                    undefined, true\r\n                )}\r\n            </div>\r\n            {content && content.updatedBy && content.updatedDate &&\r\n                <div className=\"content-update-history\">\r\n                    Updated at {DateHelper.dateFormat(content.updatedDate, \"MMMM DD, YYYY HH:mm\")} by {content.updatedBy}\r\n                </div>\r\n            }\r\n\r\n        </div>\r\n    )\r\n}","import React from \"react\"\r\nimport { POBBlockContentDetail, POBBlockContentUpdate } from \"../../../../../database_api/api\"\r\nimport { useGetData } from \"../../../../Shared/useGetData\"\r\nimport { useUpdateData } from \"../../../../Shared/useUpdateData\"\r\nimport { BlockContentDetailResultData } from \"../../../BlockContentDetailLoader\"\r\nimport { BlockContentListResult } from \"../../../BlockContentListLoader\"\r\nimport { BlockContentWithData } from \"../../POBBlockContentListComponent\"\r\n\r\nexport const useBlockContentDetail = (props: BlockContentListResult) => {\r\n    const [content, setContent] = React.useState<BlockContentDetailResultData | undefined>(undefined)\r\n    const { get } = useGetData(POBBlockContentDetail + props.type + \"/\" + props.id, \"\")\r\n    const { update } = useUpdateData<BlockContentWithData>(POBBlockContentUpdate + props.id)\r\n\r\n    const getContent = () => {\r\n        get(undefined, {\r\n            onSuccess(data) {\r\n                setContent(data.data)\r\n            }\r\n        })\r\n    }\r\n\r\n    const updateContent = (data: BlockContentWithData) => {\r\n        update(data)\r\n    }\r\n\r\n    return { getContent, content, setContent, updateContent }\r\n}","import { useBlockContentList } from \"../hook/useBlockContentList\"\r\nimport { BlockContentDetailComponent } from \"./BlockContentDetailComponent\"\r\n\r\nexport const BlockContentListComponent = () => {\r\n    const { content } = useBlockContentList()\r\n    return (\r\n        <>\r\n            <div className=\"block-content-area\">\r\n                <div className=\"blockContent-container\">\r\n                    {content && content.map((bc, index) => {\r\n                        return <BlockContentDetailComponent key={`bcd${bc.id}`}\r\n                            index={index + 1}\r\n                            content={bc}\r\n                        />\r\n                    })}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}","import { defineFileAction, GenericFileActionHandler, ChonkyActionUnion } from \"chonky\"\n\nexport let copyUrlActionButton = defineFileAction({\n    id: 'copy_url',\n    requiresSelection: true,\n    button: {\n        name: \"Copy URL\",\n        contextMenu: true,\n        toolbar: true\n    }\n} as const)\n\nexport let deleteFileActionButton = defineFileAction({\n    id: 'do_delete_file',\n    requiresSelection: true,\n    button: {\n        name: \"Delete File\",\n        contextMenu: true\n    }\n} as const)\n\nexport type AllAction = typeof copyUrlActionButton | typeof deleteFileActionButton\nexport type ActionHandler = GenericFileActionHandler<ChonkyActionUnion | AllAction>","import UploadDropZone from \"@rpldy/upload-drop-zone\"\nimport Uploady, { useItemErrorListener, useItemFinishListener, useItemProgressListener } from \"@rpldy/uploady\"\nimport React from \"react\"\nimport { FileUploadProgressUpdater } from \"../FieldInformation/uploader/FieldInformationFileUploadHandler\"\nimport { FileUploadFinish } from \"./FileUploadInterface\"\n\nlet UploadStatus: React.FunctionComponent<{ finishUpload: FileUploadFinish, progressUpload: FileUploadProgressUpdater }> = (props) => {\n    useItemErrorListener((item) => {\n        console.log(item)\n    })\n\n    useItemFinishListener((item) => {\n        console.log(item)\n        props.finishUpload.onFinish(item.uploadResponse.data.file)\n    })\n\n    useItemProgressListener((item) => {\n        console.log(item.loaded)\n    })\n\n    useItemProgressListener((item) => {\n        props.progressUpload.onProgress({\n            name: item.file.name,\n            completed: item.completed\n        })\n    })\n\n    return <></>\n}\n\ninterface FileUploadHandlerProps{\n    projectFilesAPIUrl: string\n    projectName: string\n    progressUpload: FileUploadProgressUpdater\n    finishUpload: FileUploadFinish\n    headers: {[name: string]: string}\n}\n\nexport let FileUploadHandler: React.FunctionComponent<FileUploadHandlerProps> = (props) => {\n    return (\n        <div className=\"dragdropArea\">\n            <Uploady destination={{\n                url: props.projectFilesAPIUrl, \n                headers: props.headers\n            }}\n                forceJsonResponse\n                sendWithFormData\n                autoUpload\n                params={{\n                    \"projectName\": props.projectName\n                }}\n                inputFieldName=\"file_url\"\n                method=\"POST\"\n            >\n                <UploadDropZone className=\"full-upload\">\n                    <div className=\"full-upload\">{props.children && props.children}</div>\n                </UploadDropZone>\n                <UploadStatus finishUpload={props.finishUpload} progressUpload={props.progressUpload} />\n\n            </Uploady>\n        </div>\n    )\n}","import { useUploady } from '@rpldy/uploady';\r\nimport { ChonkyActions, FileArray, FileBrowser, FileContextMenu, FileList, FileToolbar } from 'chonky';\r\nimport React from 'react';\r\nimport { RoutePath } from '../../page/RoutePath';\r\nimport { FileUploadProgressUI } from '../FieldInformation/ui/FileUploadProgressUI';\r\nimport { FileUploadProgress } from '../FieldInformation/uploader/FieldInformationFileUploadHandler';\r\nimport { ActionHandler, copyUrlActionButton, deleteFileActionButton } from './CustomAction';\r\nimport { FileUploadHandler } from './FileUploadHandler';\r\nimport { FileData } from './FileUploadInterface';\r\nimport { ManageProjectFiles } from './StandarManageProjectFiles';\r\n\r\ninterface FileUploadDndProps {\r\n    projectFilesAPIURL: string\r\n    projectName: string\r\n    manageProjectFiles: ManageProjectFiles\r\n    headers: { [name: string]: string }\r\n}\r\n\r\ninterface FileUploadDndState{\r\n    files: FileArray\r\n    fileUploadList: FileUploadProgress[]\r\n    fileUploadOnProgress: boolean,\r\n    manualFileUpload?: () => void\r\n}\r\n\r\nexport class FileUploadDnD extends React.Component<FileUploadDndProps, FileUploadDndState> {\r\n  constructor(props: FileUploadDndProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      files: [],\r\n      fileUploadList: [],\r\n      fileUploadOnProgress: false,\r\n    };\r\n\r\n    this.props.manageProjectFiles.onGetFileList = this.onGetFilelist\r\n    this.props.manageProjectFiles.init()\r\n  }\r\n\r\n  onGetFilelist = (files: FileData[]) => {\r\n      this.setState({\r\n          files: files.map(file => ({\r\n              id: file.name,\r\n              name: file.name,\r\n              url: this.props.projectFilesAPIURL + file.url,\r\n              thumbnailUrl: this.props.projectFilesAPIURL + file.thumbUrl\r\n          }))\r\n      })\r\n  }\r\n\r\n  actionHandler: ActionHandler = (data) => {\r\n    if (data.id === copyUrlActionButton.id) {\r\n      let textField: HTMLInputElement | null = document.getElementById(\"urlToCopy\") as HTMLInputElement\r\n      if(textField){\r\n          textField.classList.remove(\"hide\")\r\n          textField.value = window.location.origin + RoutePath.viewDocument + \"/\" + window.btoa(data.state.selectedFiles[0].url)\r\n          textField.focus()\r\n          textField.select()\r\n          document.execCommand(\"copy\")\r\n          textField.classList.add(\"hide\")\r\n          textField.value = \"\"\r\n      }\r\n        \r\n    }\r\n\r\n    if (data.id === deleteFileActionButton.id) {\r\n      this.props.manageProjectFiles.delete(data.state.selectedFiles[0].name, result => {\r\n          if(result.status == \"fail\"){\r\n            alert(\"Failed with message: \" + result.message)  \r\n            return\r\n          }\r\n\r\n          alert(\"Success delete \" + result.data)\r\n          result.data && this.onRemoveFile(result.data)\r\n\r\n      })\r\n    }\r\n\r\n    if (data.id === ChonkyActions.OpenFiles.id) {\r\n      window.open(RoutePath.viewDocument + \"/\" + window.btoa(data.state.selectedFiles[0].url));\r\n    }\r\n\r\n    if(data.id === ChonkyActions.UploadFiles.id){\r\n      this.state.manualFileUpload && this.state.manualFileUpload()\r\n    }\r\n  };\r\n\r\n  uploadDisplay = new FileUploadProgressUI()\r\n    onProgress = (file: FileUploadProgress) => {\r\n      var fileUploadList = [...this.state.fileUploadList]\r\n\r\n      if (!this.state.fileUploadOnProgress) fileUploadList = []\r\n\r\n      var found = false\r\n      fileUploadList.forEach(fileUpload => {\r\n        if (fileUpload.name === file.name) {\r\n          fileUpload.completed = file.completed\r\n          found = true\r\n        }\r\n      })\r\n\r\n      if (!found) fileUploadList.push(file)\r\n\r\n      this.setState({\r\n        fileUploadList: fileUploadList\r\n      }, () => {\r\n        var uploadOnProgress = false\r\n\r\n        this.state.fileUploadList.forEach(file => {\r\n          if (file.completed != 100) uploadOnProgress = true\r\n        })\r\n\r\n        if (uploadOnProgress != this.state.fileUploadOnProgress) this.setState({ fileUploadOnProgress: uploadOnProgress })\r\n      })\r\n    }\r\n  \r\n  onAddNewFile = (file: FileData) => {\r\n    this.setState({\r\n      files: [...this.state.files, {\r\n        id: file.name,\r\n        name: file.name,\r\n        url: this.props.projectFilesAPIURL + file.url,\r\n        thumbnailUrl: this.props.projectFilesAPIURL + file.thumbUrl\r\n      }]\r\n    });\r\n  };\r\n\r\n  onRemoveFile = (fileName: string) => {\r\n      this.setState({\r\n          files: [...this.state.files.filter( file => (file && file.id != fileName))]\r\n      })\r\n  }\r\n\r\n  registerManualUpload = (uploadFn: () => void) => {\r\n    if(this.state.manualFileUpload) return\r\n    this.setState({\r\n      manualFileUpload: uploadFn\r\n    })\r\n  }\r\n\r\n  render = () => {\r\n    return (\r\n      <>\r\n        \r\n      <FileUploadHandler \r\n        projectName={this.props.projectName}\r\n        projectFilesAPIUrl={this.props.projectFilesAPIURL}\r\n        headers={this.props.headers}\r\n        progressUpload={{ onProgress: this.onProgress}}\r\n        finishUpload={{ onFinish: this.onAddNewFile }}>\r\n\r\n        <input type=\"text\" id=\"urlToCopy\" className=\"hide\" />\r\n\r\n          <div style={{height:\"100%\"}} className={(this.state.fileUploadOnProgress ? \"hidden\" : \"\")}>\r\n            <NormalFileUpload manualUpload={this.registerManualUpload}/>\r\n            <FileBrowser files={this.state.files}\r\n              onFileAction={this.actionHandler}\r\n              fileActions={[copyUrlActionButton, deleteFileActionButton, ChonkyActions.UploadFiles]} darkMode>\r\n              <FileToolbar />\r\n              <FileList />\r\n              <FileContextMenu />\r\n            </FileBrowser>\r\n        </div>\r\n\r\n        <div className={(\"rowflex file-container title \" + (this.state.fileUploadOnProgress ? \"\" : \"hidden\"))}>\r\n          <div className=\"col name flex5\">File</div><div className=\"col progress\">Upload Progress</div>\r\n        </div>\r\n        {this.state.fileUploadOnProgress && this.uploadDisplay.displayFileUpload(this.state.fileUploadList)}\r\n        \r\n      </FileUploadHandler>\r\n      </>\r\n    );\r\n  };\r\n}\r\n\r\n\r\ninterface NormalFileUploadProps{\r\n  manualUpload: (uploadFn: () => void) => void\r\n}\r\n\r\nlet NormalFileUpload = ({manualUpload}: NormalFileUploadProps) => {\r\n  let uploady = useUploady()\r\n  let onClick = () => {\r\n    uploady.showFileUpload()\r\n  }\r\n  manualUpload(onClick)\r\n  return <></>\r\n}","import { FileData } from './FileUploadInterface';\n\ninterface ProjectFileDeleteResult{\n    status: string,\n    data?: string,\n    message?: string\n}\n\nexport interface ManageProjectFiles {\n    init(): void\n    onGetFileList(files: FileData[]): void\n    delete(fileName: string, result: (deleteResult: ProjectFileDeleteResult) => void): void\n}\n\ninterface StandardManageProjectFilesProps {\n    projectName: string\n    projectFilesAPIURL: string\n    headers: { [name: string]: string }\n}\n\nexport class StandarManageProjectFiles implements ManageProjectFiles {\n    private props: StandardManageProjectFilesProps;\n    constructor(props: StandardManageProjectFilesProps) {\n        this.props = props;\n    }\n\n    init = () => {\n        fetch(`${this.props.projectFilesAPIURL}filelist/${this.props.projectName}`, { headers: this.props.headers }).then(data => data.json())\n            .then(data => {\n                try {\n                    let files: FileData[] = data.data;\n                    this.onGetFileList(files);\n                }\n                catch {\n                    this.onGetFileList([]);\n                }\n            });\n    };\n\n    onGetFileList(files: FileData[]) { }\n\n    delete = (fileName: string, result: (deleteResult: ProjectFileDeleteResult) => void) => {\n        fetch(`${this.props.projectFilesAPIURL}delete/${this.props.projectName}/${fileName}`, \n            { headers: this.props.headers }).then(data => data.json())\n            .then(data => {\n                try {\n                    let returnedResult: ProjectFileDeleteResult = data\n                    result(returnedResult)\n                }\n                catch {\n                    result({\n                        status: \"fail\",\n                        message: \"Fail with no reason?\"\n                    })\n                }\n            });\n    }\n\n}\n","import React from 'react'\nimport { SupportingDocsPath } from '../../database_api/api'\nimport { HTTPHeader } from '../../interfaces/HTTPHeader'\nimport { AuthTokenSessionStorage } from '../Login/AuthPermission'\nimport { FileUploadDnD } from './FileUploadDnD'\nimport { StandarManageProjectFiles } from './StandarManageProjectFiles'\n\nexport interface SupportingDocsProps{\n    projectId: string\n}\n\nexport class SupportingDocsBuilder extends React.Component<SupportingDocsProps>{\n    httpHeader = new HTTPHeader(new AuthTokenSessionStorage())\n\n    render = () => (\n        <div className=\"supportingDocs-container\">\n        <FileUploadDnD\n            projectName={this.props.projectId}\n            manageProjectFiles={new StandarManageProjectFiles({\n                headers: this.httpHeader.formHeader(),\n                projectFilesAPIURL: SupportingDocsPath,\n                projectName: this.props.projectId\n            })}\n            projectFilesAPIURL={SupportingDocsPath}\n            headers={this.httpHeader.formHeader()}\n        />\n        </div>)\n}","import * as React from 'react';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { ContentEditorModuleInterface } from '../../../form-components/ContentEditorModuleInterface';\nimport { BlockContentDetailDisplayUpdaterProtocol } from '../BlockContentDetailDisplayUpdater';\nimport { BlockContentListDisplayUpdaterProtocol } from '../BlockContentListDisplayUpdater';\nimport { BlockContentListResult, BlockContentModuleEnum } from '../BlockContentListLoader';\nimport { BlockContentRemoveDisplayUpdaterProtocol } from '../BlockContentRemoveDisplayUpdater';\nimport { BlockContentAddIndex, BlockContentModel } from '../Features/BlockContentAddFeature';\nimport { BlockContentManageFeatureProtocol } from '../Features/BlockContentManageFeature';\nimport { BlockContentComponentUI } from './BlockContentComponentUI';\nimport { ReactDragAndDrop } from './ReactDragAndDrop';\n\nimport { GlobalContentUpdaterProtocol } from \"../../../page/GlobalContentUpdaterProtocol\";\nimport { BlockContentDetailResultData } from '../BlockContentDetailLoader';\n\nexport interface BlockContentWithData {\n    id: string\n    type: BlockContentModuleEnum\n    data: string\n    updatedDate?: string\n    updatedBy?: string\n}\n\nexport interface POBContentListComponentProp {\n    manageFeature: BlockContentManageFeatureProtocol\n    contentModule: BlockContentListDisplayUpdaterProtocol\n    contentDetailModule: BlockContentDetailDisplayUpdaterProtocol\n    removeContentModule: BlockContentRemoveDisplayUpdaterProtocol\n\n    addBlockModulesFirstIndex?: JSX.Element[]\n    addBlockModulesLastIndex?: JSX.Element[]\n\n    contentEditorModule: ContentEditorModuleInterface\n\n    globalContentUpdater?: GlobalContentUpdaterProtocol\n}\n\nexport interface POBContentListComponentState {\n    prevBlockList: BlockContentWithData[]\n    blockList: BlockContentWithData[]\n    error?: string\n    message?: string\n}\n\ninterface POBContentHeaderUpdateButtonProp {\n    onClick?: () => void\n}\n\nexport class POBContentHeaderDownloadButton extends React.Component<POBContentHeaderUpdateButtonProp>{\n    render() {\n        return (\n            <ButtonInput aclass=\"update-button download\" caption=\"Download\" title=\"Download\" onClick={() => { this.props.onClick && this.props.onClick() }} />\n        )\n    }\n}\n\nexport class POBContentListComponent extends React.Component<POBContentListComponentProp, POBContentListComponentState> {\n    dnd: ReactDragAndDrop<BlockContentWithData>\n\n    constructor(props: POBContentListComponentProp) {\n        super(props)\n\n        this.state = {\n            prevBlockList: [],\n            blockList: [],\n            error: undefined,\n            message: undefined\n        }\n\n        this.dnd = new ReactDragAndDrop<BlockContentWithData>(this.state.blockList)\n    }\n\n    componentDidMount = () => {\n        this.props.manageFeature.addDisplayUpdater.updateDisplay = this.addUpdateDisplay\n        this.props.contentModule.updateDisplay = this.setBlockContentList\n        this.props.contentDetailModule.updateDisplay = this.setBlockContentDetailFromServer\n        this.props.removeContentModule.updateDisplay = this.removeBlockContent\n\n        this.props.globalContentUpdater?.register(this.update)\n\n        window.addEventListener(\"beforeunload\", (e: BeforeUnloadEvent) => {\n            this.update()\n        })\n    }\n\n    componentWillUnmount = () => {\n        window.removeEventListener(\"beforeunload\", (e: BeforeUnloadEvent) => {\n            this.update()\n        })\n    }\n\n    setBlockContentList = (data?: BlockContentListResult[] | undefined) => {\n        if (data == undefined) {\n            this.setState({\n                prevBlockList: [],\n                blockList: []\n            })\n            return\n        }\n\n        let prevBlockContentList = data.map(blockContent => {\n            return {\n                id: blockContent.id,\n                type: blockContent.type,\n                data: \"\"\n            }\n        })\n\n        let blockContentList = data.map(blockContent => {\n            return {\n                id: blockContent.id,\n                type: blockContent.type,\n                data: \"\"\n            }\n        })\n\n        this.setState({\n            prevBlockList: prevBlockContentList,\n            blockList: blockContentList\n        })\n    }\n\n    setBlockContentDetailFromServer = (id: string, data: BlockContentDetailResultData) => {\n        let blockList = [...this.state.blockList]\n        blockList.forEach(block => {\n            if (block.id == id) {\n                block.data = data.data ?? \"\"\n                block.updatedDate = data.updatedDate ?? \"\"\n                block.updatedBy = data.updatedBy ?? \"\"\n            }\n        })\n\n        let prevBlockList = [...this.state.prevBlockList]\n        prevBlockList.forEach(block => {\n            if (block.id == id) {\n                block.data = data.data ?? \"\"\n                block.updatedDate = data.updatedDate ?? \"\"\n                block.updatedBy = data.updatedBy ?? \"\"\n            }\n        })\n\n        this.setState({\n            blockList: blockList,\n            prevBlockList: prevBlockList\n        })\n    }\n\n    setBlockContentDetail = (id: string, data: string) => {\n        let blockList = [...this.state.blockList]\n        blockList.forEach(block => {\n            if (block.id == id) block.data = data\n        })\n\n        this.setState({\n            blockList: blockList\n        })\n    }\n\n    addUpdateDisplay = (index: BlockContentAddIndex, data?: BlockContentModel, error?: string) => {\n        if (error) {\n            this.setState({\n                error: error\n            })\n            return\n        }\n        if (data == undefined)\n            return\n\n        let newDataList: BlockContentWithData[] = []\n        let prevNewDataList: BlockContentWithData[] = []\n        let dataToAdd = { id: data.id, data: data.data ?? \"\", type: data.type }\n\n        if (index == BlockContentAddIndex.first) {\n            newDataList = [dataToAdd, ...this.state.blockList]\n            prevNewDataList = [{ ...dataToAdd }, ...this.state.prevBlockList]\n        }\n        else {\n            newDataList = [...this.state.blockList, dataToAdd]\n            prevNewDataList = [...this.state.prevBlockList, { ...dataToAdd }]\n        }\n\n        this.setState({\n            prevBlockList: prevNewDataList,\n            blockList: newDataList\n        })\n    }\n\n    removeBlockContent = (blockContentId: string, error?: string) => {\n        if (error) {\n            this.setState({\n                error: error\n            })\n            return\n        }\n\n        let selectedIndex = -1\n        this.state.blockList.forEach((block, index) => {\n            if (block.id == blockContentId) {\n                selectedIndex = index\n            }\n        })\n\n        if (selectedIndex < 0) return\n\n        let blockList = [...this.state.blockList]\n        blockList.splice(selectedIndex, 1)\n\n        let prevBlockList = [...this.state.prevBlockList]\n        prevBlockList.splice(selectedIndex, 1)\n\n        this.setState({\n            prevBlockList: prevBlockList,\n            blockList: blockList\n        })\n    }\n\n    update = () => {\n        let blockListToUpdate: BlockContentWithData[] = []\n\n        for (let i: number = 0; i < this.state.blockList.length; i++) {\n            if (this.state.blockList[i].data != this.state.prevBlockList[i].data) {\n                blockListToUpdate.push(this.state.blockList[i])\n            }\n        }\n\n        if (blockListToUpdate.length == 0) return\n\n        this.props.manageFeature.update(blockListToUpdate, error => {\n            if (error) {\n                this.setState({\n                    error: error\n                })\n            }\n            else {\n\n                let prevBlockList = [...this.state.prevBlockList]\n                blockListToUpdate.forEach(updatedBlock => {\n                    prevBlockList.forEach(prevBlock => {\n                        if (prevBlock.id == updatedBlock.id) {\n                            prevBlock.data = updatedBlock.data\n                        }\n                    })\n\n                })\n                this.setState({\n                    message: \"Success Update\",\n                    prevBlockList: prevBlockList\n                })\n\n                setTimeout(() => {\n                    this.setState({\n                        message: undefined\n                    })\n                }, 3000)\n            }\n\n        })\n    }\n\n    updateContents = (selectedBlockId?: string | null, targetIndex?: number) => {\n        if (selectedBlockId == undefined || selectedBlockId == null || targetIndex == undefined)\n            return\n\n        let selectedIndex = -1\n        this.state.blockList.forEach((block, index) => {\n            if (block.id == selectedBlockId) {\n                selectedIndex = index\n            }\n        })\n\n        if (selectedIndex < 0) return\n\n        let newBlockList = [...this.state.blockList]\n        let tempBlock = newBlockList[selectedIndex]\n\n        newBlockList.splice(selectedIndex, 1)\n        newBlockList.splice(targetIndex, 0, tempBlock)\n\n        let prevNewBlockList = [...this.state.prevBlockList]\n        let tempPrevBlock = prevNewBlockList[selectedIndex]\n\n        prevNewBlockList.splice(selectedIndex, 1)\n        prevNewBlockList.splice(targetIndex, 0, tempPrevBlock)\n\n        this.setState({\n            prevBlockList: prevNewBlockList,\n            blockList: newBlockList\n        })\n\n        this.props.manageFeature.changeOrder(tempBlock.id, targetIndex)\n    }\n\n    render() {\n        return (\n            <div className=\"block-content-area\">\n                {this.state.error && <div className=\"error-message\">{this.state.error}</div>}\n                {this.state.message && <div className=\"message update\">{this.state.message}</div>}\n\n                <div className=\"add-block-container\">\n                    <div className=\"add-block-button-list\">\n                        {this.props.addBlockModulesFirstIndex?.map(addblockModule => {\n                            return addblockModule\n                        })}\n                    </div>\n                </div>\n\n                <div className=\"blockContent-container\" onDragOver={this.dnd.onDragged}>\n                    {this.state.blockList.map((blockContent, index) => {\n                        return <BlockContentComponentUI className=\"block-content-container draggable\" draggable=\"true\"\n                            onDragStart={this.dnd.onStartDrag} dndEndDrag={this.dnd.onEndDragContentToPosition}\n                            updateContents={this.updateContents}\n                            key={blockContent.id} index={index + 1} id={blockContent.id}\n                            contentEditorModule={this.props.contentEditorModule}\n                            content={blockContent.data}\n                            updatedBy={blockContent.updatedBy}\n                            updatedDate={blockContent.updatedDate}\n                            removeFeature={this.props.manageFeature} handleChange={this.setBlockContentDetail} data-id={blockContent.id} />\n                    })}\n                </div>\n\n                <div className=\"add-block-container\">\n                    <div className=\"add-block-button-list\">\n                        {this.props.addBlockModulesLastIndex?.map(addblockModule => {\n                            return addblockModule\n                        })}\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n","\nexport enum DownloadStatus {\n    idle,\n    request\n}\n","import { asBlob } from \"html-docx-js-typescript\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { GetAPIHTTPClient } from \"../../database_api/StandardAPIHTTPClient\";\nimport { ResultStatus } from \"../../Types/ResultStatus\";\nimport { ContentListType } from \"../POBContent/ContentListLoader\";\nimport { DownloadStatus } from \"./DownloadStatus\";\nimport { saveAs } from \"file-saver\";\n\nexport interface DownloadResult<DATA> {\n    status: ResultStatus\n    message?: string\n    data?: {\n        value: DATA\n    }\n}\n\nexport interface DownloadDataToDocProtocol<DATA> {\n    download(projectId: string, projectName: string, result: (result: DATA | undefined) => void): void\n    toWord(projectName: string, data: DATA, fileName: string): void\n    getPostfix(): string\n}\n\nexport class DownloadDataToDoc<DATA> implements DownloadDataToDocProtocol<DATA>{\n    private status = DownloadStatus.idle\n    protected type = ContentListType.data\n    private client: GetAPIHTTPClient\n    protected basePath: string;\n    protected downloadDecisionFn: ((download: boolean) => void) | undefined = undefined\n    protected apiPath = (projectId: string) => (this.basePath + this.type + \"/\" + projectId)\n\n    protected filterElement = () => <></>\n\n    constructor(client: GetAPIHTTPClient, basePath: string) {\n        this.client = client;\n        this.basePath = basePath;\n    }\n\n    download(projectId: string, projectName: string, result: (result: DATA | undefined) => void) {\n        this.showFilter( download => {\n            if(!download) {\n                ReactDOM.render(<></>, document.getElementById(\"download-component\"))\n                result(undefined)\n                return\n            }\n\n            this.status = DownloadStatus.request;\n            this.client.get(this.apiPath(projectId), clientResult => {\n                this.status = DownloadStatus.idle;\n\n                if (clientResult.message && clientResult.message == \"13\") {\n                    clientResult.message = `Requested Data not exists on Project ${projectName}`;\n                }\n                console.log(clientResult)\n                result(clientResult.data);\n            });\n        })\n    }\n\n    showFilter(callback: (download: boolean) => void){\n        this.downloadDecisionFn = callback\n        ReactDOM.render(this.filterElement(), document.getElementById(\"download-component\"))\n    }\n\n    toWord(projectName: string, data: DATA, fileName: string) {\n        let header = \"<html xmlns:o='urn:schemas-microsoft-com:office:office' \" +\n            \"xmlns:w='urn:schemas-microsoft-com:office:word' \" +\n            \"xmlns='http://www.w3.org/TR/REC-html40'>\" +\n            \"<head><meta charset='utf-8'><title>\" + projectName + \"</title>\" +\n            \"</head>\" +\n            \"<body>\";\n\n        let htmlToPrint = this.useTemplate(projectName, data);\n        let footer = \"</body></html>\";\n        let htmlSource = header + htmlToPrint + footer;\n        let source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(htmlSource);\n\n        asBlob(htmlToPrint).then(data => {\n            saveAs(data as Blob, fileName)\n        })\n\n        return source;\n    }\n\n    getPostfix = () => \"\"\n\n    protected useTemplate(projectName: string, data: DATA) {\n        if (data == null)\n            return \"\";\n\n        var html = `<h1>${projectName}</h1>`;\n\n        return html;\n    }\n}\n","import { useState } from \"react\"\n\nexport let useDateRangeFilter = (setFromFilter: ((from: Date) => void), setToFilter: ((from: Date) => void)) => {\n    let [from, setFrom] = useState<string>(\"\")\n    let [fromDate, setFromDate] = useState<Date>(new Date())\n\n    let [to, setTo] = useState<string>(\"\")\n    let [toDate, setToDate] = useState<Date>(new Date())\n\n    let handleDateChange = (type: \"from\" | \"to\", date: Date | [Date, Date] | null) => {\n        if (!(date instanceof Date)) return\n        if (type === \"from\") {\n            setFromDate(date)\n            setFromFilter(date)\n            setFrom(date.toLocaleDateString())\n        }\n        else {\n            setToDate(date)\n            setToFilter(date)\n            setTo(date.toLocaleDateString())\n        }\n    }\n\n    return {\n        from, to,\n        fromDate, toDate,\n        handleDateChange\n    }\n}","import DatePicker from 'react-datepicker';\nimport { ButtonInput } from \"../../../form-components/ButtonInput\";\nimport { TextInput } from \"../../../form-components/TextInput\";\nimport dateIcon from '../../../img/icon-date.png';\nimport { useDateRangeFilter } from '../hook/useDateRangeFilter';\n\n\ninterface DateRangeFilterProps {\n    downloadDecisionFn: ((download: boolean) => void) | undefined\n    setFromFilter: ((from: Date) => void)\n    setToFilter: ((from: Date) => void)\n}\n\nlet DateRangeFilter: (props: DateRangeFilterProps) => JSX.Element = ({ downloadDecisionFn, setFromFilter, setToFilter }) => {\n    let {from, to,  fromDate, toDate, handleDateChange} = useDateRangeFilter(setFromFilter, setToFilter)\n\n    return (\n        <section id=\"download-component-container\">\n            <form id=\"form-container\" className=\"daterange-filter\">\n                <div className=\"input-container\">\n                    <DatePicker className=\"text-input input-container default\" placeholderText=\"From\" dateFormat=\"MMMM d, yyyy\"\n                        onChange={(date) => handleDateChange(\"from\", date)} selected={fromDate}\n                        customInput={<TextInput icon={dateIcon} placeholder=\"From\" name=\"from\" value={from} />} />\n                </div>\n                <div className=\"input-container\">\n                    <DatePicker className=\"text-input input-container default\" placeholderText=\"To\" dateFormat=\"MMMM d, yyyy\"\n                        onChange={(date) => handleDateChange(\"to\", date)} selected={toDate}\n                        customInput={<TextInput icon={dateIcon} placeholder=\"To\" name=\"to\" value={to} />} />\n                </div>\n                <div className=\"row default-padding-top\">\n                    <div className=\"col\">\n                        <ButtonInput type=\"button\" caption=\"Cancel\" title=\"Cancel\" id=\"cancel\" onClick={() => {\n                            downloadDecisionFn && downloadDecisionFn(false)\n                        }} />\n                        <ButtonInput type=\"button\" id=\"submit\" caption=\"Download\" title=\"Download\" onClick={() => {\n                            downloadDecisionFn && downloadDecisionFn(true)\n                        }} />\n                    </div>\n                </div>\n            </form>\n        </section>\n    )\n}\n\nexport { DateRangeFilter };\n","import { DateHelper } from \"../../helper/DateHelper\";\r\nimport { ActionPlanModel } from \"../ActionPlan/model/ActionPlan\";\r\nimport { ContentListType } from \"../POBContent/ContentListLoader\";\r\nimport { DownloadDataToDoc } from \"./DownloadDataToDocProtocol\";\r\nimport { DateRangeFilter } from \"./filter/DateRangeFilter\";\r\n\r\nconst dateFormat = \"DD MMMM YYYY\"\r\n\r\nexport class DownloadActionPlanToDoc extends DownloadDataToDoc<ActionPlanModel[]>{\r\n    type = ContentListType.actionPlan\r\n    from: Date = new Date()\r\n    to: Date = new Date()\r\n    apiPath = (projectId: string) => {\r\n        return (this.basePath + this.type + \"/\" + projectId + \"/\" + this.from.toISOString() + \"/\" + this.to.toISOString())\r\n    }\r\n\r\n    filterElement = () => <DateRangeFilter downloadDecisionFn={this.downloadDecisionFn} \r\n        setFromFilter={(date) => {this.from = date}}\r\n        setToFilter={(date) => { this.to = date }}\r\n    />\r\n\r\n    getPostfix = () => \"( \" + DateHelper.dateFormat(this.from.toLocaleDateString(), dateFormat) + \" - \" + DateHelper.dateFormat(this.to.toLocaleDateString(), dateFormat) + \" )\"\r\n    \r\n    protected useTemplate(projectName: string, data: ActionPlanModel[]){\r\n        let html = super.useTemplate(projectName, data)\r\n\r\n        if (!data) return html\r\n        if (data.length == 0) return html\r\n\r\n        data.forEach(dt => {\r\n            html += \"<h3><u>\" + (!dt.date ? \"-\" :  DateHelper.dateFormat(dt.date, \"MMMM DD, YYYY HH:mm\"))\r\n            if (dt.location != \"\") html += \" at \" + dt.location ?? \"-\"\r\n            html += \"</u></h3>\"\r\n\r\n            html += \"Action Name: \" + dt.name + \"<br><br>\"\r\n            html += \"<b>Purpose</b><br>\"\r\n            html += dt.objective + \"<br><br>\" ?? \"-<br><br>\"\r\n\r\n            if (dt.personnelList) html += \"Personnel List: \" + dt.personnelList + \"<br>\"\r\n            if (dt.contractors) html += \"Contractors: \" + dt.contractors + \"<br>\"\r\n            \r\n            html += \"<br><br>\"\r\n        })\r\n\r\n        return html;\r\n    }\r\n}","import { GetAPIHTTPClient } from \"../../database_api/StandardAPIHTTPClient\";\nimport { BudgetModel, POBHeaderModel } from \"../POBHeader/model/POBHeader\";\nimport { POBModel } from \"../POB/model/POB\";\nimport { ResultStatus } from \"../../Types/ResultStatus\"\nimport { DateHelper } from \"../../helper/DateHelper\";\nimport { asBlob } from \"html-docx-js-typescript\"\nimport { DownloadStatus } from \"./DownloadStatus\";\nimport { LatestStatusDownloadData } from \"./LatestStatusDownloadData\";\nimport { saveAs } from \"file-saver\";\n\nexport enum ProjectType {\n    pob = \"pob\",\n    pobHeader = \"pobHeader\"\n}\n\ninterface ProjectHTML {\n    contentHtml: {\n        contentId: string,\n        contentName: string,\n        html: string\n    }[],\n    latestStatuses: LatestStatusDownloadData[]\n}\n\ninterface ProjectManagerExtra{\n    projectManagerName?: string\n}\n\ninterface POBExtra {\n    projectHeaderName?: string\n    customerName?: string\n}\n\ninterface ProjectDownloadPOBHeader extends POBHeaderModel, ProjectManagerExtra, ProjectHTML{}\n\ninterface ProjectDownloadPOB extends POBModel, ProjectManagerExtra, POBExtra, ProjectHTML{}\n\nexport interface DownloadProjectResult {\n    status: ResultStatus\n    message?: string\n    data?: {\n        value: ProjectDownloadPOBHeader | ProjectDownloadPOB\n    }\n}\n\nexport interface DownloadProjectToDocProtocol{\n    download(type: ProjectType, projectId: string, result: (result: DownloadProjectResult) => void): void\n    toWord(type: ProjectType, project: DownloadProjectResult, fileName: string): void\n}\n\nexport class DownloadBackgroundToDoc implements DownloadProjectToDocProtocol{\n    status = DownloadStatus.idle;\n    client: GetAPIHTTPClient;\n    basePath: string;\n\n    constructor(client: GetAPIHTTPClient, basePath: string) {\n        this.client = client;\n        this.basePath = basePath;\n    }\n\n    download(type: ProjectType, projectId: string, result: (result: DownloadProjectResult) => void) {\n        this.status = DownloadStatus.request;\n        this.client.get(this.basePath + \"data/background/\" + type + \"/\" + projectId, clientResult => {\n            this.status = DownloadStatus.idle;\n\n            if (clientResult.message && clientResult.message == \"13\") {\n                clientResult.message = `Project ${projectId} is not registered`;\n            }\n            result(clientResult);\n        });\n    }\n\n    toWord(type: ProjectType, project: DownloadProjectResult, fileName: string) {\n        if (!project.data || !project.data.value.id || !project.data.value.name)\n            return \"\";\n        \n        \n        let header = \"<html xmlns:o='urn:schemas-microsoft-com:office:office' \" +\n            \"xmlns:w='urn:schemas-microsoft-com:office:word' \" +\n            \"xmlns='http://www.w3.org/TR/REC-html40'>\" +\n            \"<head><meta charset='utf-8'><title>\" + project.data.value.name + \"</title>\" +\n            \"</head>\" +\n            \"<body>\";\n\n        let htmlToPrint = this.useTemplate(type, project);\n        let footer = \"</body></html>\";\n        let htmlSource = header + htmlToPrint + footer;\n        let source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(htmlSource);\n        \n        asBlob(htmlToPrint).then( data => {\n            saveAs(data as Blob, fileName)\n        })\n\n        return source;\n    }\n\n    private useTemplate(type: ProjectType, project: DownloadProjectResult) {\n        if (!project.data)\n            return \"\";\n        let temp: any = project.data.value;\n\n        var html = `<h1>Project ${project.data.value.name}</h1>`;\n\n        project.data.value.contentHtml.forEach(contentHtmlData => {\n            if(contentHtmlData.contentName != \"Background\") return\n            if(contentHtmlData.html){\n                html += `<h2>${contentHtmlData.contentName}</h2>${contentHtmlData.html}`;\n            }\n        });\n\n        return html;\n    }\n}\n","import { DateHelper } from \"../../helper/DateHelper\";\nimport { DownloadDataToDoc } from \"./DownloadDataToDocProtocol\";\nimport { ContentListType } from \"../POBContent/ContentListLoader\";\nimport { DateRangeFilter } from \"./filter/DateRangeFilter\";\nimport { FieldInformationModel } from \"../FieldInformation/model/FieldInformation\";\n\ninterface FieldInformationModelComplete extends FieldInformationModel{\n    personnelList?: string\n    location?: string\n    objective?: string\n    contractors?: string\n    status: string\n    actionPlanName?: string\n}\n\nconst dateFormat = \"DD MMMM YYYY\"\n\nexport class DownloadFieldInformationToDoc extends DownloadDataToDoc<FieldInformationModelComplete[]>{\n    type = ContentListType.fieldInformation\n    from: Date = new Date()\n    to: Date = new Date()\n    apiPath = (projectId: string) => {\n        return (this.basePath + this.type + \"/\" + projectId + \"/\" + this.from.toISOString() + \"/\" + this.to.toISOString())\n    }\n\n    filterElement = () => <DateRangeFilter downloadDecisionFn={this.downloadDecisionFn} \n        setFromFilter={(date) => {this.from = date}}\n        setToFilter={(date) => { this.to = date }}\n    />\n    \n    getPostfix = () => \"( \" + DateHelper.dateFormat(this.from.toLocaleDateString(), dateFormat) + \" - \" + DateHelper.dateFormat(this.to.toLocaleDateString(), dateFormat) + \" )\"\n\n    protected useTemplate(projectName: string, data: FieldInformationModelComplete[]){\n        let html = super.useTemplate(projectName, data)\n\n        if (!data) return html\n        if (data.length == 0) return html\n\n        data.forEach(dt => {\n            html += \"<h3><u>\" + DateHelper.dateFormat(dt.time, \"MMMM DD, YYYY HH:mm\")\n            if (dt.location != \"\") html += \" at \" + dt.location ?? \"-\"\n            html += \"</u></h3>\"\n\n            html += \"Action Name: \" + dt.actionPlanName + \"<br><br>\"\n            html += \"<b>Purpose</b><br>\"\n            html += dt.objective + \"<br><br>\" ?? \"-<br><br>\"\n\n            if (dt.personnelList) html += \"Personnel List: \" + dt.personnelList + \"<br>\"\n            if (dt.contractors) html += \"Contractors: \" + dt.contractors + \"<br><br>\"\n\n            html += \"<b>Result</b><br>\"\n            html += dt.result\n            \n            html += \"<br><br>\"\n        })\n\n        return html;\n    }\n}","import { useState } from \"react\"\n\nexport let useQuarterYearFilter = (setQuarterFilter: ((quarter: string) => void), setYearFilter: ((year: string) => void)) => {\n    let currentYear = new Date().getFullYear()\n    let years = []\n\n    for (let i = 0; i < 5; i++) {\n        years.push((currentYear - i).toString())\n    }\n\n    let handleQuarterChange = (quarter: string) => {\n        setQuarterFilter(quarter)\n    }\n\n    let handleYearChange = (year: string) => {\n        setYearFilter(year)\n    }\n\n    return {\n        years,\n        handleQuarterChange,\n        handleYearChange\n    }\n}","import { ButtonInput } from \"../../../form-components/ButtonInput\";\nimport { SelectInput } from '../../../form-components/SelectInput';\nimport { useQuarterYearFilter } from '../hook/useQuarterYearFilter';\n\n\ninterface QuarterYearFilterProps {\n    downloadDecisionFn: ((download: boolean) => void) | undefined\n    setQuarterFilter: ((quarter: string) => void)\n    setYearFilter: ((year: string) => void)\n}\n\nlet QuarterYearFilter: (props: QuarterYearFilterProps) => JSX.Element = ({ downloadDecisionFn, setQuarterFilter, setYearFilter }) => {\n    let { years, handleQuarterChange, handleYearChange } = useQuarterYearFilter(setQuarterFilter, setYearFilter)\n\n    return (\n        <section id=\"download-component-container\">\n            <form id=\"form-container\" className=\"daterange-filter\">\n                <div className=\"input-container\">\n                    <SelectInput onChange={handleQuarterChange} \n                        placeholder=\"Select Quarter\"\n                        options={[\n                            { text: \"Q4\", value: \"Q4\" },\n                            { text: \"Q3\", value: \"Q3\" },\n                            { text: \"Q2\", value: \"Q2\" },\n                            { text: \"Q1\", value: \"Q1\" }\n                        ]}\n                    />\n                </div>\n                <div className=\"input-container\">\n                    <SelectInput onChange={handleYearChange}\n                        placeholder=\"Select Year\"\n                        options={years.map( year => { return { text: year, value: year} })}\n                    />\n                </div>\n                <div className=\"row default-padding-top\">\n                    <div className=\"col\">\n                        <ButtonInput type=\"button\" caption=\"Cancel\" title=\"Cancel\" id=\"cancel\" onClick={() => {\n                            downloadDecisionFn && downloadDecisionFn(false)\n                        }} />\n                        <ButtonInput type=\"button\" id=\"submit\" caption=\"Download\" title=\"Download\" onClick={() => {\n                            downloadDecisionFn && downloadDecisionFn(true)\n                        }} />\n                    </div>\n                </div>\n            </form>\n        </section>\n    )\n}\n\nexport { QuarterYearFilter };\n","import { DownloadDataToDoc } from \"./DownloadDataToDocProtocol\";\nimport { ContentListType } from \"../POBContent/ContentListLoader\";\nimport { QuarterYearFilter } from \"./filter/QuarterYearFilter\";\nimport { HistoryModel } from \"../History/model/History\";\n\nexport class DownloadHistoryToDoc extends DownloadDataToDoc<HistoryModel[]>{\n    type = ContentListType.history\n    quarter: string = \"Q1\"\n    year: string = new Date().getFullYear().toString()\n\n    apiPath = (projectId: string) => {\n        return (this.basePath + this.type + \"/\" + projectId + \"/\" + this.year + this.quarter)\n    }\n\n    filterElement = () => <QuarterYearFilter downloadDecisionFn={this.downloadDecisionFn} \n        setQuarterFilter={(quarter) => {this.quarter = quarter}}\n        setYearFilter={(year) => { this.year = year }}\n    />\n\n    getPostfix = () => \"( \" + this.quarter + \" \" + this.year + \" )\"\n    \n    protected useTemplate(projectName: string, data: HistoryModel[]){\n        let html = super.useTemplate(projectName, data)\n\n        if (!data) return html\n        if (data.length == 0) return html\n\n        data.forEach(dt => {\n            html += \"<h3><u>\" + dt.quarter + \" \" + dt.year.toString() + \"</u></h3>\"\n            html += dt.information ?? \"-\"\n            html += \"<br><br>\"\n        })\n\n        return html;\n    }\n}","import { DateHelper } from \"../../helper/DateHelper\";\nimport { DownloadDataToDoc } from \"./DownloadDataToDocProtocol\";\nimport { ContentListType } from \"../POBContent/ContentListLoader\";\nimport { LatestStatusDownloadData } from \"./LatestStatusDownloadData\";\nimport { DateRangeFilter } from \"./filter/DateRangeFilter\";\n\nconst dateFormat = \"DD MMMM YYYY\"\n\nexport class DownloadLatestStatusToDoc extends DownloadDataToDoc<LatestStatusDownloadData[]>{\n    type = ContentListType.latestStatus\n    from: Date = new Date()\n    to: Date = new Date()\n    apiPath = (projectId: string) => {\n        return (this.basePath + this.type + \"/\" + projectId + \"/\" + this.from.toISOString() + \"/\" + this.to.toISOString())\n    }\n\n    filterElement = () => <DateRangeFilter downloadDecisionFn={this.downloadDecisionFn} \n        setFromFilter={(date) => {this.from = date}}\n        setToFilter={(date) => { this.to = date }}\n    />\n\n    getPostfix = () => \"( \" + DateHelper.dateFormat(this.from.toLocaleDateString(), dateFormat) + \" - \" + DateHelper.dateFormat(this.to.toLocaleDateString(), dateFormat) + \" )\"\n    \n    protected useTemplate(projectName: string, data: LatestStatusDownloadData[]){\n        let html = super.useTemplate(projectName, data)\n\n        if (!data) return html\n        if (data.length == 0) return html\n\n        data.forEach(dt => {\n            html += \"<h3><u>\" + DateHelper.dateFormat(dt.date, \"MMMM DD, YYYY HH:mm\")\n            if (dt.location != \"\") html += \" at \" + dt.location ?? \"-\"\n            html += \"</u></h3>\"\n\n            if (dt.personnelList) html += \"Personnel List: \" + dt.personnelList + \"<br>\"\n            if (dt.contractors) html += \"Contractors: \" + dt.contractors + \"<br>\"\n            html += \"<br><b>Information</b><br>\"\n            html += dt.information ?? \"-\"\n            html += \"<br><br>\"\n\n            html += \"<b>Analysis</b><br>\"\n            html += dt.analysis ?? \"-\"\n            html += \"<br/><br/>\"\n        })\n\n        return html;\n    }\n}","import { GetAPIHTTPClient } from \"../../database_api/StandardAPIHTTPClient\";\nimport { BudgetModel, POBHeaderModel } from \"../POBHeader/model/POBHeader\";\nimport { POBModel } from \"../POB/model/POB\";\nimport { ResultStatus } from \"../../Types/ResultStatus\"\nimport { DateHelper } from \"../../helper/DateHelper\";\nimport { asBlob } from \"html-docx-js-typescript\"\nimport { DownloadStatus } from \"./DownloadStatus\";\nimport { LatestStatusDownloadData } from \"./LatestStatusDownloadData\";\nimport { DateRangeFilter } from \"./filter/DateRangeFilter\";\nimport ReactDOM from \"react-dom\";\nimport { saveAs } from \"file-saver\";\n\nconst dateFormat = \"DD MMMM YYYY\"\n\nexport enum ProjectType {\n    pob = \"pob\",\n    pobHeader = \"pobHeader\"\n}\n\ninterface ProjectHTML {\n    contentHtml: {\n        contentId: string,\n        contentName: string,\n        html: string\n    }[],\n    latestStatuses: LatestStatusDownloadData[]\n}\n\ninterface ProjectManagerExtra{\n    projectManagerName?: string\n}\n\ninterface POBExtra {\n    projectHeaderName?: string\n    customerName?: string\n}\n\ninterface ProjectDownloadPOBHeader extends POBHeaderModel, ProjectManagerExtra, ProjectHTML{}\n\ninterface ProjectDownloadPOB extends POBModel, ProjectManagerExtra, POBExtra, ProjectHTML{}\n\nexport interface DownloadProjectResult {\n    status: ResultStatus\n    message?: string\n    data?: {\n        value: ProjectDownloadPOBHeader | ProjectDownloadPOB\n    }\n}\n\nexport interface DownloadProjectToDocProtocol{\n    download(type: ProjectType, projectId: string, result: (result: DownloadProjectResult | undefined) => void): void\n    toWord(type: ProjectType, project: DownloadProjectResult, fileName: string): void\n    getPostfix(): string\n}\n\nexport class DownloadProjectToDoc implements DownloadProjectToDocProtocol{\n    status = DownloadStatus.idle;\n    client: GetAPIHTTPClient;\n    basePath: string;\n    downloadDecisionFn: ((download: boolean) => void) | undefined = undefined\n\n    from: Date = new Date()\n    to: Date = new Date()\n\n    constructor(client: GetAPIHTTPClient, basePath: string) {\n        this.client = client;\n        this.basePath = basePath;\n    }\n\n    filterElement = () => <DateRangeFilter downloadDecisionFn={ this.downloadDecisionFn }\n        setFromFilter = {(date) => { this.from = date }}\n        setToFilter = {(date) => { this.to = date }}\n    />\n\n    download(type: ProjectType, projectId: string, result: (result: DownloadProjectResult | undefined) => void) {\n        this.showFilter(download => {\n            if (!download) {\n                ReactDOM.render(<></>, document.getElementById(\"download-component\"))\n                result(undefined)\n                return\n            }\n            \n            this.status = DownloadStatus.request;\n            this.client.get(this.basePath + type + \"/\" + projectId + \"/\" + this.from.toISOString() + \"/\" + this.to.toISOString(), clientResult => {\n                this.status = DownloadStatus.idle;\n\n                if (clientResult.message && clientResult.message == \"13\") {\n                    clientResult.message = `Project ${projectId} is not registered`;\n                }\n                result(clientResult);\n            });\n        })\n        \n    }\n\n    private showFilter(callback: (download: boolean) => void) {\n        this.downloadDecisionFn = callback\n        ReactDOM.render(this.filterElement(), document.getElementById(\"download-component\"))\n    }\n\n    toWord(type: ProjectType, project: DownloadProjectResult, fileName: string) {\n        if (!project.data || !project.data.value.id || !project.data.value.name)\n            return \"\";\n        \n        \n        let header = \"<html xmlns:o='urn:schemas-microsoft-com:office:office' \" +\n            \"xmlns:w='urn:schemas-microsoft-com:office:word' \" +\n            \"xmlns='http://www.w3.org/TR/REC-html40'>\" +\n            \"<head><meta charset='utf-8'><title>\" + project.data.value.name + \"</title>\" +\n            \"</head>\" +\n            \"<body>\";\n\n        let htmlToPrint = this.useTemplate(type, project);\n        let footer = \"</body></html>\";\n        let htmlSource = header + htmlToPrint + footer;\n        let source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(htmlSource);\n        \n        asBlob(htmlToPrint).then( data => {\n            saveAs(data as Blob, fileName)\n        })\n\n        return source;\n    }\n\n    getPostfix = () => \"( \" + DateHelper.dateFormat(this.from.toLocaleDateString(), dateFormat) + \" - \" + DateHelper.dateFormat(this.to.toLocaleDateString(), dateFormat) + \" )\"\n\n    private useTemplate(type: ProjectType, project: DownloadProjectResult) {\n        if (!project.data)\n            return \"\";\n        let temp: any = project.data.value;\n\n        var html = `<h1>Project ${project.data.value.name}</h1>`;\n\n        if (type == ProjectType.pob) {\n            let projectData: POBModel & ProjectManagerExtra & POBExtra = temp;\n\n            html += `\n            <table border=0 width=\"100%\">\n                <tr><td><b>Project Code</b></td><td><b>Project Manager</b></td></tr>\n                <tr><td>${projectData.code}</td><td>${projectData.projectManagerName ?? \"-\"}</td></tr>\n                \n                <tr><td><b>Customer</b></td><td><b>Client</b></td></tr>\n                <tr><td>${projectData.customerTemporary ?? \"-\"}</td><td>${projectData.clientName ?? \"-\"}</td></tr>\n\n                <tr><td colspan=2><b>Project Value</b>: ${projectData.projectValue ?? \"0\"}</td></tr>\n            </table>\n            `;\n        }\n        else {\n            let projectData: POBHeaderModel & ProjectManagerExtra = temp;\n\n            html += `\n            <table border=0 width=\"100%\">\n                <tr><td><b>Project Code</b></td><td><b>Project Manager</b></td></tr>\n                <tr><td>${projectData.code}</td><td>${projectData.projectManagerName ?? \"-\"}</td></tr>\n                \n                <tr><td colspan=2><b>Fiscal Year</b>: ${projectData.fiscalYearFrom ?? \"??\"} - ${projectData.fiscalYearTo ?? \"??\"}</td></tr>\n            </table>\n            `;\n\n            let budgetList: BudgetModel[] = []\n            if(typeof projectData.budgetList == \"string\"){\n                budgetList = JSON.parse(projectData.budgetList)\n            }\n            if (budgetList.length > 0) {\n                var budgetListHtml = \"\";\n                budgetList.forEach(budget => {\n                    budgetListHtml += `<tr><td>${budget.budgetType}</td><td>${budget.value}</td></tr>`;\n                });\n\n                html += `\n                <table width=\"100%\">\n                    <tr><td><b>Type</b></td><td><b>Budget</b></td></tr>\n                    ${budgetListHtml}\n                </table>\n                `;\n            }\n        }\n\n        project.data.value.contentHtml.forEach(contentHtmlData => {\n            if(contentHtmlData.html){\n                html += `<h2>${contentHtmlData.contentName}</h2>${contentHtmlData.html}`;\n            }\n        });\n\n        html += this.useTemplateLatestStatusAndAnalysis(project.data.value.latestStatuses)\n\n        return html;\n    }\n\n    private useTemplateLatestStatusAndAnalysis(latestStatuses: LatestStatusDownloadData[]){\n        let html = ``\n        if (!latestStatuses) return html\n\n        html += `<h2>Latest Status & Analysis</h2>`\n\n        latestStatuses.forEach(latestStatus => {\n            html += \"<h3><u>\" + DateHelper.dateFormat(latestStatus.date, \"MMMM DD, YYYY HH:mm\")\n            if (latestStatus.location != \"\") html += \" at \" + latestStatus.location ?? \"-\"\n            html += \"</u></h3>\"\n\n            if (latestStatus.personnelList) html += \"Personnel List: \" + latestStatus.personnelList + \"<br>\"\n            if (latestStatus.contractors) html += \"Contractors: \" + latestStatus.contractors + \"<br>\"\n            html += \"<br><b>Information</b><br>\"\n            html += latestStatus.information ?? \"-\"\n            html += \"<br><br>\"\n\n            html += \"<b>Analysis</b><br>\"\n            html += latestStatus.analysis ?? \"-\"\n            html += \"<br/><br/>\"\n        })\n\n        return html;\n    }\n}\n","import { ProjectDownloadPath } from \"../../../database_api/api\"\nimport { StandardAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\"\nimport { HTTPHeader } from \"../../../interfaces/HTTPHeader\"\nimport { AuthTokenSessionStorage } from \"../../Login/AuthPermission\"\nimport { DownloadActionPlanToDoc } from \"../../Project/DownloadActionPlanToDoc\"\nimport { DownloadBackgroundToDoc } from \"../../Project/DownloadBackgroundToDoc\"\nimport { DownloadFieldInformationToDoc } from \"../../Project/DownloadFieldInformationToDoc\"\nimport { DownloadHistoryToDoc } from \"../../Project/DownloadHistoryToDoc\"\nimport { DownloadLatestStatusToDoc } from \"../../Project/DownloadLatestStatusToDoc\"\nimport { DownloadProjectToDoc, ProjectType } from \"../../Project/DownloadProjectToDoc\"\n\nlet client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\n\nlet DownloadLatestStatus = (projectName: string, projectId: string) => {\n        let downloader = new DownloadLatestStatusToDoc(client, ProjectDownloadPath + \"data/\")\n        let projectDocumentName = projectName + \" \" + \"Latest Status & Analysis\"\n        downloader.download(projectId, projectDocumentName + \" \" + downloader.getPostfix(), result => {\n            if (result)\n                downloader.toWord(projectDocumentName, result, projectDocumentName + \" \" + downloader.getPostfix() + \".docx\")\n        })\n}\n\nlet DownloadActionPlan = (projectName: string, projectId: string) => {\n    let downloader = new DownloadActionPlanToDoc(client, ProjectDownloadPath + \"data/\")\n    let projectDocumentName = projectName + \" \" + \"Action Plan\"\n    downloader.download(projectId, projectDocumentName + \" \" + downloader.getPostfix(), result => {\n        if (result)\n            downloader.toWord(projectDocumentName, result, projectDocumentName + \" \" + downloader.getPostfix() + \".docx\")\n    })\n}\n\nlet DownloadFieldInformation = (projectName: string, projectId: string) => {\n    let downloader = new DownloadFieldInformationToDoc(client, ProjectDownloadPath + \"data/\")\n    let projectDocumentName = projectName + \" \" + \"Field Information\"\n    downloader.download(projectId, projectDocumentName + \" \" + downloader.getPostfix(), result => {\n        if (result)\n            downloader.toWord(projectDocumentName, result, projectDocumentName + \" \" + downloader.getPostfix() + \".docx\")\n    })\n}\n\nlet DownloadHistory = (projectName: string, projectId: string) => {\n    let downloader = new DownloadHistoryToDoc(client, ProjectDownloadPath + \"data/\")\n    let projectDocumentName = projectName + \" \" + \"History\"\n    downloader.download(projectId, projectDocumentName + \" \" + downloader.getPostfix(), result => {\n        if (result)\n            downloader.toWord(projectDocumentName, result, projectDocumentName + \" \" + downloader.getPostfix() + \".docx\")\n    })\n}\n\nlet DownloadProject = (projectName: string, projectId: string, isHeader: boolean) => {\n    let downloader = new DownloadProjectToDoc(client, ProjectDownloadPath)\n    var projectType = ProjectType.pob\n    if (isHeader) {\n        projectType = ProjectType.pobHeader\n    }\n    downloader.download(projectType, projectId, result => {\n        if(!result) return\n\n        if (result.data)\n            downloader.toWord(projectType, result, projectName + \" \" + downloader.getPostfix() + \".docx\")\n    })\n\n    return\n}\n\nlet DownloadBackground = (projectName: string, projectId: string, isHeader: boolean) => {\n    let downloader = new DownloadBackgroundToDoc(client, ProjectDownloadPath)\n    var projectType = ProjectType.pob\n    if (isHeader) {\n        projectType = ProjectType.pobHeader\n    }\n    downloader.download(projectType, projectId, result => {\n        if (result.data)\n            downloader.toWord(projectType, result, projectName + \" Background.docx\")\n    })\n\n    return\n}\n\nexport { DownloadLatestStatus, DownloadActionPlan, DownloadFieldInformation, DownloadProject, DownloadBackground, DownloadHistory }","import { useEffect, useState } from \"react\"\r\nimport { useHistory, useParams } from \"react-router\"\r\nimport { Timeout } from \"../../../../components/Timeout\"\r\nimport { POBHeaderGetChildrenPath } from \"../../../../database_api/api\"\r\nimport { SelectInput } from \"../../../../form-components/SelectInput\"\r\nimport { RoutePath } from \"../../../../page/RoutePath\"\r\nimport { useGetData } from \"../../../Shared/useGetData\"\r\nimport { POBContentType } from '../POBContentType'\r\n\r\nexport const POBChildMenu = () => {\r\n    const history = useHistory()\r\n    const mainParams = useParams<{ type: string, id: string, pobHeaderId: string }>()\r\n    const [children, setChildren] = useState<{ id: string, name: string }[]>([])\r\n    const { get, isLoading } = useGetData(POBHeaderGetChildrenPath + mainParams.id, \"\")\r\n\r\n    useEffect(() => {\r\n        if (mainParams.type === POBContentType.POB) return\r\n\r\n        get(undefined, {\r\n            onSuccess: (data) => {\r\n                if (data.data) setChildren(data.data)\r\n            }\r\n        })\r\n    }, [])\r\n\r\n    if (isLoading) return <></>\r\n\r\n    if (mainParams.type === POBContentType.POB && (mainParams.pobHeaderId === \"undefined\" || mainParams.pobHeaderId === undefined)) return (\r\n        <></>\r\n    )\r\n\r\n    if (mainParams.type === POBContentType.POB) return (\r\n        <div className=\"pobHeader-name\" onClick={() => {\r\n            Timeout(() => {\r\n                history.push(RoutePath.pobContent.replace(\":id\", mainParams.pobHeaderId)\r\n                    .replace(\":type\", POBContentType.POBHeader))\r\n            })\r\n        }}>Parent</div>\r\n    )\r\n\r\n    return (\r\n        <div className=\"pobHeader-name\">\r\n            <SelectInput onChange={(id: string) => {\r\n                Timeout(() => {\r\n                    history.push(RoutePath.pobContentWithHeader.replace(\":id\", id)\r\n                        .replace(\":type\", POBContentType.POB)\r\n                        .replace(\":pobHeaderId\", mainParams.id))\r\n                })\r\n\r\n            }}\r\n                placeholder='Child Project'\r\n                className=\"pobTypeSelection\"\r\n                options={children.map(cd => {\r\n                    return ({\r\n                        value: cd.id,\r\n                        text: cd.name\r\n                    })\r\n                })} />\r\n        </div>\r\n    )\r\n}","import { useContext, useEffect, useState } from \"react\"\r\nimport ReactDOM from \"react-dom\"\r\nimport { useParams } from \"react-router\"\r\nimport GlobalData from \"../../../../GlobalData\"\r\nimport { BoxButtonComponent } from \"../../../../components/BoxButtonComponent\"\r\nimport NextIcon from '../../../../img/next.png'\r\nimport PrevIcon from '../../../../img/prev.png'\r\nimport { SupportingDocsBuilder } from \"../../../ProjectFiles/SupportingDocsBuilder\"\r\nimport { useURL } from \"../../../Search/useURL\"\r\nimport { ContentListType } from \"../../ContentListLoader\"\r\nimport { POBContentHeaderDownloadButton } from \"../POBBlockContentListComponent\"\r\nimport { POBContentType } from \"../POBContentV2\"\r\nimport { DownloadActionPlan, DownloadBackground, DownloadFieldInformation, DownloadHistory, DownloadLatestStatus, DownloadProject } from \"../ProjectDataDownload\"\r\nimport { POBChildMenu } from \"./POBChildMenu\"\r\nimport { usePOBContent } from \"./hook/usePOBContent\"\r\n\r\nexport const POBContentMenu = () => {\r\n    const { content, getContent } = usePOBContent()\r\n    const { history, location, params, goTo } = useURL()\r\n    const mainParams = useParams<{ type: string, id: string }>()\r\n    const [openSupportingDocs, setOpenSupportingDocs] = useState(false)\r\n    const { pageTitle } = useContext(GlobalData)\r\n\r\n    useEffect(() => {\r\n        getContent()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        toggleSupportingDocs(openSupportingDocs)\r\n    }, [openSupportingDocs])\r\n\r\n    const toggleSupportingDocs = (state: boolean) => {\r\n        ReactDOM.render((state ? <SupportingDocsBuilder projectId={mainParams.id} /> : <></>), document.getElementById(\"supportingDocs\"))\r\n    }\r\n\r\n    const downloadFn = () => {\r\n        if (params.contentType == ContentListType.data) {\r\n            DownloadProject(pageTitle, mainParams.id, mainParams.type === POBContentType.POBHeader ? true : false)\r\n            return\r\n        }\r\n\r\n        if (params.contentType == ContentListType.content) {\r\n            DownloadBackground(pageTitle, mainParams.id, mainParams.type === POBContentType.POBHeader ? true : false)\r\n            return\r\n        }\r\n\r\n        if (params.contentType == ContentListType.latestStatus) {\r\n            DownloadLatestStatus(pageTitle, mainParams.id)\r\n            return\r\n        }\r\n\r\n        if (params.contentType == ContentListType.actionPlan) {\r\n            DownloadActionPlan(pageTitle, mainParams.id)\r\n            return\r\n        }\r\n\r\n        if (params.contentType == ContentListType.fieldInformation) {\r\n            DownloadFieldInformation(pageTitle, mainParams.id)\r\n            return\r\n        }\r\n\r\n        if (params.contentType == ContentListType.history) {\r\n            DownloadHistory(pageTitle, mainParams.id)\r\n            return\r\n        }\r\n    }\r\n\r\n    const scrollLeft = () => {\r\n        const scrollableContainer = document.getElementById(\"scrollable-container\")\r\n        if (!scrollableContainer) return\r\n\r\n        scrollableContainer.scrollLeft -= 200\r\n    }\r\n\r\n    const scrollRight = () => {\r\n        const scrollableContainer = document.getElementById(\"scrollable-container\")\r\n        if (!scrollableContainer) return\r\n\r\n        scrollableContainer.scrollLeft += 200\r\n    }\r\n\r\n    return (\r\n        <div id=\"pob-content-header-container\">\r\n            <BoxButtonComponent aclass=\"pagination-button\" icon={PrevIcon} onClick={() => scrollLeft()} />\r\n            <div className=\"pob-content-header-contentList-menu\" id=\"scrollable-container\">\r\n                <div className=\"scrollable-container\">\r\n                    <POBChildMenu />\r\n                    {\r\n                        content && content.filter(mn => mn.type !== ContentListType.supportingDocs).map(mn => {\r\n                            return (\r\n                                <div key={mn.id}\r\n                                    className={\"contentList-name\" + ((mn.id == params.contentId) ? \" selected\" : \"\")}\r\n                                    onClick={() => {\r\n                                        goTo(location.pathname, {\r\n                                            contentId: mn.id,\r\n                                            contentName: mn.name,\r\n                                            contentType: mn.type\r\n                                        })\r\n                                    }}\r\n                                >\r\n                                    <div className=\"separator-block\"></div>\r\n                                    {mn.name}\r\n                                </div>\r\n                            )\r\n                        })\r\n                    }\r\n                    {\r\n                        content && content.filter(mn => mn.type === ContentListType.supportingDocs).map(mn => {\r\n                            return (\r\n                                <div key={mn.id}\r\n                                    className={\"contentList-name\" + ((mn.id == params.contentId) ? \" selected\" : \"\")}\r\n                                    onClick={() => setOpenSupportingDocs(!openSupportingDocs)}\r\n                                >\r\n                                    <div className=\"separator-block\"></div>\r\n                                    {mn.name}\r\n                                </div>\r\n                            )\r\n                        })\r\n                    }\r\n                </div>\r\n            </div>\r\n            <BoxButtonComponent aclass=\"pagination-button\" icon={NextIcon} onClick={() => scrollRight()} />\r\n            <div id=\"below-nav\">\r\n                <POBContentHeaderDownloadButton onClick={() => { downloadFn() }} />\r\n                <div id=\"download-component\"></div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect } from \"react\"\r\nimport { useParams } from \"react-router\"\r\nimport { POBContentList } from \"../../../../../database_api/api\"\r\nimport { Lang } from \"../../../../../lang/Lang\"\r\nimport { useURL } from \"../../../../Search/useURL\"\r\nimport { useGetData } from \"../../../../Shared/useGetData\"\r\nimport { ContentListResult } from \"../../../ContentListLoader\"\r\n\r\nexport const usePOBContent = () => {\r\n    const [content, setContent] = React.useState<ContentListResult[] | undefined>(undefined)\r\n    const { history, params, location, replaceTo } = useURL()\r\n    const mainParams = useParams<{\r\n        type: string\r\n        id: string\r\n    }>()\r\n    \r\n    const { get } = useGetData(POBContentList + mainParams.type + \"/\" + mainParams.id, \"Load Content\")\r\n\r\n    useEffect(() => {\r\n        if(!content) return\r\n\r\n        if(!params.contentType)\r\n            replaceTo(location.pathname, {\r\n                contentId: content[0].id,\r\n                contentName: content[0].name,\r\n                contentType: content[0].type\r\n            })\r\n    }, [content])\r\n\r\n    const getContent = () => {\r\n        get(undefined, {\r\n            onSuccess(data) {\r\n                setContent(sortContentData(data.data))\r\n            }\r\n        })\r\n    }\r\n\r\n    const sortContentData = (data?: ContentListResult[]) => {\r\n        if (!data) return data\r\n\r\n        let newData = [...data]\r\n        let itemData = newData[2]\r\n        newData.splice(2, 1)\r\n\r\n        newData = [itemData, ...newData]\r\n        return mapContentDataMenuName(newData)\r\n    }\r\n\r\n    const mapContentDataMenuName = (rawData?: ContentListResult[]) => {\r\n        if (!rawData) return rawData\r\n\r\n        rawData.forEach(data => {\r\n            if (data.name == Lang.base_projectFieldInformation) {\r\n                data.name = Lang.projectFieldInformation\r\n            }\r\n\r\n            if (data.name == Lang.base_data) {\r\n                data.name = Lang.projectData\r\n            }\r\n        })\r\n\r\n        return rawData\r\n    }\r\n\r\n    return { getContent, content }\r\n}","import { useContext, useEffect } from 'react';\r\nimport { useParams } from 'react-router';\r\nimport { POBContentGetProjectName } from '../../../database_api/api';\r\nimport GlobalData from '../../../GlobalData';\r\nimport { FieldInformationList } from '../../FieldInformation/ui/FieldInformationListV3';\r\nimport { HistoryList } from '../../History/ui/HistoryListV2';\r\nimport { LatestStatusList } from '../../LatestStatus/ui/LatestStatusListV2';\r\nimport { POBEdit } from '../../POB/ui/POBEditV2';\r\nimport { POBHeaderEdit } from '../../POBHeader/ui/POBHeaderEditV2';\r\nimport { useURL } from '../../Search/useURL';\r\nimport { useGetData } from '../../Shared/useGetData';\r\nimport { ContentListType } from '../ContentListLoader';\r\nimport { ActionPlanListForContentType } from '../ContentModule/ActionPlan/ActionPlanListForContentType';\r\nimport { useSetProjectName } from '../useSetProjectName';\r\nimport { BlockContentListComponent } from './v2/component/BlockContentListComponent';\r\nimport { POBContentMenu } from './v2/POBContentMenuV2';\r\n\r\nexport enum POBContentType{\r\n    POB = \"pob\",\r\n    POBHeader = \"pobHeader\"\r\n}\r\n\r\nexport const POBContent = () => {\r\n    const { params } = useURL()\r\n    const { setPageTitle } = useContext(GlobalData)\r\n    const mainParams = useParams<{type: string, id: string}>()\r\n    const { get } = useGetData(POBContentGetProjectName + mainParams.type + \"/\" + mainParams.id, \"\")\r\n\r\n    const { updateProjectName } = useSetProjectName()\r\n\r\n    useEffect(() => {\r\n        const type = mainParams.type === POBContentType.POBHeader ? \"Parent Project\" : \"Child Project\"\r\n        get(undefined, {\r\n            onSuccess: (result) => {\r\n                updateProjectName(result.data, type)\r\n            }\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n        <div id=\"pobContent-container\" data-cy=\"pobContentPage\">\r\n            <POBContentMenu />\r\n            \r\n            { params.contentType === ContentListType.data && \r\n                mainParams.type === POBContentType.POBHeader &&\r\n                <POBHeaderEdit />\r\n            }\r\n\r\n            {params.contentType === ContentListType.data &&\r\n                mainParams.type === POBContentType.POB &&\r\n                <POBEdit />\r\n            }\r\n\r\n            { params.contentType === ContentListType.content &&\r\n                <BlockContentListComponent />\r\n            }\r\n\r\n            {\r\n                params.contentType === ContentListType.history &&\r\n                <HistoryList />\r\n            }\r\n\r\n            {\r\n                params.contentType === ContentListType.actionPlan &&\r\n                <ActionPlanListForContentType />\r\n            }\r\n\r\n            {\r\n                params.contentType === ContentListType.fieldInformation &&\r\n                <FieldInformationList />\r\n            }\r\n\r\n            {\r\n                params.contentType === ContentListType.latestStatus &&\r\n                <LatestStatusList />\r\n            }\r\n            \r\n            <div id=\"action-plan-add\" />\r\n            <div id=\"supportingDocs\"/>\r\n        </div>\r\n    )\r\n}","import { FormMode } from \"../../Client/ui/ClientFormV3\"\r\nimport { AddFormTemplate } from \"../../Shared/template/AddFormTemplate\"\r\nimport { errorValidationSchema } from \"../builder/ErrorMessage/errorValidationSchema\"\r\nimport { usePOBHeaderAddFormHandler } from \"../builder/usePOBHeaderAddFormHandler\"\r\nimport { POBHeaderModel } from \"../model/POBHeader\"\r\nimport { POBHeaderForm } from \"./POBHeaderForm\"\r\n\r\nexport const POBHeaderAdd = () => {\r\n    const formik = usePOBHeaderAddFormHandler({\r\n        name: \"\",\r\n        budgetList: []\r\n    }, errorValidationSchema)\r\n\r\n    const addBudget = () => {\r\n        document.getElementById(\"budgetAddSubmit\")?.click()\r\n    }\r\n\r\n    return (\r\n        <AddFormTemplate<POBHeaderModel> {...formik} onAdditionalSubmitTrigger={addBudget}>\r\n            {POBHeaderForm(FormMode.ADD, \"Add New\", formik)}\r\n        </AddFormTemplate>\r\n    )\r\n}","import { useFormik } from 'formik';\r\nimport { ObjectSchema } from 'yup';\r\nimport { POBHeaderPath } from '../../../database_api/api';\r\nimport { useAddFormData } from '../../Shared/useAddFormData';\r\nimport { POBHeaderModel } from '../model/POBHeader';\r\n\r\nexport const usePOBHeaderAddFormHandler = (initialValues: POBHeaderModel, validationSchema?: ObjectSchema) => { \r\n    const { add } = useAddFormData(POBHeaderPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let pobHeaderData: POBHeaderModel = {\r\n                id: values.id,\r\n                code: values.code,\r\n                name: values.name,\r\n                fiscalYearFrom: values.fiscalYearFrom,\r\n                fiscalYearTo: values.fiscalYearTo,\r\n                amount: values.amount,\r\n                active: values.active\r\n            }\r\n\r\n            let pobHeaderDataForm = new FormData()\r\n            Object.entries(pobHeaderData).forEach( field => {\r\n                if(field[1] == undefined) return\r\n                pobHeaderDataForm.append(field[0], field[1])\r\n            })\r\n\r\n            pobHeaderDataForm.append(\"budgetList\", JSON.stringify(values.budgetList))\r\n            if (values.projectManagerId && values.projectManagerId != \"0\") {\r\n                pobHeaderDataForm.append(\"projectManagerId\", values.projectManagerId)\r\n            }\r\n\r\n            if (values.classificationBudgetSelected) {\r\n                pobHeaderDataForm.append(\"classificationBudget\", values.classificationBudgetSelected.value);\r\n            }\r\n\r\n            if (values.photo_url) {\r\n                pobHeaderDataForm.append('photo_url', values.photo_url)\r\n            }\r\n\r\n            setSubmitting(false)\r\n            add(pobHeaderDataForm)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import parse from 'html-react-parser';\r\nimport { useHistory } from 'react-router';\r\nimport { ImagePath } from '../../../database_api/api';\r\nimport { SelectInput } from '../../../form-components/SelectInput';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport defaultProject from '../../../img/defaultProjectIcon.png';\r\nimport seeContentMenu from '../../../img/icon-menu-seeDetail.png';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { LatestStatusModel } from '../../LatestStatus/model/LatestStatus';\r\nimport { POBContentType } from '../../POBContent/ui/POBContentV2';\r\nimport { POBHeaderModel } from '../model/POBHeader';\r\n\r\nexport const POBHeaderComponent = (props: POBHeaderModel) => {\r\n    const history = useHistory()\r\n\r\n    const getLatestStatusText = (status?: LatestStatusModel) => {\r\n        if(!status) return <>-</>\r\n        return <>\r\n            <div className=\"latestStatus-date\">Date: </div>\r\n            {DateHelper.dateFormat(status.date, \"MMMM DD, YYYY HH:mm\")}<br />\r\n\r\n            <div className=\"latestStatus-information\"><h2>Status</h2></div>\r\n            { status.information ? parse(\"\" + status.information) : \"-\"}\r\n\r\n            <div className=\"latestStatus-information\"><h2>Analysis</h2></div>\r\n            { status.analysis ? parse(\"\" + status.analysis) : \"-\"}\r\n        </>\r\n    }\r\n\r\n    return (\r\n        <div className=\"pobHeader-container\">\r\n            <div className=\"pobHeader-id\">{props.code} | {props.name}</div>\r\n            <div className=\"pobHeader-container-left full-border\">\r\n                <img src={props.photo_url ? ImagePath + props.photo_url : defaultProject}></img>\r\n                <div className=\"pobHeader-description\">\r\n                    <input type=\"hidden\" name=\"id\" value={props.id} />\r\n                    \r\n                    <div className=\"projectManagerContainer row\">\r\n                        <div className=\"pobHeader-title col\">Project Manager</div>\r\n                        <div className=\"pobHeader-projectManagerId col\">{props.projectManagerName ?? \"-\"}</div>\r\n                    </div>\r\n                    <div className=\"line-decoration\"></div>\r\n\r\n                    <div className=\"fiscalYearContainer row\">\r\n                        <div className=\"pobHeader-title col\">Fiscal Year</div>\r\n                        <div className=\"pobHeader-fiscalYear col\">{(props.fiscalYearFrom && props.fiscalYearTo ? props.fiscalYearFrom + \" - \" + props.fiscalYearTo : \"-\")}</div>\r\n                    </div>\r\n                    <div className=\"line-decoration\"></div>\r\n\r\n                    <div className=\"projectStatus row\">\r\n                        <div className=\"pob-title col\">Status</div>\r\n                        <div className=\"pob-projectValue col\">{props.active === \"1\" ? \"Active\" : \"Not Active\"}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"pobHeader-container-right full-border\">\r\n                <div className=\"field-description\">Last Status</div>\r\n                <div className=\"line-decoration\"></div>\r\n                <div className=\"pobHeader-description jodit-wysiwyg\" suppressContentEditableWarning>\r\n                    { getLatestStatusText(props.latestStatus) }</div>\r\n\r\n                <div className=\"pobHeader-options\">\r\n                    <div className=\"option option-container\">\r\n                        \r\n                        {props.children && <SelectInput key={`childSelect${props.id}`} onChange={(id: string) => {\r\n                            if (!props.id) {\r\n                                console.log(\"No ID\")\r\n                                return\r\n                            }\r\n                            \r\n                            history.push(RoutePath.pobContentWithHeader\r\n                                .replace(\":type\", POBContentType.POB)\r\n                                .replace(\":id\", id)\r\n                                .replace(\":pobHeaderId\", props.id.toString())\r\n                            )   \r\n                        }}\r\n                            placeholder='Select Child Project'\r\n                            options={props.children.map( cd => ({text: cd.name, value: cd.id})) } /> }\r\n                    </div>\r\n                    <div className=\"option option-container\" \r\n                        data-cy=\"seeContentMenu\"\r\n                        onClick={() => { \r\n                            if(!props.id){\r\n                                console.log(\"No ID\")\r\n                                return\r\n                            }\r\n                            history.push(RoutePath.pobContent\r\n                                .replace(\":type\", POBContentType.POBHeader)\r\n                                .replace(\":id\", props.id.toString())\r\n                            )\r\n                         }}>\r\n                        <input className=\"option\" type=\"image\" src={seeContentMenu} />See Content\r\n                    </div>\r\n                    \r\n                </div>\r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div className=\"pobHeader-container-separator\">\r\n                <div className=\"separator-block\"/>\r\n                <div className=\"separator-block\"/>\r\n                <div className=\"separator-block\"/>\r\n            </div>\r\n        </div>\r\n    )\r\n}","\r\n\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { POBHeaderComponent } from './POBHeaderComponentV2';\r\n\r\n\r\nimport { useHistory } from \"react-router\";\r\nimport { POBHeaderPagePath } from '../../../database_api/api';\r\nimport { ListLayoutFacade } from '../../../layout/ListLayoutFacade';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { PaginationComponent } from '../../Paging/ui/PaginationComponentV2';\r\nimport { FlexibleSearchComponent } from '../../Search/FlexibleSearchComponentV2';\r\nimport { OptionInputSearchComponent } from '../../Search/OptionInputSearchComponentV2';\r\nimport { QueryCompareTypeEnum } from '../../Search/QueryFilterProtocol';\r\nimport { useDataList } from '../../Shared/useDataList';\r\nimport { POBHeaderModel } from '../model/POBHeader';\r\n\r\nexport const POBHeaderList = () =>  { \r\n    const history = useHistory()\r\n    const itemSize = 8\r\n    const { data, totalData, totalPage, isLoading, params } = useDataList<POBHeaderModel>({\r\n        url: POBHeaderPagePath,\r\n        size: itemSize,\r\n        identifier: \"pobHeaders\"\r\n    })\r\n    \r\n    const queryOptions = [\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"name\",\r\n            displayField: \"Name\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"code\",\r\n            displayField: \"Project Code\"\r\n        },\r\n        {\r\n            compareType: QueryCompareTypeEnum.like,\r\n            field: \"projectManagerId\",\r\n            displayField: \"Project Manager\",\r\n            reference: {\r\n                type: \"member\",\r\n                targetField: \"username\",\r\n                searchField: \"name\"\r\n            }\r\n        }\r\n    ]\r\n\r\n    const topSearchComponent = (\r\n        <div id=\"search-container\">\r\n            <FlexibleSearchComponent isLoading={isLoading} placeholder=\"Name, Phone, Email\" queryOptions={queryOptions} />\r\n        </div>\r\n    )\r\n\r\n    const filterComponents = [\r\n        <>\r\n            <h2>Status</h2>\r\n            {<OptionInputSearchComponent name='filter' options={[\r\n                { key: 'all', value: 'All' },\r\n                { key: '1', value: 'Active' },\r\n                { key: '0', value: 'Not Active' }\r\n            ]}\r\n                initialValue={typeof params.active === \"string\" ? params.active : 'all'}\r\n            />}\r\n        </>\r\n    ]\r\n\r\n    const contentComponent = (\r\n        <div id=\"pobHeader-content-container\">\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n\r\n            <div id=\"pobHeader-list\">\r\n                {\r\n                    data && data.length > 0 && data.map((pobHeader, index) => {\r\n                        return (\r\n                            <POBHeaderComponent key={`pobHeader${pobHeader.id}`} {...pobHeader} />\r\n                        )\r\n                    })\r\n                    ||\r\n                    <div className=\"message\">No pobHeader registered</div>\r\n                }\r\n            </div>\r\n\r\n            <PaginationComponent\r\n                totalData={totalData}\r\n                totalPage={totalPage}\r\n                isLoading={isLoading}\r\n                itemPerPage={itemSize}\r\n            />\r\n        </div>\r\n    )\r\n\r\n    const addComponent = <ButtonInput id=\"add\" caption=\"+\" title=\"Add New\" onClick={() => {\r\n        history.push(RoutePath.pobHeaderList + \"/add\")\r\n    }} />\r\n\r\n    return (\r\n        <ListLayoutFacade\r\n            topSearchComponent={topSearchComponent}\r\n            filterComponents={filterComponents}\r\n            contentComponents={contentComponent}\r\n            addComponent={addComponent}\r\n        />\r\n    )\r\n}","import React from 'react';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\n\r\nimport { POBHeaderAdd } from './POBHeaderAddV2';\r\nimport { POBHeaderEdit } from './POBHeaderEditV2';\r\nimport { POBHeaderList } from './POBHeaderListV2';\r\n\r\nexport class POBHeader extends React.Component<RouteComponentProps>{\r\n    basePath: string\r\n    constructor(props: RouteComponentProps){\r\n        super(props)\r\n\r\n        this.basePath = this.props.match.url\r\n    }\r\n\r\n    render(){\r\n        return (\r\n            <React.Fragment>\r\n                <Route path={this.props.match.url} component={POBHeaderList} exact={true} />\r\n                <Route path={this.props.match.url + \"/add\"} component={POBHeaderAdd}/>\r\n                <Route path={this.props.match.url + \"/edit/:id\"} component={POBHeaderEdit}/>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}","import * as React from 'react';\nimport { TextInput } from '../../../form-components/TextInput';\nimport defaultProfile from '../../../img/default-profile.png';\nimport dobIcon from '../../../img/icon-date.png';\nimport emailIcon from '../../../img/icon-email.png';\nimport nameIcon from '../../../img/icon-name.png';\nimport passwordIcon from '../../../img/icon-password.png';\nimport phoneIcon from '../../../img/icon-phone.png';\nimport usernameIcon from '../../../img/icon-user.png';\n\nimport { FormikProps } from 'formik';\nimport { ButtonInput } from '../../../form-components/ButtonInput';\nimport { OptionInput, OptionValue } from '../../../form-components/OptionInput';\nimport { SimpleMessage } from '../../../form-components/SimpleMessage';\nimport bottomOrnament from '../../../img/form-ornament-bottom.png';\nimport topOrnament from '../../../img/form-ornament-top.png';\n\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport { ImagePath } from '../../../database_api/api';\n\nimport moment from 'moment';\nimport DatePicker from 'react-datepicker';\nimport { FormikImageUploadFactory } from '../../../FormikHelper/FormikImageUploadFactory';\nimport { Lang } from '../../../lang/Lang';\nimport { MemberSingleLoader, MemberSingleResult } from '../../Member/MemberSingleLoader';\nimport { MemberModel } from '../../Member/model/Member';\n\nexport interface ProfileProp extends MemberModel{\n    dob_date?: Date\n    retype_password: string\n    photo_base64?: string\n    isPhotoChanged: boolean\n\n    global: string\n    message?: string\n    \n    loader: MemberSingleLoader\n    isRequestData: boolean\n}\n\nexport const Profile: React.FC<FormikProps<ProfileProp>> = (props: FormikProps<ProfileProp>) => {\n    const {values, errors, touched, handleSubmit, handleChange, setFieldValue, setSubmitting, isSubmitting} = props\n\n    let genderOption: OptionValue[] = [\n        {key: \"male\", value: \"Male\"},\n        {key: \"female\", value: \"Female\"}\n    ]\n\n    let photoHandler = new FormikImageUploadFactory(setFieldValue, \"photo_url\", \"photo_base64\", \"isPhotoChanged\", \"member-profile-photo\", defaultProfile, values.photo_url, values.photo_base64)\n\n    React.useEffect(() => {\n        values.loader.load(values.username, (result) => {\n            mapData(result)\n        })\n    }, [])\n\n    let mapData = (result: MemberSingleResult) => {\n        setFieldValue(\"isRequestData\", false)\n\n        if (result.status == ResultStatus.fail){\n            setFieldValue(\"global\", \"Unknown Error...\")\n        }\n\n        if (result.data == undefined) return\n\n        Object.entries(result.data.value).forEach(data => {\n            if(data[0] == \"password\" || data[0] == \"retype_password\") return\n            if(data[0] == \"photo_url\"){\n                let photo_url = data[1]\n                if(photo_url == \"\") return\n                setFieldValue(\"photo_base64\", ImagePath + photo_url)\n                return\n            }\n\n            if(data[0] == \"dob\"){\n                if( typeof data[1] == \"string\"){\n                    let d = moment(data[1])\n                    if(d.isValid()) setFieldValue(\"dob_date\", d.toDate())\n                }\n            }\n            \n            setFieldValue(data[0], data[1])\n        })\n    }\n\n    let handleDateChange = (date: Date | [Date, Date] | null) => {\n        setFieldValue('dob_date', date)\n        if(date && date instanceof Date){\n            setFieldValue('dob', date.toLocaleDateString())\n        }\n        else{\n            setFieldValue('dob', undefined)\n        }\n    }\n\n    return (\n        <div id=\"form-container\">\n            { errors.global && <SimpleMessage title=\"Failed to Change Password\" body={errors.global} onClick={() => { setFieldValue(\"global\", null) }} /> }\n            { values.message && <div className=\"message update\">{values.message}</div> }\n\n            <div className=\"top-ornament\"><img src={topOrnament}/></div>\n            <div className=\"bottom-ornament\"><img src={bottomOrnament}/></div>\n\n            <form onSubmit={handleSubmit}>\n            <div className=\"page-title\">Your Profile - {values.username}</div>\n            <div className=\"rowflex\">\n                <div className=\"col\">\n                    {photoHandler.getEditComponent()}\n                    <OptionInput name=\"gender\" options={genderOption} value={values.gender} onChange={handleChange} />\n                </div>\n                <div className=\"col default-padding-left\">\n                    <TextInput icon={usernameIcon} placeholder={Lang.memberUsername} name=\"username\" value={values.username} onChange={handleChange} disabled/>\n                    <TextInput icon={nameIcon} placeholder={Lang.memberName} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name}/>\n                    <TextInput icon={usernameIcon} placeholder={Lang.memberPosition} name=\"position\" value={values.position} onChange={handleChange} message={errors.position} touched={touched.position} />\n                    <TextInput icon={phoneIcon} placeholder={Lang.memberContactNumber} name=\"phone\" value={values.phone} onChange={handleChange} message={errors.phone} touched={touched.phone}/>\n                    <TextInput icon={emailIcon} placeholder={Lang.memberEmail} name=\"email\" value={values.email} onChange={handleChange} message={errors.email} touched={touched.email} />\n                    <div className=\"input-container\">\n                        <DatePicker className=\"text-input input-container default\" placeholderText=\"Date of Birth\" selected={values.dob_date} onChange={ (date) => { handleDateChange(date) }} \n                        dateFormat=\"MMMM d, yyyy\"\n                        customInput={<TextInput icon={dobIcon} placeholder=\"Date of Birth\" name=\"dob\" value={values.dob} />}/>\n                    </div>\n                </div>\n            </div>\n\n            <div className=\"row default-padding-top\">\n                <div className=\"col\">\n                    <TextInput icon={passwordIcon} type=\"password\" placeholder=\"Password\" aclass=\"default full-width\" name=\"password\" value={values.password} onChange={handleChange} message={errors.password} touched={touched.password}/>\n                    <TextInput icon={passwordIcon} type=\"password\" placeholder=\"Retype Password\" aclass=\"default full-width\" name=\"retype_password\" value={values.retype_password} onChange={handleChange} message={errors.retype_password} touched={touched.retype_password}/>\n                </div>\n            </div>\n            \n            <div className=\"row default-padding-top\">\n                <div className=\"col\">\n                    <ButtonInput id=\"submit\"  {...(isSubmitting || values.isRequestData ? {disabled:\"disabled\", caption: \"Updating\"} : {caption: \"Update Profile\"}) } />\n                </div>\n            </div>\n            </form>\n        </div>\n    )\n}","import * as yup from 'yup'\nimport { withFormik } from 'formik';\nimport * as React from 'react';\nimport { PasswordInput, RetypePasswordInput, NameInput, PhoneInput, EmailInput } from '../../Member/builder/ErrorMessage/Error';\nimport { ProfileProp, Profile } from './Profile';\nimport { MemberSingleLoader } from '../../Member/MemberSingleLoader';\nimport { EditMemberModuleInterface } from '../../Member/MemberEditAPI';\nimport { MemberModel } from '../../Member/model/Member';\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport { RouteComponentProps } from 'react-router-dom';\nimport { Session } from '../../../interfaces/Session';\nimport { DateHelper } from '../../../helper/DateHelper';\n\nconst errorValidationSchema = yup.object({\n    name: yup.string().required(NameInput.requiredMessageError()),\n    phone: yup.number().typeError(PhoneInput.requiredNumberMessageError()),\n    email: yup.string().email(EmailInput.invalidMessageError()).required(EmailInput.requiredMessageError()),\n    dob: yup.string().optional(),\n    password: yup.string().min(6, PasswordInput.minCharacterError()),\n    retype_password: yup.string().when(\"password\", {\n        is: val => { if(typeof val == \"string\"){ return val.length > 0 } },\n        then: yup.string().oneOf([yup.ref(\"password\")], RetypePasswordInput.notMatchedError()).required(RetypePasswordInput.requiredMessageError())\n    })\n})\n\ninterface ProfileBuilderProp extends RouteComponentProps{\n    session: Session\n    loader: MemberSingleLoader\n    handler: EditMemberModuleInterface\n}\n\nexport class ProfileWithFormHandler extends React.Component<ProfileBuilderProp>{ \n\n    private isMount = true\n\n    componentWillUnmount = () => {\n        this.isMount = false\n    }\n\n    profile = withFormik<ProfileProp, ProfileProp>({\n        validationSchema: errorValidationSchema,\n        handleSubmit: (values, { setSubmitting, setFieldError, setFieldValue }) => {\n            setSubmitting(true)\n            setFieldValue(\"message\", undefined)\n            \n            let memberData: MemberModel = {\n                username: values.username,\n                name: values.name,\n                position: values.position,\n                email: values.email,\n                phone: values.phone,\n                gender: values.gender,\n                password: values.password,\n                dob: DateHelper.dateISO8601(values.dob)\n            }\n            \n            if(values.password != \"\") memberData.password = values.password\n\n            let memberDataForm = new FormData()\n            Object.entries(memberData).forEach( field => {\n                if(field[1]) memberDataForm.append(field[0], field[1])\n            })\n\n            memberDataForm.append('isPhotoChanged', (values.isPhotoChanged ? \"true\" : \"false\"))\n\n            if(values.photo_url) memberDataForm.append('photo_url', values.photo_url)\n\n            this.props.handler.update(memberDataForm, (result) => {\n                setSubmitting(false)\n                if(result.status == ResultStatus.ok){\n                    setFieldValue(\"message\", \"Success update member \" + values.username)\n\n                    setTimeout(() => {\n                        if(this.isMount){ setFieldValue(\"message\", undefined) }\n                    }, 3000)\n                }\n                else{\n                    setFieldError(\"global\", result.message || '')\n                }\n            })\n            \n            \n        }\n    })(Profile)\n    render(){\n        return <this.profile username={this.props.session.getUsername() ?? \"Unknown User\"} password=\"\" retype_password=\"\" \n                                position=\"\"\n                                name=\"\" email=\"\" phone=\"\" gender=\"male\" global=\"\" isRequestData={true} isPhotoChanged={false}\n                                dob=\"\" loader={this.props.loader}/>\n    }\n}","import * as React from 'react';\nimport { RouteComponentProps } from 'react-router-dom';\nimport { MemberPath } from '../../../database_api/api';\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\nimport { LoginSessionStorage } from '../../Login/LoginSessionStorage';\nimport { MemberSingleLoader, APIMemberSingleLoader } from '../../Member/MemberSingleLoader';\nimport { MemberEditAPI } from '../../Member/MemberEditAPI';\nimport { ProfileWithFormHandler } from '../ui/ProfileWithFormHandler';\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\n\nexport class ProfileBuilder{\n    client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\n    parameterRoute: RouteComponentProps\n    loader: MemberSingleLoader = new APIMemberSingleLoader(MemberPath, this.client)\n    session = new LoginSessionStorage()\n    memberHandler = new MemberEditAPI(MemberPath, this.client)\n\n    constructor(parameterRoute: RouteComponentProps){\n        this.parameterRoute = parameterRoute\n    }\n\n    get(){\n        return <ProfileWithFormHandler session={this.session} loader={this.loader} handler={this.memberHandler} {...this.parameterRoute} />\n    }\n}","import { ActionPlanComponentProp } from './ui/ActionPlanComponent';\nimport { ResultStatus } from '../../Types/ResultStatus';\nimport { SingleLoaderProtocol, GenericSingleLoader } from '../GenericSingleLoader';\n\ntype ActionPlanSingleDetail = {\n    cas: string\n    value: ActionPlanComponentProp\n}\n\nexport type ActionPlanSingleResult = {\n    status: ResultStatus,\n    data?: ActionPlanSingleDetail,\n    message?: string\n}\nexport type ActionPlanSingleLoader = SingleLoaderProtocol<ActionPlanSingleResult>\n\nexport class APIActionPlanSingleLoader extends GenericSingleLoader<ActionPlanSingleResult> implements ActionPlanSingleLoader{}\n\ntype ActionPlanResultSingleResult = {\n    status: ResultStatus,\n    data?: {\n        name: string,\n        result: string,\n        resultCreatedDate: string,\n        resultUpdatedDate: string\n    },\n    message?: string\n}\n\nexport type ActionPlanResultSingleLoader = SingleLoaderProtocol<ActionPlanResultSingleResult>\nexport class APIActionPlanResultSingleLoader extends GenericSingleLoader<ActionPlanResultSingleResult> implements ActionPlanResultSingleLoader{}","import * as React from 'react';\nimport { UploadProgressProtocol } from '../../../database_api/AxiosAPIHTTPClient';\nimport { ButtonInput } from \"../../../form-components/ButtonInput\";\nimport { JoditContentEditorModule } from '../../../form-components/JoditContentEditorModule';\nimport { UploadProgressBarComponent } from '../../../form-components/UploadProgressBarComponent';\nimport { DateHelper } from '../../../helper/DateHelper';\nimport { ActionPlanPostResultComponentPresenter } from './ActionPlanPostResultComponentPresenter';\n\nexport interface ActionPlanPostResultComponentProp{\n    id: string\n    presenter: ActionPlanPostResultComponentPresenter\n    uploadProgress?: UploadProgressProtocol\n}\n\nexport interface ActionPlanPostResultComponentState{\n    resultType: ActionPlanResultEnum\n    name?: string\n    textResult?: string\n    resultDate?: string\n    message?: string\n    files?: FileList | null\n}\n\nexport enum ActionPlanResultEnum{\n    text,\n    file\n}\n\nexport class ActionPlanPostResultComponent extends React.Component<ActionPlanPostResultComponentProp, ActionPlanPostResultComponentState> {\n    constructor(props: ActionPlanPostResultComponentProp) {\n        super(props);\n\n        this.state = {\n            resultType: ActionPlanResultEnum.text\n        };\n    }\n\n    componentDidMount = () => {\n        this.props.presenter.setUpdateState(this.updateState)\n        this.props.presenter.onLoad(this.props.id)\n    };\n\n    updateState = (data: any) => {\n        this.setState(data)\n    }\n\n    textResultEditor = new JoditContentEditorModule();\n\n    changeResultTab = (type: ActionPlanResultEnum) => {\n        this.setState({resultType: type})\n    }\n\n    fileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        this.setState({files: event.target.files})\n    }\n    \n    getFileToUploadList = (filelist?: FileList | null) => {\n        if(filelist == null) return \"\"\n\n        let fileListHtml: JSX.Element[] = []\n        for(var i: number = 0; i < filelist.length; i++){\n            fileListHtml.push(<div className=\"file-to-upload\" key={i}>{filelist.item(i)?.name}</div>)\n        }\n\n        return fileListHtml\n    }\n\n    render() {\n        return (\n            <div className=\"actionPlan-result\">\n                <div className=\"background\" />\n                <div id=\"form-container\">\n                    <div id=\"header\">\n                        <div id=\"title\">\n                            {this.state.name ?? \"-\"}\n                        </div>\n                        <div id=\"date\">\n                            {this.state.resultDate ? DateHelper.dateFormat(this.state.resultDate, \"MMMM DD, YYYY HH:mm\") : \"-\"}\n                        </div>\n                    </div>\n\n                    <div id=\"actionPlan-resultType\">\n                        <div className=\"text\" onClick={() => { this.changeResultTab(ActionPlanResultEnum.text) }}>Text</div>\n                        <div className=\"file\" onClick={() => { this.changeResultTab(ActionPlanResultEnum.file) }}>Files</div>\n                    </div>\n\n                    {this.state.message && <div className=\"message\">{this.state.message}</div>}\n\n                    <div id=\"actionPlan-formContent\">\n                        <div className={\"text\" + (this.state.resultType == ActionPlanResultEnum.text ? \"\" : \" hidden\")}>\n                            {this.textResultEditor.get(\"textResult\", \"Type result...\", this.state.textResult ?? \"\", this.props.presenter.handleTextChange)}\n\n                            <div id=\"actionPlan-button\" className=\"default-margin-top\">\n                                <ButtonInput type=\"button\" caption=\"Cancel\" title=\"Cancel\" id=\"cancel_actionplanResult_update\" onClick={() => this.props.presenter.cancel()} />\n                                <ButtonInput type=\"button\" caption=\"Update Result\" title=\"Update Result\" onClick={() => { this.props.presenter.updateResult(this.state.textResult) }} />\n                            </div>\n                        </div>\n\n                        <div className={\"file\" + (this.state.resultType == ActionPlanResultEnum.file ? \"\" : \" hidden\")}>\n                            <input type=\"file\" name=\"file_url\" className=\"default-margin-top\" multiple onChange={this.fileChange}/>\n\n                            {this.props.uploadProgress && <UploadProgressBarComponent uploadProgress={this.props.uploadProgress}/>}\n\n                            <div className=\"default-margin-top\" />\n                            { this.getFileToUploadList(this.state.files) }\n\n                            <div id=\"actionPlan-file-button\" className=\"default-margin-top\">\n                                <ButtonInput type=\"button\" caption=\"Update Result\" title=\"Update Result\" onClick={() => { this.props.presenter.updateFileResult(this.state.files) }} />\n                            </div>\n                        </div>\n                    </div>\n\n                    \n                </div>\n            </div>\n        );\n    }\n}","import { ResultStatus } from '../../../Types/ResultStatus';\nimport { APIActionPlanResultSingleLoader } from '../ActionPlanSingleLoader';\nimport { ReactActionPlanPostResultControllerProtocol } from './ActionPlanPostResultController';\n\n\nexport class ActionPlanPostResultComponentPresenter {\n    private setState: (data: any) => void = () => {}\n    private controller: ReactActionPlanPostResultControllerProtocol;\n    private loader: APIActionPlanResultSingleLoader;\n\n    constructor(loader: APIActionPlanResultSingleLoader, controller: ReactActionPlanPostResultControllerProtocol) {\n        this.loader = loader;\n        this.controller = controller;\n    }\n\n    setUpdateState = (setState: (data: any) => void) => {\n        this.setState = setState\n    }\n\n    onLoad = (id: string) => {\n        this.loader.load(id, result => {\n            if (result.status == ResultStatus.fail) {\n                if (result.message) {\n                    this.setState({\n                        message: result.message\n                    });\n                }\n                return;\n            }\n\n            if (result.data == undefined)\n                return;\n\n            this.setState({\n                name: result.data.name,\n                textResult: result.data.result,\n                resultDate: result.data.resultUpdatedDate\n            });\n        });\n    };\n\n    cancel = () => {\n        this.controller.cancel()\n    }\n\n    updateResult = (resultContent?: string) => {\n        this.controller.update(resultContent ?? \"\", (result, error) => {\n            this.setState({\n                message: (!result && error ? error : \"Success Update\")\n            })\n\n            setTimeout(() => {\n                this.setState({\n                    message: undefined\n                })\n            }, 5000);\n        })\n    }\n\n    updateFileResult = (resultContent?: FileList | null) => {\n        if(resultContent == undefined || resultContent == null){\n            this.setState({\n                message: \"You must put files to upload.\"\n            })\n\n            setTimeout(() => {\n                this.setState({\n                    message: undefined\n                })\n            }, 5000);\n            return\n        }\n        this.controller.updateFile(resultContent, (result, error) => {\n            this.setState({\n                message: (!result && error ? error : \"Success Update\"),\n                files: undefined\n            })\n\n            setTimeout(() => {\n                this.setState({\n                    message: undefined\n                })\n            }, 5000);\n        })\n    }\n\n    handleTextChange = (content: string) => {\n        this.setState({\n            textResult: content\n        });\n    };\n}\n","import { PostAPIHTTPClient, GetAPIHTTPClient, FormPostAPIHTTPClient } from \"../../../database_api/StandardAPIHTTPClient\"\nimport { ResultStatus } from '../../../Types/ResultStatus';\nimport * as ReactDOM from 'react-dom';\nimport * as React from 'react';\nimport { APIActionPlanResultSingleLoader } from '../ActionPlanSingleLoader';\nimport { ActionPlanUpdateResultPath, ActionPlanGetResultPath, FieldInformationUpdateFileResultPath } from '../../../database_api/api';\nimport { ActionPlanPostResultComponent, ActionPlanResultEnum } from \"./ActionPlanPostResultComponent\";\nimport { ActionPlanPostResultComponentPresenter } from \"./ActionPlanPostResultComponentPresenter\";\nimport { UploadProgressProtocol } from \"../../../database_api/AxiosAPIHTTPClient\";\n\nexport interface ReactActionPlanPostResultControllerProtocol{\n    cancel(): void\n    setResultType(type: ActionPlanResultEnum): void\n    openResult(id: string): void\n    update(data: string, callback: (result: boolean, error?: string) => void): void\n    updateFile(files: FileList, callback: (result: boolean, error?: string) => void): void\n}\n\nexport class ReactActionPlanPostResultController implements ReactActionPlanPostResultControllerProtocol{\n    private id: string = \"\"\n    private client: PostAPIHTTPClient & GetAPIHTTPClient\n    private fileClient: FormPostAPIHTTPClient<FormData> & UploadProgressProtocol\n    private loader: APIActionPlanResultSingleLoader\n    private presenter: ActionPlanPostResultComponentPresenter\n\n    constructor(client: PostAPIHTTPClient & GetAPIHTTPClient, fileClient: FormPostAPIHTTPClient<FormData> & UploadProgressProtocol){\n        this.client = client\n        this.fileClient = fileClient\n        this.loader = new APIActionPlanResultSingleLoader(ActionPlanGetResultPath, this.client)\n        this.presenter = new ActionPlanPostResultComponentPresenter(this.loader, this)\n    }\n\n    openResult = (id: string) => {\n        this.id = id\n        ReactDOM.render(<ActionPlanPostResultComponent id={id} presenter={this.presenter} uploadProgress={this.fileClient} />, document.getElementById(\"actionPlan-result\"))\n    }\n\n    cancel = () => {\n        ReactDOM.render(<></>, document.getElementById(\"actionPlan-result\"))\n    }\n\n    setResultType(type: ActionPlanResultEnum){}\n\n    update = (data: string, callback: (result: boolean, error?: string) => void) => {\n        let post = {\n            id: this.id,\n            result: data,\n            resultCreatedDate: new Date().toLocaleString(\"en-US\")\n        }\n        this.client.post(ActionPlanUpdateResultPath, JSON.stringify(post), result => {\n            if(result.status == ResultStatus.fail && result.message){\n                callback(false, result.message)\n                return\n            }\n\n            callback(true)            \n        })\n    }\n\n    updateFile(files: FileList, callback: (result: boolean, error?: string) => void): void {\n        let data = new FormData()\n\n        data.append(\"id\", this.id)\n        for(var i:number = 0; i < files.length; i++){\n            let item = files.item(i)\n            if(item == null) continue\n            data.append(\"file_url\", item)\n        }\n        \n        this.fileClient.postForm(FieldInformationUpdateFileResultPath, data, result => {\n            if (result.status == ResultStatus.fail && result.message) {\n                callback(false, result.message)\n                return\n            }\n\n            callback(true)     \n        })\n    }\n}","import { PostAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient';\nimport { ResultStatus } from '../../Types/ResultStatus'\n\ninterface ErrorMapping{\n    [index: string]: string\n}\n\nexport type AddResult = {\n    status: ResultStatus,\n    data?: any,\n    message?: string\n}\n\nexport interface AddModuleInterface<Model, Result>{\n    add(data: Model, addCallback: (result: Result) => void): void\n}\n\nexport class GenericAddAPI<Model, Result> implements AddModuleInterface<Model, Result>{\n    private client: PostAPIHTTPClient\n    private path: string\n\n    errorMapping: () => (ErrorMapping) = () => ({})\n\n    constructor(path: string, client: PostAPIHTTPClient){\n        this.path = path\n        this.client = client\n    }\n\n    add(data: Model, addCallback: (result: Result) => void){\n        let requestBody = JSON.stringify(data)\n        this.client.post(this.path, requestBody, (result) => {\n            if (result.message){\n                if(this.errorMapping()[result.message]){\n                    result.message = this.errorMapping()[result.message]\n                }\n                else{\n                    result.message = `Error code: ${result.message}. Please contact your developer.`\n                }\n                \n            }\n            setTimeout(() => {\n                addCallback(result)\n            }, 300)\n        })\n    }\n}","import { ActionPlanModel } from './model/ActionPlan'\nimport { GenericAddAPI, AddResult, AddModuleInterface } from '../GenericAPI/GenericAddAPI';\n\nexport type ActionPlanAddResult = AddResult\nexport interface AddActionPlanModuleInterface extends AddModuleInterface<ActionPlanModel, ActionPlanAddResult>{}\n\nexport class ActionPlanAddAPI extends GenericAddAPI<ActionPlanModel, ActionPlanAddResult> implements AddActionPlanModuleInterface{\n    errorMapping = () => ({\n        \"12\": \"ID already exists, please try submit again.\"\n    })\n}","import { PatchAPIHTTPClient } from '../../database_api/StandardAPIHTTPClient';\nimport { ResultStatus } from '../../Types/ResultStatus'\n\nexport type EditResult = {\n    status: ResultStatus,\n    data?: any,\n    message?: string\n}\n\nexport interface EditModuleInterface<Model, Result> {\n    update(data: Model, addCallback: (result: Result) => void): void\n}\n\nexport class GenericEditAPI<Model, Result>{\n    private client: PatchAPIHTTPClient\n    private path: string\n\n    constructor(path: string, client: PatchAPIHTTPClient){\n        this.client = client\n        this.path = path\n    }\n\n    update(data: Model, addCallback: (result: Result) => void){\n        let requestBody = JSON.stringify(data)\n        this.client.patch(this.path, requestBody, (result) => {\n            if (result.message){\n                result.message = `Error code: ${result.message}. Please contact your developer.`\n            }\n            addCallback(result)\n        })\n    }\n}","import { ActionPlanModel } from './model/ActionPlan';\nimport { GenericEditAPI, EditResult, EditModuleInterface } from '../GenericAPI/GenericEditAPI';\n\nexport type ActionPlanEditResult = EditResult\n\nexport interface ActionPlanSingleModel extends ActionPlanModel {\n    id: string\n}\n\nexport interface EditActionPlanModuleInterface extends EditModuleInterface<ActionPlanSingleModel, ActionPlanEditResult> {}\n\nexport class ActionPlanEditAPI extends GenericEditAPI<ActionPlanSingleModel, ActionPlanEditResult> implements EditActionPlanModuleInterface{}","import { AddModuleInterface, AddResult, GenericAddAPI } from \"../../GenericAPI/GenericAddAPI\"\nimport { FieldInformationModel } from \"../model/FieldInformation\"\n\nexport type FieldInformationAddResult = AddResult\nexport interface AddFieldInformationModuleInterface extends AddModuleInterface<FieldInformationModel, FieldInformationAddResult>{}\n\nexport class FieldInformationAddAPI extends GenericAddAPI<FieldInformationModel, FieldInformationAddResult> implements AddFieldInformationModuleInterface{}","import { EditModuleInterface, EditResult, GenericEditAPI } from \"../../GenericAPI/GenericEditAPI\"\nimport { FieldInformationModel } from \"../model/FieldInformation\"\n\nexport type FieldInformationEditResult = EditResult\nexport interface EditFieldInformationModuleInterface extends EditModuleInterface<FieldInformationModel, FieldInformationEditResult>{}\n\nexport class FieldInformationEditAPI extends GenericEditAPI<FieldInformationModel, FieldInformationEditResult> implements EditFieldInformationModuleInterface{}","import { FieldInformationComponentProp } from './ui/FieldInformationComponent';\nimport { ResultStatus } from '../../Types/ResultStatus';\nimport { SingleLoaderProtocol, GenericSingleLoader } from '../GenericSingleLoader';\n\ntype FieldInformationSingleDetail = {\n    cas: string\n    value: FieldInformationComponentProp\n}\n\nexport type FieldInformationSingleResult = {\n    status: ResultStatus,\n    data?: FieldInformationSingleDetail,\n    message?: string\n}\nexport type FieldInformationSingleLoader = SingleLoaderProtocol<FieldInformationSingleResult>\n\nexport class APIFieldInformationSingleLoader extends GenericSingleLoader<FieldInformationSingleResult> implements FieldInformationSingleLoader{}\n\ntype FieldInformationResultSingleResult = {\n    status: ResultStatus,\n    data?: {\n        name: string,\n        result: string,\n        resultCreatedDate: string,\n        resultUpdatedDate: string\n    },\n    message?: string\n}\n\nexport type FieldInformationResultSingleLoader = SingleLoaderProtocol<FieldInformationResultSingleResult>\nexport class APIFieldInformationResultSingleLoader extends GenericSingleLoader<FieldInformationResultSingleResult> implements FieldInformationResultSingleLoader{}","import AsyncSelect from 'react-select/async-creatable';\r\n\r\nimport { FilterActionPlanPath } from '../../../database_api/api';\r\nimport { GetAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\r\n\r\nexport type ActionPlanType = {\r\n    id: string,\r\n    name: string,\r\n    location?: string,\r\n    personnelList?: string,\r\n    contractors?: string,\r\n    objective?: string,\r\n    picIds?: string[],\r\n    date?: string\r\n}\r\n\r\ntype ActionPlanResultType = {\r\n    label: string,\r\n    value: string, \r\n    location?: string,\r\n    personnelList?: string,\r\n    contractors?: string,\r\n    objective?: string,\r\n    picIds?: string[],\r\n    date?: string\r\n}\r\n\r\nexport class AsyncCreatableActionPlanSelectInputHandler{\r\n    private fieldName: string\r\n    private placeholder: string\r\n    private client: GetAPIHTTPClient\r\n    private projectId?: string\r\n    private onChange: (actionPlan?: ActionPlanType) => void\r\n    private onCreate: (actionPlanName: string) => void\r\n\r\n    constructor(fieldName: string, placeholder: string,\r\n        client: GetAPIHTTPClient, projectId: string,\r\n        onChange: (actionPlan?: ActionPlanType) => void,\r\n        onCreate: (actionPlanName: string) => void){\r\n        this.fieldName = fieldName\r\n        this.placeholder = placeholder\r\n        this.client = client\r\n        this.projectId = projectId\r\n        this.onChange = onChange\r\n        this.onCreate = onCreate\r\n    }\r\n\r\n    private loadActionPlanList = (inputValue: string, callback: (options: ActionPlanResultType[]) => void) => {\r\n        if(inputValue == undefined || inputValue == \"\"){\r\n            callback([])\r\n            return\r\n        }\r\n\r\n        this.client.get(FilterActionPlanPath + this.projectId + \"/\" + inputValue, result => {\r\n            if(result.data == undefined){\r\n                callback([])\r\n                return\r\n            }\r\n\r\n            let returnedResult: {id: string, name: string, location?: string, personnelList?: string, contractors?: string, picIds?: string[], objective?: string, date?: string}[] = result.data\r\n            if(returnedResult.length == 0){\r\n                callback([])\r\n                return\r\n            }\r\n\r\n            callback(returnedResult.map( project => {\r\n                return {label: project.name, value: project.id,\r\n                    personnelList: project.personnelList,\r\n                    contractors: project.contractors, location: project.location,\r\n                    objective: project.objective,\r\n                    picIds: project.picIds,\r\n                    date: project.date\r\n                }\r\n            }))\r\n        })\r\n        \r\n    }\r\n\r\n    private handleSelectedChange = (inputValue: any, _: any) => {\r\n        console.log(\"inputValue\", inputValue)\r\n        if(!inputValue){\r\n            this.onChange(undefined)\r\n            return\r\n        }\r\n\r\n        this.onChange({\r\n            id: inputValue.value,\r\n            name: inputValue.label,\r\n            personnelList: inputValue.personnelList,\r\n            contractors: inputValue.contractors,\r\n            picIds: inputValue.picIds,\r\n            location: inputValue.location,\r\n            objective: inputValue.objective,\r\n            date: inputValue.date\r\n        })\r\n    }\r\n\r\n    private handleOnCreate = (inputValue: string) => {\r\n        this.onCreate(inputValue)\r\n    }\r\n\r\n    private getNewOptionData = ((inputValue: any, optionLabel: any) => ({\r\n        value: inputValue,\r\n        label: optionLabel,\r\n        __isNew__: true,\r\n        isEqual: () => false\r\n        }))\r\n\r\n    getComponent = (value?: ActionPlanResultType, clearable: boolean = true) => {\r\n        return (\r\n            <div className=\"input-container\" style={{\r\n                width: \"100%\"\r\n            }}>\r\n                <AsyncSelect cacheOptions \r\n                    name={this.fieldName}\r\n                    placeholder={this.placeholder}\r\n                    className=\"selectionStyle full-border full-width\"\r\n                    classNamePrefix=\"si\"\r\n                    loadOptions={this.loadActionPlanList} defaultOptions \r\n                    value={value}\r\n                    {...(clearable ? {isClearable: true} : {})}\r\n                    getOptionLabel={ option => `${option.label}` }\r\n                    onChange={this.handleSelectedChange}\r\n                    onCreateOption={this.handleOnCreate}\r\n                    getNewOptionData={this.getNewOptionData}\r\n                    />\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n","import moment from 'moment'\nimport React from 'react'\nimport DatePicker from 'react-datepicker'\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient'\nimport { SelectOptionObject } from '../../../form-components/FormikSelectInputHandler'\nimport { TextInput } from '../../../form-components/TextInput'\nimport { DateHelper } from '../../../helper/DateHelper'\nimport dateIcon from '../../../img/icon-date.png'\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader'\nimport { Lang } from '../../../lang/Lang'\nimport { ResultStatus } from '../../../Types/ResultStatus'\nimport { AddActionPlanModuleInterface } from '../../ActionPlan/ActionPlanAddAPI'\nimport { EditActionPlanModuleInterface } from '../../ActionPlan/ActionPlanEditAPI'\nimport { ActionPlanType, AsyncCreatableActionPlanSelectInputHandler } from '../../LatestStatus/ui/AsyncCreatableActionPlanSelectInputHandler'\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission'\n\nexport class ActionPlanFields extends React.Component<ActionPlanFieldsProps, ActionPlanFieldsState>{\n    constructor(props: ActionPlanFieldsProps){\n        super(props)\n\n        var actionPlanSelected = undefined\n        if (props.actionPlanName && props.actionPlanId) {\n            actionPlanSelected = {\n                label: props.actionPlanName,\n                value: props.actionPlanId\n            }\n        }\n\n        this.state = {\n            date_date: moment(props.time).toDate(),\n            actionPlanSelected: actionPlanSelected,\n            location: props.location ?? \"\",\n            objective: props.objective ?? \"\",\n            contractors: props.contractors ?? \"\",\n            personnelList: props.personnelList ?? \"\",\n            ...props\n        }\n    }\n\n    componentDidUpdate = (prevProps: ActionPlanFieldsProps) => {\n        if (prevProps.time == this.props.time) return\n\n        this.setState({\n            time: this.props.time,\n            date_date: moment(this.props.time).toDate()\n        }, () => {\n            if(this.state.actionPlanName) this.updateActionPlan(this.state.actionPlanName)\n        })\n\n        if (prevProps.actionPlanId == this.props.actionPlanId ) return\n\n        var actionPlanSelected = undefined\n        if (this.props.actionPlanName && this.props.actionPlanId) {\n            actionPlanSelected = {\n                label: this.props.actionPlanName,\n                value: this.props.actionPlanId\n            }\n        }\n\n        this.setState({\n            date_date: moment(this.props.time).toDate(),\n            actionPlanSelected: actionPlanSelected,\n            location: this.props.location ?? \"\",\n            objective: this.props.objective ?? \"\",\n            personnelList: this.props.contractors ?? \"\",\n            contractors: this.props.contractors ?? \"\",\n            ...this.props\n        })\n    }\n\n    handleActionPlanChange = (actionPlan?: ActionPlanType) => {\n        if (actionPlan == undefined) {\n            this.setState({\n                actionPlanId: undefined,\n                actionPlanName: undefined,\n                actionPlanSelected: undefined,\n                location: \"\",\n                personnelList: \"\",\n                contractors: \"\",\n                objective: \"\"\n            }, () => {\n                this.props.doSilentUpdate(undefined, true)\n            })\n            return\n        }\n\n        this.setState({\n            actionPlanId: actionPlan.id,\n            actionPlanName: actionPlan.name,\n            actionPlanSelected: {\n                label: actionPlan.name,\n                value: actionPlan.id\n            },\n            location: actionPlan.location ?? \"\",\n            personnelList: actionPlan.personnelList,\n            contractors: actionPlan.contractors ?? \"\",\n            objective: actionPlan.objective ?? \"\"\n        }, () => {\n            this.props.doSilentUpdate(actionPlan.id)\n        })\n    }\n\n    createActionPlan = (name: string) => {\n        if (!this.state.date_date) return\n\n        this.props.actionPlanAddHandler.add({\n            projectId: this.state.projectId,\n            date: DateHelper.dateISO8601(this.state.date_date.toLocaleString(\"en-US\")),\n            name: name,\n            location: this.state.location,\n            objective: this.state.objective,\n            personnelList: this.state.personnelList,\n            contractors: this.state.contractors\n        }, result => {\n            this.handleActionPlanChange({\n                id: result.data.id,\n                name: result.data.name\n            })\n        })\n    }\n\n    updateActionPlan = (name: string, refresh: Boolean = true) => {\n        if(!this.state.date_date) return\n\n        if (this.state.actionPlanId) {\n            let id = this.state.actionPlanId\n            this.props.actionPlanEditHandler.update({\n                id: id,\n                projectId: this.state.projectId,\n                date: DateHelper.dateISO8601(this.state.date_date.toLocaleString(\"en-US\")),\n                name: name,\n                location: this.state.location,\n                objective: this.state.objective,\n                personnelList: this.state.personnelList,\n                contractors: this.state.contractors\n            }, result => {\n                if (result.status == ResultStatus.ok && refresh)\n                    this.handleActionPlanChange({\n                        id: id,\n                        name: name\n                    })\n            })\n        }\n    }\n\n    handleActionPlanCreate = (name: string) => {\n        if (!this.state.actionPlanSelected) {\n            this.createActionPlan(name)\n        }\n        else {\n            this.updateActionPlan(name)\n        }\n    }\n\n    callUpdateActionPlan = () => {\n        if (this.state.actionPlanName) {\n            this.updateActionPlan(this.state.actionPlanName, false)\n        }\n    }\n\n    client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\n    actionPlanSelector = new AsyncCreatableActionPlanSelectInputHandler(\"actionPlanId\", \"Select \" + Lang.actionPlanItem, this.client, this.props.projectId ?? \"\", this.handleActionPlanChange, this.handleActionPlanCreate)\n\n    handleChangeForActionPlanFields = (e: React.FormEvent<HTMLInputElement>) => {\n        this.setState<never>({\n            [`${e.currentTarget.name}`]: e.currentTarget.value\n        })\n    }\n\n    handleBlurForActionPlanFields = (e: React.FormEvent<HTMLInputElement>) => {\n        if (!this.state.actionPlanSelected) {\n            return\n        }\n\n        this.setState<never>({\n            [`${e.currentTarget.name}`]: e.currentTarget.value\n        }, this.callUpdateActionPlan)\n    }\n\n    handleDateChange = (date: Date | [Date, Date] | null) => {\n        let pDate = date as Date\n        if (pDate) {\n            this.setState({\n                date_date: pDate,\n                time: pDate.toLocaleString(\"en-US\")\n            }, () => {\n                if(this.state.actionPlanName) this.updateActionPlan(this.state.actionPlanName)\n            })\n        }\n    }\n    \n    render = () => {\n        return (\n            <div className=\"col right default-margin-left actionPlanSection\">\n                <div id=\"actionPlanSectionContainer\">\n                    { this.props.showTimeField && this.state.time && \n                    <div className=\"rowflex center\">\n                        <div className=\"col left\">\n                            <div className=\"fieldInformation-label\">{Lang.actionPlanTime}</div>\n                        </div>\n                        <div className=\"col right\">\n                            <DatePicker className=\"text-input default\" placeholderText=\"\" selected={this.state.date_date} onChange={(date: Date) => { this.handleDateChange(date) }}\n                                showTimeSelect dateFormat=\"MMMM d, yyyy H:mm\" timeFormat='HH:mm'\n                                customInput={<TextInput icon={dateIcon} placeholder=\"\" name=\"time\" value={this.state.time} />} />\n                        </div>\n                    </div>\n                    }\n\n                    { this.state.time &&\n                    <div className=\"rowflex center\">\n                        <div className=\"col left\">\n                            <div className=\"fieldInformation-label\">{Lang.actionPlanItem}</div>\n                        </div>\n                        <div className=\"col right\">\n                            {this.actionPlanSelector.getComponent(this.state.actionPlanSelected)}\n                        </div>\n                    </div>\n                    }\n\n                    { this.state.time && this.state.actionPlanId &&\n                    <div className={\"actionPlanFields\"}>\n                        <div className=\"row\">\n                            <div className=\"fieldInformation-location\">\n                                <TextInput name=\"location\" value={this.state.location} placeholder={Lang.actionPlanLocation}\n                                    onChange={this.handleChangeForActionPlanFields}\n                                    onBlur={this.handleBlurForActionPlanFields} /></div>\n                        </div>\n\n                        <div className=\"row\">\n                            <div className=\"fieldInformation-personnelList\">\n                                    <TextInput name=\"personnelList\" value={this.state.personnelList} placeholder={Lang.actionPlanCustomerPersonnel}\n                                    onChange={this.handleChangeForActionPlanFields}\n                                    onBlur={this.handleBlurForActionPlanFields} />\n                            </div>\n                        </div>\n\n                        <div className=\"row\">\n                            <div className=\"fieldInformation-personnelList\">\n                                <TextInput name=\"contractors\" value={this.state.contractors} placeholder={Lang.actionPlanThirdParty}\n                                    onChange={this.handleChangeForActionPlanFields}\n                                    onBlur={this.handleBlurForActionPlanFields} />\n                            </div>\n                        </div>\n\n                        <div className=\"row\">\n                            <div className=\"fieldInformation-objective\">\n                                <TextInput name=\"objective\" value={this.state.objective} placeholder={Lang.actionPlanObjective}\n                                    onChange={this.handleChangeForActionPlanFields}\n                                    onBlur={this.handleBlurForActionPlanFields} />\n                            </div>\n                        </div>\n\n                        {this.props.children && this.props.children}\n                    </div>\n                    }\n                </div>\n            </div>\n\n        )\n    }\n}\n\ninterface ActionPlanFieldsProps {\n    actionPlanAddHandler: AddActionPlanModuleInterface\n    actionPlanEditHandler: EditActionPlanModuleInterface\n    doSilentUpdate(actionPlanId?: string, clearActionPlan?: boolean): void\n    projectId?: string\n    actionPlanId?: string\n    actionPlanName?: string\n    location?: string\n    objective?: string\n    personnelList?: string\n    contractors?: string\n    time: string\n    showTimeField?: boolean\n}\n\ninterface ActionPlanFieldsState {\n    date_date?: Date\n    actionPlanId?: string\n    actionPlanName?: string\n    projectId?: string\n    location: string\n    objective: string\n    personnelList?: string\n    contractors: string\n    time: string\n    actionPlanSelected?: SelectOptionObject\n}","import * as React from 'react';\r\n\r\nimport closeIcon from '../../../img/close.png';\r\nimport dateIcon from '../../../img/icon-date.png';\r\n\r\nimport { useUploady } from '@rpldy/uploady';\r\nimport moment from 'moment';\r\nimport DatePicker from 'react-datepicker';\r\nimport { ResultStatus } from '../../../Types/ResultStatus';\r\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient';\r\nimport { FieldInformationPath, FieldInformationUpdateFileResultPath, SupportingDocsPath } from '../../../database_api/api';\r\nimport { ButtonInput } from '../../../form-components/ButtonInput';\r\nimport { JoditContentEditorModule } from '../../../form-components/JoditContentEditorModule';\r\nimport { TextInput } from '../../../form-components/TextInput';\r\nimport { DateHelper } from '../../../helper/DateHelper';\r\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader';\r\nimport { RoutePath } from '../../../page/RoutePath';\r\nimport { AddActionPlanModuleInterface } from '../../ActionPlan/ActionPlanAddAPI';\r\nimport { EditActionPlanModuleInterface } from '../../ActionPlan/ActionPlanEditAPI';\r\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission';\r\nimport { FileData } from '../../ProjectFiles/FileUploadInterface';\r\nimport { APIFieldInformationSingleLoader } from '../FieldInformationSingleLoader';\r\nimport { FieldInformationAddAPI } from '../api/FieldInformationAddAPI';\r\nimport { FieldInformationEditAPI } from '../api/FieldInformationEditAPI';\r\nimport { FieldInformationModel } from '../model/FieldInformation';\r\nimport { FieldInformationFileUploadHandler, FileUploadProgress } from '../uploader/FieldInformationFileUploadHandler';\r\nimport { ActionPlanFields } from './ActionPlanFields';\r\nimport { FileUploadProgressUI } from './FileUploadProgressUI';\r\n\r\nexport class FieldInformationComponent extends React.Component<FieldInformationComponentProp, FieldInformationComponentState>{\r\n    \r\n    header = new HTTPHeader(new AuthTokenSessionStorage())\r\n\r\n    onFileClick = (fileName:String) => {\r\n        window.open(RoutePath.viewDocument + \"/\" + window.btoa(SupportingDocsPath + fileName))\r\n    }\r\n    \r\n    constructor(props: FieldInformationComponentProp){\r\n        super(props)\r\n\r\n        this.state = {\r\n            date_date: props.time ? moment(props.time).toDate() : undefined,\r\n            location: props.location ?? \"\",\r\n            objective: props.objective ?? \"\",\r\n            contractors: props.contractors ?? \"\",\r\n            files: props.files ?? [],\r\n            fileUploadList: [],\r\n            fileUploadOnProgress: false,\r\n            onSavingProgress: false,\r\n            onFocusResult: false,\r\n            ...props\r\n        }\r\n\r\n        if (props.id) {\r\n            let api = new APIFieldInformationSingleLoader(FieldInformationPath, new StandardAPIHTTPClient(this.header))\r\n            api.load(props.id, result => {\r\n                if(result.data && result.data.value){\r\n                    this.setState({\r\n                        result: result.data.value.result,\r\n                        files: result.data.value.files\r\n                    })\r\n                }\r\n            })\r\n        }\r\n    }\r\n\r\n    doSilentUpdate = (actionPlanId?: string, clearActionPlan?: boolean, done?: () => void) => {\r\n        console.log(\"DO SILENT UPDATE CALLED\")\r\n        console.log(\"SAVING PROGRESS: \" + this.state.onSavingProgress)\r\n        if(this.state.onSavingProgress) return\r\n        if(!this.state.date_date) return\r\n\r\n        this.setState({\r\n            onSavingProgress: true\r\n        }, () => {\r\n            console.log(\"SAVING PROGRESS 2: \" + this.state.onSavingProgress)\r\n            this.doSilentUpdateProgress(actionPlanId, clearActionPlan, done)\r\n        })\r\n        \r\n    }\r\n\r\n    doSilentUpdateProgress = (actionPlanId?: string, clearActionPlan?: boolean, done?: () => void) => {\r\n        if (!this.state.date_date) return\r\n\r\n        if (!this.state.id && this.props.addHandler) {\r\n            this.setState({onSavingProgress: false})\r\n            this.props.addHandler.add({\r\n                id: this.state.id,\r\n                projectId: this.state.projectId,\r\n                time: DateHelper.dateISO8601(this.state.date_date.toLocaleString(\"en-US\")),\r\n                result: this.state.result\r\n            }, result => {\r\n                if (result.status == ResultStatus.fail) {\r\n                    alert(result.message)\r\n                    done && done()\r\n                    return\r\n                }\r\n\r\n                this.setState({\r\n                    id: result.data.id\r\n                }, () => { console.log(this.state.id); this.fullSilentUpdate(clearActionPlan ? undefined : this.state.actionPlanId, done) })\r\n            })\r\n\r\n            return\r\n        }\r\n\r\n        if (actionPlanId && !this.state.actionPlanId) {\r\n            this.setState({\r\n                actionPlanId: actionPlanId\r\n            }, () => {\r\n                this.fullSilentUpdate(clearActionPlan ? undefined : this.state.actionPlanId, done)\r\n            })\r\n            return\r\n        }\r\n\r\n        this.fullSilentUpdate(clearActionPlan ? undefined : this.state.actionPlanId, done)\r\n    }\r\n\r\n    fullSilentUpdate = (actionPlanId?: string, done?: () => void) => {\r\n        if(!this.state.date_date) return\r\n\r\n        this.props.editHandler.update({\r\n            id: this.state.id,\r\n            projectId: this.state.projectId,\r\n            result: this.state.result,\r\n            time: DateHelper.dateISO8601(this.state.date_date.toLocaleString(\"en-US\")),\r\n            actionPlanId: actionPlanId,\r\n        }, (_) => { this.setState({onSavingProgress: false}); done && done() })\r\n    }\r\n\r\n    handleDateChange = (date: Date | [Date, Date] | null) => {\r\n        let pDate = date as Date\r\n        if(pDate){\r\n            this.setState({\r\n                date_date: pDate,\r\n                time: pDate.toLocaleString(\"en-US\")\r\n            }, () => {\r\n                this.doSilentUpdate(this.state.actionPlanId)\r\n            })\r\n        }\r\n    }\r\n\r\n    resultField = new JoditContentEditorModule()\r\n    handleResultChange = (content: string) => {\r\n        this.setState({\r\n            result: content\r\n        }, () => {\r\n            this.doSilentUpdate(this.state.actionPlanId)\r\n        })\r\n    }\r\n\r\n    onProgress = (file: FileUploadProgress) => {\r\n        var fileUploadList = [...this.state.fileUploadList]\r\n        \r\n        if (!this.state.fileUploadOnProgress) fileUploadList = []\r\n\r\n        var found = false\r\n        fileUploadList.forEach(fileUpload => {\r\n            if(fileUpload.name === file.name){\r\n                fileUpload.completed = file.completed\r\n                found = true\r\n            }\r\n        })\r\n\r\n        if(!found) fileUploadList.push(file)\r\n\r\n        this.setState({\r\n            fileUploadList: fileUploadList\r\n        }, () => {\r\n            var uploadOnProgress = false\r\n\r\n            this.state.fileUploadList.forEach( file => {\r\n                if(file.completed != 100) uploadOnProgress = true\r\n            })\r\n\r\n            if(uploadOnProgress != this.state.fileUploadOnProgress) this.setState({fileUploadOnProgress: uploadOnProgress})\r\n        })\r\n    }\r\n\r\n    onFinishUpload = (file: FileData) => {\r\n        this.setState({\r\n            files: [...this.state.files ?? [], {\r\n                filename: file.name,\r\n                date: \"\",\r\n                fileExt: \"\"\r\n            }]\r\n        })\r\n    }\r\n\r\n    deleteFile = (fileName: string) => {\r\n        if(!window.confirm(\"Are you sure want to delete \" + fileName + \"?\")) return\r\n\r\n        fetch(`${FieldInformationPath}/${this.props.id}/${fileName}`,\r\n            { headers: this.header.header(), method: \"delete\" }).then(data => data.json())\r\n            .then(data => {\r\n                this.setState({\r\n                    files: this.state.files?.filter( file => file.filename != data.data.file)\r\n                })\r\n            });\r\n    }\r\n\r\n    uploadDisplay = new FileUploadProgressUI()\r\n\r\n    confirmDeleteFieldInformation = () => {\r\n        if(!this.state.id) return\r\n        if(!window.confirm(\"Yakin hapus field information ini?\")) return\r\n        \r\n        this.props.deleteHandler && this.props.deleteHandler(this.state.id)\r\n    }\r\n\r\n    saveAndBack = () => {\r\n        if(this.state.result && this.state.result != \"\"){\r\n            this.doSilentUpdate(this.state.actionPlanId, undefined, () => {\r\n                this.props.saveAndBackFn && this.props.saveAndBackFn()\r\n            })\r\n            return\r\n        }\r\n\r\n        this.props.saveAndBackFn && this.props.saveAndBackFn()\r\n    }\r\n\r\n    back = () => {\r\n        this.props.backFn && this.props.backFn()\r\n    }\r\n\r\n    render(){\r\n        return (\r\n            <div id=\"form-container\">\r\n            <div className=\"fieldInformation-container full-border\">\r\n                <div className=\"row fieldInformation-header\">\r\n                    <div className=\"col\">\r\n                        <div className=\"input-container\">\r\n                        <DatePicker className=\"text-input default time\" placeholderText=\"Time\" selected={this.state.date_date} onChange={(date: Date) => { this.handleDateChange(date) }}\r\n                            showTimeSelect dateFormat=\"MMMM d, yyyy H:mm\" timeFormat='HH:mm'\r\n                            customInput={<TextInput icon={dateIcon} placeholder=\"\" name=\"time\" value={this.state.time} />} />\r\n                        </div>\r\n                        <div className=\"fieldInformation-delete\" onClick={() => {this.confirmDeleteFieldInformation()}}>\r\n                            <img src={closeIcon} />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"row fieldInformation-description\">\r\n                    <ActionPlanFields actionPlanAddHandler={this.props.actionPlanAddHandler} actionPlanEditHandler={this.props.actionPlanEditHandler}\r\n                        doSilentUpdate={this.doSilentUpdate} projectId={this.state.projectId} time={this.state.time} actionPlanId={this.state.actionPlanId}\r\n                        actionPlanName={this.props.actionPlanName} personnelList={this.props.personnelList} \r\n                        contractors={this.props.contractors} location={this.props.location} objective={this.props.objective}\r\n                    />\r\n                </div>\r\n\r\n                { this.state.date_date &&\r\n\r\n                <div className=\"row fieldInformation-description\">\r\n                    <div className=\"fieldInformation-label result\">\r\n                        Result\r\n                        {\r\n                            this.props.resultCreatedDate && this.props.resultUpdatedDate &&\r\n                            <div className=\"fieldInformation-dateResult\">\r\n                                <div className=\"status-text\">{ (this.props.resultCreatedDate == this.props.resultUpdatedDate ? \"created at\" : \"updated at\") }</div>\r\n                                <div className=\"value\">{DateHelper.dateFormat(this.props.resultUpdatedDate,\"MMMM DD, YYYY HH:mm\")}</div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                        <div className=\"fieldInformation-objective\">\r\n                            { this.resultField.get(\"result\", \"Result\", this.state.result, (content) => {\r\n                                this.handleResultChange(content)\r\n                                this.setState({ onFocusResult: false })\r\n                            } , () => {\r\n                                this.setState({ onFocusResult: true })\r\n                            }, undefined) }\r\n                        </div>\r\n\r\n                    <br />\r\n                    { !this.state.id && \r\n                        <div>\r\n                            Must fill the Result to make File Attachment available.\r\n                        </div>\r\n                    }\r\n                    { this.state.id &&\r\n                        <div className=\"fieldInformation-fileResult\">\r\n                                <FieldInformationFileUploadHandler id={this.state.id} apiURL={FieldInformationUpdateFileResultPath} \r\n                                    projectName={this.props.projectId ?? \"NOPROJECTID\"}\r\n                                    headers={this.header.formHeader()} \r\n                                    progressUpload={{onProgress: this.onProgress}}\r\n                                    finishUpload={{onFinish: this.onFinishUpload}} >\r\n                                \r\n                                    <div className={(\"rowflex file-container title \" + (this.state.files ? \"\" : \" hidden\") )}>\r\n                                        <div className=\"col name flex5\">File</div><div className=\"col date\">Date Upload</div><div className=\"col delete flex1\">Delete</div>\r\n                                    </div>\r\n                                    {\r\n                                        this.state.files && this.state.files.map((val, index) => {\r\n                                            return (\r\n                                            <div className=\"rowflex file-container center\" key={index}>\r\n                                                <div className=\"col name flex5\">\r\n                                                    <a className='clickable' onClick={() => this.onFileClick(val.filename)}>{val.filename}</a>\r\n                                                </div>\r\n                                                <div className=\"col date\">{DateHelper.dateFormat(val.date, \"MMMM DD, YYYY\")}</div>\r\n                                                    <div className=\"col delete flex1\"><ButtonInput type=\"button\" caption=\"Delete\" title=\"Delete\" onClick={() => this.deleteFile(val.filename) }/></div>\r\n                                            </div>)\r\n                                        })\r\n\r\n                                    }\r\n\r\n                                    <div className={(\"rowflex file-container title \" + (this.state.fileUploadOnProgress ? \"\" : \"hidden\"))}>\r\n                                        <div className=\"col name flex5\">File</div><div className=\"col progress\">Upload Progress</div>\r\n                                    </div>\r\n\r\n                                    {this.state.fileUploadOnProgress && this.uploadDisplay.displayFileUpload(this.state.fileUploadList)}\r\n\r\n                                    <div className=\"row dragHere\">\r\n                                        <div className=\"col\">\r\n                                            Drag here to upload\r\n                                            <br/>\r\n                                            <NormalFileUpload />\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                </FieldInformationFileUploadHandler>\r\n                                \r\n                        </div>\r\n                    }\r\n                </div>\r\n\r\n                }\r\n            \r\n                <div className=\"clear\"></div>\r\n            </div>\r\n\r\n            <div className=\"container-separator-block\">\r\n                <div className=\"separator-block\"/>\r\n                <div className=\"separator-block\"/>\r\n                <div className=\"separator-block\"/>\r\n            </div>\r\n\r\n            {this.props.enableBackButton && this.state.onFocusResult &&\r\n                <div style={{color: \"red\", fontWeight: \"bold\"}}>\r\n                    Tidak dapat \"Save & Back\" sewaktu fokus pada field result agar tidak mengganggu proses save result.<br/>\r\n                    Tekan mouse pada bagian kosong manapun di halaman ini untuk menyudahi update field result.\r\n                </div>\r\n            }\r\n\r\n            {this.props.enableBackButton &&\r\n                <div style={{display: 'flex', justifyContent: 'space-between'}}>\r\n                    <ButtonInput caption=\"Back\" title=\"Back\" onClick={() => this.back() } />\r\n                    <ButtonInput caption=\"Save & Back\"\r\n                        {...this.state.onFocusResult && { disabled: true }}\r\n                        onClick={() => {\r\n                            this.saveAndBack()\r\n                        }} />\r\n                </div>\r\n            }\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\nexport interface ActionPlanFile {\r\n    filename: string\r\n    fileExt: string\r\n    date: string\r\n}\r\n\r\nexport interface FieldInformationComponentProp extends FieldInformationModel {\r\n    personnelList?: string\r\n    location?: string\r\n    objective?: string\r\n    contractors?: string\r\n    status: string\r\n    actionPlanName?: string\r\n\r\n    addHandler?: FieldInformationAddAPI\r\n    editHandler: FieldInformationEditAPI\r\n    actionPlanAddHandler: AddActionPlanModuleInterface\r\n    actionPlanEditHandler: EditActionPlanModuleInterface\r\n    deleteHandler?: (id: string) => void\r\n\r\n    enableBackButton?: boolean\r\n    saveAndBackFn?: () => void\r\n    backFn?: () => void\r\n}\r\n\r\nexport interface FieldInformationComponentState extends FieldInformationModel {\r\n    date_date?: Date\r\n\r\n    fileUploadList: FileUploadProgress[]\r\n    fileUploadOnProgress: boolean\r\n\r\n    onSavingProgress: boolean\r\n    onFocusResult: boolean\r\n}\r\n\r\nlet NormalFileUpload = () => {\r\n    let uploady = useUploady()\r\n    let onClick = () => {\r\n        uploady.showFileUpload()\r\n    }\r\n    return <ButtonInput caption=\"Select File to Upload\" title=\"Select File to Upload\" onClick={() => {onClick()}} />\r\n}","import React from 'react'\r\nimport { ActionPlanPath, FieldInformationPath } from '../../../database_api/api'\r\nimport { StandardAPIHTTPClient } from '../../../database_api/StandardAPIHTTPClient'\r\nimport { HTTPHeader } from '../../../interfaces/HTTPHeader'\r\nimport { ActionPlanAddAPI } from '../../ActionPlan/ActionPlanAddAPI'\r\nimport { ActionPlanEditAPI } from '../../ActionPlan/ActionPlanEditAPI'\r\nimport { ActionPlanModel } from '../../ActionPlan/model/ActionPlan'\r\nimport { AuthTokenSessionStorage } from '../../Login/AuthPermission'\r\nimport { FieldInformationAddAPI } from '../api/FieldInformationAddAPI'\r\nimport { FieldInformationEditAPI } from '../api/FieldInformationEditAPI'\r\nimport { FieldInformationRouter } from '../FieldInformationRouter'\r\nimport { FieldInformationComponent } from './FieldInformationComponent'\r\n\r\ninterface FieldInformationAddProps{\r\n    projectId: string, \r\n    router: FieldInformationRouter,\r\n    actionPlan?: ActionPlanModel\r\n    [key: string]: any\r\n}\r\n\r\nexport class FieldInformationAddV2 extends React.Component<FieldInformationAddProps>{\r\n    client = new StandardAPIHTTPClient(new HTTPHeader(new AuthTokenSessionStorage()))\r\n    editHandler = new FieldInformationEditAPI(FieldInformationPath, this.client)\r\n    addHandler = new FieldInformationAddAPI(FieldInformationPath, this.client)\r\n    actionPlanAddHandler = new ActionPlanAddAPI(ActionPlanPath, this.client)\r\n    actionPlanEditHandler = new ActionPlanEditAPI(ActionPlanPath, this.client)\r\n\r\n    backFn = () => {\r\n        this.props.router.cancel()\r\n    }\r\n\r\n    render = () => {\r\n        return (\r\n        <div className={\"container\" + (this.props.aclass ? \" \" + this.props.aclass : \"\") }>\r\n            <div style={{\r\n                position: \"fixed\",\r\n                background: 'rgba(0,0,0,0.5)',\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                top: 0, left: 0\r\n            }}></div>\r\n                <FieldInformationComponent\r\n                    id={this.props.actionPlan?.fieldInformationId}\r\n                    actionPlanAddHandler={this.actionPlanAddHandler}\r\n                    actionPlanEditHandler={this.actionPlanEditHandler}\r\n                    addHandler={this.addHandler}\r\n                    editHandler={this.editHandler}\r\n                    projectId={this.props.projectId}\r\n\r\n                    result=\"\" status=\"\" time={this.props.actionPlan?.date ?? \"\"}\r\n                    actionPlanId={this.props.actionPlan?.id}\r\n                    actionPlanName={this.props.actionPlan?.name}\r\n                    personnelList={this.props.actionPlan?.personnelList}\r\n                    contractors={this.props.actionPlan?.contractors}\r\n                    location={this.props.actionPlan?.location}\r\n                    objective={this.props.actionPlan?.objective}\r\n\r\n                    enableBackButton={true}\r\n                    backFn={this.props.router.back}\r\n                    saveAndBackFn={ this.backFn }\r\n                />\r\n        </div>\r\n        )\r\n    }\r\n}","import { NewsComponentProp } from './ui/NewsComponent';\nimport { GenericAPIListPagingLoader, ListPagingResult } from '../Paging/GenericAPIListPagingLoader';\nimport { GenericListPagingLoader } from '../Paging/GenericListController';\n\nexport interface NewsListPagingResult extends ListPagingResult<NewsComponentProp> {}\nexport interface NewsListPagingLoader extends GenericListPagingLoader<NewsListPagingResult>{}\n\nexport class APINewsListPagingLoader extends GenericAPIListPagingLoader<NewsListPagingResult> implements NewsListPagingLoader{}","import React from 'react';\r\n\r\nimport { MessageType } from '../../MessageType';\r\nimport { ActionPlanListDisplayUpdaterProtocol } from '../../modules/ActionPlan/ActionPlanListDisplayUpdaterProtocol';\r\nimport { ActionPlanListRouteProtocol } from '../../modules/ActionPlan/model/ActionPlanListModel';\r\nimport { ReactActionPlanPostResultControllerProtocol } from '../../modules/ActionPlan/resultController/ActionPlanPostResultController';\r\nimport { ActionPlanComponent, ActionPlanComponentProp } from '../../modules/ActionPlan/ui/ActionPlanComponentV2';\r\nimport { ActionPlanListPresenterProtocol } from '../../modules/ActionPlan/ui/ActionPlanListPresenter';\r\nimport { ActionPlanToFieldInformation } from '../../modules/POBContent/ContentModule/ActionPlan/ActionPlanListBuilderForContentType';\r\n\r\nexport interface ListLoaderTodayControllerProtocol{\r\n    load(): void\r\n}\r\n\r\ninterface ActionPlanListProp{\r\n    controller: ListLoaderTodayControllerProtocol & ActionPlanListDisplayUpdaterProtocol\r\n    presenter: ActionPlanListRouteProtocol & ActionPlanListPresenterProtocol & ActionPlanToFieldInformation\r\n    resultController: ReactActionPlanPostResultControllerProtocol\r\n}\r\n\r\ninterface ActionPlanListState{\r\n    actionPlans: ActionPlanComponentProp[]\r\n    message?:{type: MessageType, message: string}\r\n\r\n    resultFormOpen: boolean\r\n}\r\n\r\nexport class ActionPlanTodayWidget extends React.Component<ActionPlanListProp, ActionPlanListState> { \r\n    constructor(props: ActionPlanListProp){\r\n        super(props)\r\n\r\n        this.state = {\r\n            actionPlans: [],\r\n            resultFormOpen: false\r\n        }\r\n\r\n        this.props.presenter.setState = this.defaultSetState\r\n        this.props.controller.onLoad = this.props.presenter.onLoadActionPlans\r\n\r\n        this.props.presenter.onLoad()\r\n        \r\n    }\r\n\r\n    defaultSetState = (data: any) => {\r\n        this.setState(data)\r\n    }\r\n\r\n    render(){\r\n\r\n        return (\r\n        <React.Fragment>\r\n            <h2>Action Plan Today</h2>\r\n            \r\n            <div id=\"content-container\">\r\n\r\n            {this.state.message && <div className={\"message \" + this.state.message.type}>{this.state.message.message}</div> }\r\n            { this.state.message && setTimeout(() => { this.setState({message: undefined}) }, 3000) }\r\n\r\n            <div id=\"actionPlan-list\">\r\n                {\r\n                    (this.state.actionPlans && this.state.actionPlans.length > 0 && this.state.actionPlans.map((actionPlan, index) => {\r\n                        return <ActionPlanComponent id={actionPlan.id} name={actionPlan.name} date={actionPlan.date}\r\n                            projectId={actionPlan.projectId}\r\n                            location={actionPlan.location}\r\n                            objective={actionPlan.objective}\r\n                            projectName={actionPlan.projectName}\r\n                            personnelList={actionPlan.personnelList}\r\n                            contractors={actionPlan.contractors}\r\n                            status={actionPlan.status}\r\n                            fieldInformationId={actionPlan.fieldInformationId}\r\n                            picIds={actionPlan.picIds}\r\n                            disableEdit\r\n                            key={index} />\r\n                    }))\r\n                    || \r\n                    <div className=\"message\">No actionPlan registered</div>\r\n                }\r\n            </div>\r\n            </div>\r\n            <div id=\"actionPlan-result\"></div>\r\n        </React.Fragment>\r\n        )\r\n    }\r\n}","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { NewsPagePath } from '../../database_api/api';\r\nimport { ButtonInput } from '../../form-components/ButtonInput';\r\nimport { NewsModel } from '../../modules/News/model/News';\r\nimport { NewsComponent } from '../../modules/News/ui/NewsComponent';\r\nimport { useDataList } from '../../modules/Shared/useDataList';\r\nimport { RoutePath } from '../RoutePath';\r\n\r\nexport const NewsWidget = () => { \r\n    const itemSize = 5\r\n    const { data } = useDataList<NewsModel>({\r\n        url: NewsPagePath,\r\n        size: itemSize,\r\n        identifier: \"news\"\r\n    })\r\n\r\n    return (\r\n    <React.Fragment>\r\n        <h2>Latest 5 News</h2>\r\n        <div id=\"content-container\">\r\n        <div id=\"news-list\">\r\n            {\r\n                (data && data.length > 0 && data.map((news, index) => {\r\n                    return <NewsComponent id={news.id} \r\n                        title={news.title} link={news.link} description={news.description} \r\n                        tags={news.tags} time={news.time}\r\n                        disableEdit\r\n                        key={index} />\r\n                }))\r\n                || \r\n                <div className=\"message\">No news registered</div>\r\n            }\r\n        </div>\r\n        <Link to={RoutePath.newsList}><ButtonInput caption=\"See all news\" title=\"See all news\" aclass=\"default-margin-top\"/></Link>\r\n        </div>\r\n    </React.Fragment>\r\n    )\r\n}","import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { RouteComponentProps } from 'react-router-dom';\nimport { ActionPlanTodayPath, NewsItemWidget, NewsPagePath } from '../database_api/api';\nimport { AxiosAPIHTTPClient } from '../database_api/AxiosAPIHTTPClient';\nimport { GetAPIHTTPClient, StandardAPIHTTPClient } from '../database_api/StandardAPIHTTPClient';\nimport { HTTPHeader } from '../interfaces/HTTPHeader';\nimport { MessageType } from '../MessageType';\nimport { ActionPlanListDisplayUpdaterProtocol } from '../modules/ActionPlan/ActionPlanListDisplayUpdaterProtocol';\nimport { ActionPlanModel } from '../modules/ActionPlan/model/ActionPlan';\nimport { ActionPlanListRouteProtocol } from '../modules/ActionPlan/model/ActionPlanListModel';\nimport { ReactActionPlanPostResultController } from '../modules/ActionPlan/resultController/ActionPlanPostResultController';\nimport { ActionPlanComponentProp } from '../modules/ActionPlan/ui/ActionPlanComponent';\nimport { ActionPlanListPresenterProtocol } from '../modules/ActionPlan/ui/ActionPlanListPresenter';\nimport { FieldInformationRouter } from '../modules/FieldInformation/FieldInformationRouter';\nimport { FieldInformationAddV2 } from '../modules/FieldInformation/ui/FieldInformationAddV2';\nimport { ListLoaderControllerProtocol } from '../modules/ListLoaderControllerProtocol';\nimport { AuthTokenSessionStorage } from '../modules/Login/AuthPermission';\nimport { NewsListDisplayUpdaterProtocol } from '../modules/News/NewsListDisplayUpdaterProtocol';\nimport { APINewsListPagingLoader, NewsListPagingLoader } from '../modules/News/NewsListPagingLoader';\nimport { NewsComponentProp } from '../modules/News/ui/NewsComponent';\nimport { ActionPlanToFieldInformation } from '../modules/POBContent/ContentModule/ActionPlan/ActionPlanListBuilderForContentType';\nimport { ActionPlanTodayWidget, ListLoaderTodayControllerProtocol } from './Widget/ActionPlanTodayWidget';\nimport { NewsWidget } from './Widget/NewsWidget';\n\nclass ActionPlanTodayPresenter implements ActionPlanListRouteProtocol, ActionPlanListPresenterProtocol, ActionPlanToFieldInformation, FieldInformationRouter{\n    controller: ListLoaderTodayControllerProtocol\n    setState?: (data: any) => void\n\n    constructor(controller: ListLoaderTodayControllerProtocol){\n        this.controller = controller\n    }\n    goToAdd(): void {\n    }\n    goToEdit(id: string): void {\n    }\n    delete(id: string): void {\n    }\n    add(): void {\n    }\n    back(){\n        ReactDOM.render(<></>, document.getElementById(\"field-information-add\"))\n    }\n    cancel(): void {\n        setTimeout(() => {\n            this.onLoad()\n        }, 300)\n        ReactDOM.render(<></>, document.getElementById(\"field-information-add\"))\n    }\n\n    successAdd(type: MessageType, message: string): void {\n    }\n    \n    goToResult(actionPlan: ActionPlanModel) {\n        ReactDOM.render(<FieldInformationAddV2 projectId={actionPlan.projectId ?? \"\"} actionPlan={actionPlan} router={this} />, document.getElementById(\"field-information-add\"))\n    }\n\n    onLoad = () => {\n        this.controller.load()\n    }\n    onAdd(): void {\n    }\n    onEdit(id: String): void {\n    }\n\n    onLoadActionPlans = (actionPlans: ActionPlanComponentProp[]) => {\n        if(this.setState === undefined){\n            console.log(\"You must define setState for the presenter\")\n            return\n        }\n\n        this.setState({\n            actionPlans: actionPlans\n        })\n    }\n}\n\nclass ListLoaderTodayController implements ListLoaderTodayControllerProtocol, ActionPlanListDisplayUpdaterProtocol{\n    private client: GetAPIHTTPClient\n    private mainPath: string\n\n    constructor(client: GetAPIHTTPClient, mainPath: string){\n        this.client = client\n        this.mainPath = mainPath\n    }\n\n    onLoad(datas: ActionPlanComponentProp[]): void {\n    }\n\n    load(): void {\n        this.client.get(this.mainPath, (result) => {\n            this.onLoad(result.data)\n        })\n    }\n\n}\n\nexport class NewsWidgetController implements ListLoaderControllerProtocol, NewsListDisplayUpdaterProtocol{\n    private loader: NewsListPagingLoader\n    constructor(loader: NewsListPagingLoader){\n        this.loader = loader\n    }\n\n    onLoad(datas: NewsComponentProp[]): void {\n\n    }\n    load(page: number): void {\n        this.loader.load(1, (result) => {\n            this.onLoad(result.data ?? [])\n        })\n    }\n    \n}\n\nexport class DashboardWidget extends React.Component<RouteComponentProps>{\n    header = new HTTPHeader(new AuthTokenSessionStorage())\n    client = new StandardAPIHTTPClient(this.header)\n    fileClient = new AxiosAPIHTTPClient(this.header)\n\n    //ActionPlanTodayWidget\n    controller = new ListLoaderTodayController(this.client, ActionPlanTodayPath)\n    presenter = new ActionPlanTodayPresenter(this.controller)\n    resultController = new ReactActionPlanPostResultController(this.client, this.fileClient)\n\n    //NewsWidget\n    newsWidgetController = new NewsWidgetController(new APINewsListPagingLoader(NewsPagePath, NewsItemWidget, this.client))\n\n    render(){\n        return (\n            <div>\n                <ActionPlanTodayWidget presenter={this.presenter} controller={this.controller} \n                    resultController={this.resultController}\n                />\n\n                <NewsWidget />\n\n                <div id=\"field-information-add\" />\n            </div>\n        )\n    }\n}","import Select from 'react-select'\r\nimport { SetFieldValueFunctionType } from '../FormikHelper/FormikFileUploadFactory'\r\nimport { ResultType } from '../modules/useSelectMemberHelperV2'\r\nimport { SelectOptionObject } from './FormikSelectInputHandler'\r\n\r\nexport const FormikSelectMultiInputHandler = (props: {\r\n    fieldName: string,\r\n    placeholder: string,\r\n    options: SelectOptionObject[],\r\n    selectedFieldName: string,\r\n    setFieldValue: SetFieldValueFunctionType,\r\n    selected?: SelectOptionObject[]\r\n}) => {\r\n    const {fieldName, placeholder, options, selectedFieldName, setFieldValue, selected} = props\r\n\r\n    const handleSelectedChange = (inputValue: any, _: any) => {\r\n        console.log(inputValue)\r\n        if(!inputValue) {\r\n            setFieldValue(selectedFieldName,[])\r\n            setFieldValue(fieldName, [])\r\n            return\r\n        }\r\n        setFieldValue(selectedFieldName,inputValue)\r\n        setFieldValue(fieldName, inputValue.map((data: ResultType) => data.value))\r\n    }\r\n\r\n    return (\r\n        <Select placeholder={placeholder} className=\"selectionStyle full-border\" \r\n            isSearchable={true} name={fieldName} classNamePrefix=\"si\" options={options} \r\n            value={selected ?? []} \r\n            isMulti={true}\r\n            onChange={handleSelectedChange} />\r\n    )\r\n}","import { TextInput } from '../../../../form-components/TextInputV2';\r\n\r\nimport nameIcon from '../../../../img/icon-actionPlanTimer.png';\r\nimport dateIcon from '../../../../img/icon-date.png';\r\n\r\nimport { FormikProps } from 'formik';\r\nimport DatePicker from 'react-datepicker';\r\nimport { FormikSelectMultiInputHandler } from '../../../../form-components/FormikSelectMultiInputHandlerV2';\r\nimport { JoditContentEditorModule } from '../../../../form-components/JoditContentEditorModuleV3';\r\nimport { Lang } from '../../../../lang/Lang';\r\nimport { ActionPlanModel } from '../../../ActionPlan/model/ActionPlan';\r\n\r\nexport const ActionPlanForm: <T extends ActionPlanModel>(pageTitle: string, props: FormikProps<T>) => JSX.Element = \r\n(pageTitle, props) => {\r\n    const { values, errors, touched, handleChange, setFieldValue } = props\r\n\r\n    let handleDateChange = (date: Date | [Date, Date] | null) => {\r\n        setFieldValue('date_date', date)\r\n        if (date) {\r\n            setFieldValue('date', date.toLocaleString(\"en-US\"))\r\n        }\r\n    }\r\n    \r\n    let handleObjectiveChange = (value: string) => {\r\n        setFieldValue('objective', value)\r\n    }\r\n\r\n    return (\r\n        <div style={{minWidth: \"330px\"}}>\r\n        <div className=\"page-title\">{pageTitle} Action Plan</div>\r\n        <div className=\"row\">\r\n            <div className=\"col\">\r\n                <TextInput aclass=\"full-width default\" icon={nameIcon} placeholder={Lang.actionPlanItem} name=\"name\" value={values.name} onChange={handleChange} message={errors.name} touched={touched.name} />\r\n                <div className=\"input-container\">\r\n                    <DatePicker className=\"text-input default\" placeholderText={Lang.actionPlanTime} selected={values.date_date} onChange={(date) => { handleDateChange(date) }}\r\n                        showTimeSelect dateFormat=\"MMMM d, yyyy H:mm\" timeFormat='HH:mm'\r\n                        customInput={<TextInput icon={dateIcon} placeholder=\"Rule Date\" name=\"ruleDate\" value={values.date} />} />\r\n\r\n                    <TextInput aclass=\"full-width default\" icon={nameIcon} placeholder={Lang.actionPlanLocation} name=\"location\" value={values.location} onChange={handleChange} message={errors.location} touched={touched.location} />\r\n                    {/* <TextAreaInput aclass=\"full-width default\" placeholder={Lang.actionPlanObjective} name=\"objective\" value={values.objective} onChange={handleChange} message={errors.objective} touched={touched.objective} /> */}\r\n                    \r\n                    <div className=\"input-container\">\r\n                        <h2>{Lang.actionPlanObjective}</h2>\r\n                        <JoditContentEditorModule\r\n                            aclass=\"textarea\"\r\n                            placehoder={Lang.actionPlanObjective}\r\n                            fieldName=\"objective\" value={values.objective}\r\n                            handleChange={handleObjectiveChange}\r\n                        />\r\n                    </div>\r\n                    <input type=\"hidden\" name=\"projectId\" value={values.projectId} />\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"line-decoration default-margin-top\" />\r\n\r\n        <div>\r\n            <div className=\"row default-margin-top\">\r\n                <div className=\"col\">\r\n                    <div className=\"input-container\">\r\n                        <FormikSelectMultiInputHandler\r\n                            fieldName=\"picIds\"\r\n                            placeholder=\"Select PIC\"\r\n                            options={values.memberList ?? []}\r\n                            selectedFieldName=\"membersSelected\"\r\n                            setFieldValue={setFieldValue}\r\n                            selected={values.membersSelected}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div className=\"row default-margin-top\">\r\n            <div className=\"col\">\r\n                <div className=\"input-container\">\r\n                    <TextInput aclass=\"default full-width\" placeholder={Lang.actionPlanCustomerPersonnel} name=\"personnelList\" value={values.personnelList} onChange={handleChange} message={errors.personnelList} touched={touched.personnelList} />\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"row default-margin-top\">\r\n            <div className=\"col\">\r\n                <div className=\"input-container\">\r\n                    <TextInput aclass=\"default full-width\" placeholder={Lang.actionPlanThirdParty} name=\"contractors\" value={values.contractors} onChange={handleChange} message={errors.contractors} touched={touched.contractors} />\r\n                </div>\r\n            </div>\r\n        </div>\r\n        </div>\r\n    )\r\n}","import * as yup from 'yup';\r\nimport { NameInput } from '../../../../Member/builder/ErrorMessage/Error';\r\n\r\nexport const errorValidationSchema = yup.object({\r\n    name: yup.string().required(NameInput.requiredMessageError()),\r\n    date: yup.string().required(\"Date Time must be filled\"),\r\n    location: yup.string().required(\"Location is required\"),\r\n    objective: yup.string().required(\"Objective meeting is required\"),\r\n    projectId: yup.string().required(\"Project is required\")\r\n})","import { ActionPlanModel } from '../../../ActionPlan/model/ActionPlan';\r\nimport { useURL } from '../../../Search/useURL';\r\nimport { AddFormTemplate } from '../../../Shared/template/AddFormTemplate';\r\nimport { useSelectMemberHelper } from '../../../useSelectMemberHelperV2';\r\nimport { ActionPlanForm } from './ActionPlanForm';\r\nimport { useActionPlanAddFormHandler } from './useActionPlanAddFormHandler';\r\nimport { errorValidationSchema } from './validation/errorValidationSchema';\r\n\r\nexport const ActionPlanAdd = () => {\r\n    const { params } = useURL()\r\n    const formik = useActionPlanAddFormHandler({\r\n        projectId: params.projectId ? params.projectId as string : undefined,\r\n        name: \"\", date: \"\", location: \"\", objective: \"\"\r\n    }, errorValidationSchema)\r\n\r\n    const {setFieldValue} = formik\r\n    \r\n    useSelectMemberHelper((datas) => {\r\n        setFieldValue(\"memberList\", datas)\r\n    })\r\n\r\n    return (\r\n        <AddFormTemplate<ActionPlanModel> {...formik}>\r\n            {ActionPlanForm(\"Add New\", formik)}\r\n        </AddFormTemplate>\r\n    )\r\n}","import { useFormik } from 'formik';\r\nimport * as yup from 'yup';\r\nimport { ActionPlanPath } from '../../../../database_api/api';\r\nimport { DateHelper } from '../../../../helper/DateHelper';\r\nimport { ActionPlanModel } from '../../../ActionPlan/model/ActionPlan';\r\nimport { useAddData } from '../../../Shared/useAddData';\r\n\r\nexport const useActionPlanAddFormHandler = (initialValues: ActionPlanModel, validationSchema?: yup.ObjectSchema) => {\r\n    const { add } = useAddData(ActionPlanPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            setSubmitting(true)\r\n\r\n            let actionPlanData: ActionPlanModel = {\r\n                name: values.name,\r\n                location: values.location,\r\n                objective: values.objective,\r\n                date: values.date && DateHelper.dateISO8601(values.date),\r\n                projectId: values.projectId,\r\n                personnelList: values.personnelList,\r\n                contractors: values.contractors,\r\n                picIds: values.picIds\r\n            }\r\n\r\n            setSubmitting(false)\r\n            add(actionPlanData)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import moment from \"moment\"\r\nimport { useEffect } from \"react\"\r\nimport { useParams } from \"react-router\"\r\nimport { ActionPlanPath } from \"../../../../database_api/api\"\r\nimport { ActionPlanSingleResult } from \"../../../ActionPlan/ActionPlanSingleLoader\"\r\nimport { ActionPlanModel } from \"../../../ActionPlan/model/ActionPlan\"\r\nimport { EditFormTemplate } from \"../../../Shared/template/EditFormTemplate\"\r\nimport { useItem } from \"../../../Shared/useItem\"\r\nimport { useSelectMemberHelper } from \"../../../useSelectMemberHelperV2\"\r\nimport { ActionPlanForm } from \"./ActionPlanForm\"\r\nimport { useActionPlanEditFormHandler } from \"./useActionPlanEditFormHandler\"\r\nimport { errorValidationSchema } from \"./validation/errorValidationSchema\"\r\n\r\nexport const ActionPlanEdit = () => {\r\n    const params = useParams<{ id: string }>()\r\n\r\n    const formik = useActionPlanEditFormHandler({\r\n        id: params.id, name: \"\", date: \"\", location: \"\", objective: \"\"\r\n    }, errorValidationSchema)\r\n\r\n    const {setFieldValue} = formik\r\n\r\n    const { get, data, isLoading } = useItem(ActionPlanPath, params.id, \"actionPlan\")\r\n\r\n    useSelectMemberHelper((datas) => {\r\n        setFieldValue(\"memberList\", datas)\r\n    })\r\n    \r\n    useEffect(() => {\r\n        get()\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!data) return\r\n\r\n        mapData(data)\r\n    }, [data, formik.values.memberList])\r\n\r\n    if (isLoading) return (<div>Loading...</div>)\r\n\r\n    const mapData = (result: ActionPlanSingleResult) => {\r\n        if (result.data == undefined) return\r\n\r\n        Object.entries(result.data.value).forEach(data => {\r\n            if (data[0] == \"date\" && typeof data[1] == \"string\") {\r\n                let d = moment(data[1])\r\n                if (d.isValid()) setFieldValue(\"date_date\", d.toDate())\r\n            }\r\n\r\n            if (data[0] == \"picIds\") {\r\n                const members = data[1].map((picId: string) => {\r\n                    const member = formik.values.memberList?.find(data => data.value == picId)\r\n                    return member\r\n                })\r\n                setFieldValue(\"membersSelected\", members)\r\n            }\r\n\r\n            setFieldValue(data[0], data[1])\r\n        })\r\n    }\r\n\r\n    return (\r\n        <EditFormTemplate<ActionPlanModel> {...formik}>\r\n            { ActionPlanForm(\"Update\", formik) }\r\n        </EditFormTemplate>\r\n    )\r\n\r\n}","import { useFormik } from 'formik';\r\nimport * as yup from 'yup';\r\nimport { ActionPlanPath } from '../../../../database_api/api';\r\nimport { DateHelper } from '../../../../helper/DateHelper';\r\nimport { ActionPlanModel } from '../../../ActionPlan/model/ActionPlan';\r\nimport { useUpdateData } from '../../../Shared/useUpdateData';\r\n\r\nexport const useActionPlanEditFormHandler = (initialValues: ActionPlanModel, validationSchema?: yup.ObjectSchema) => {\r\n    const { update } = useUpdateData(ActionPlanPath)\r\n\r\n    const formik = useFormik({\r\n        validationSchema,\r\n        initialValues,\r\n        onSubmit: (values, { setSubmitting }) => {\r\n            console.log(values)\r\n            setSubmitting(true)\r\n\r\n            let actionPlanData: ActionPlanModel = {\r\n                id: values.id,\r\n                name: values.name,\r\n                date: values.date && DateHelper.dateISO8601(values.date),\r\n                location: values.location,\r\n                objective: values.objective,\r\n                projectName: values.projectName,\r\n                projectId: values.projectId,\r\n                personnelList: values.personnelList,\r\n                contractors: values.contractors,\r\n                picIds: values.picIds\r\n            }\r\n\r\n            setSubmitting(false)\r\n            update(actionPlanData)\r\n        }\r\n    })\r\n\r\n    return formik\r\n}","import React from 'react';\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\nimport { ActionPlanAdd } from '../../POBContent/ContentModule/ActionPlan/ActionPlanAdd';\r\nimport { ActionPlanEdit } from '../../POBContent/ContentModule/ActionPlan/ActionPlanEdit';\r\n\r\nconst queryClient = new QueryClient();\r\n\r\nexport const ActionPlan = (props: RouteComponentProps) => {\r\n    return (\r\n        <QueryClientProvider client={queryClient}>\r\n        <React.Fragment>\r\n            <Route path={props.match.url + \"/add\"} component={ActionPlanAdd} />\r\n            <Route path={props.match.url + \"/edit/:id\"} component={ActionPlanEdit} />\r\n        </React.Fragment>\r\n        </QueryClientProvider>\r\n    )\r\n}","\r\nimport { useEffect, useState } from 'react';\r\nimport { FieldInformationPagePath } from \"../../../database_api/api\";\r\nimport { HTTPMethod } from \"../../../interfaces/HTTPHeader\";\r\nimport { useHeader } from \"../../Shared/useHeader\";\r\n\r\nexport const FieldInformationMoveFiles = () => {\r\n\r\n    const [files, setFiles] = useState<{[key: string]: string[]}>()\r\n    const { header } = useHeader()\r\n    \r\n    const requestOptions = {\r\n        method: HTTPMethod.get,\r\n        headers: header.header()\r\n    }\r\n    \r\n    useEffect(() => {\r\n        fetch(`${FieldInformationPagePath}filesList`, requestOptions)\r\n            .then((response) => response.json()).then((data) => {\r\n                console.log(data)\r\n                setFiles(data)\r\n            })\r\n    }, [])\r\n\r\n    const doMoveFiles = () => {\r\n        fetch(`${FieldInformationPagePath}moveFiles`, requestOptions)\r\n            .then((response) => response.json()).then((data) => {\r\n                console.log(data.message)\r\n                console.log(JSON.stringify(data.message))\r\n            })\r\n    }\r\n\r\n    return (\r\n        <>\r\n        <div id=\"fieldInformation-list\">\r\n            {files && Object.keys(files).map((key) => {\r\n                return (\r\n                    <div key={key}>\r\n                        <h3>{key}</h3>\r\n                        <ul>\r\n                            {files[key].map((file) => {\r\n                                return (\r\n                                    <li key={file}>{file}</li>\r\n                                )\r\n                            })}\r\n                        </ul>\r\n                    </div>\r\n                )\r\n            })}\r\n        </div>\r\n        <button onClick={doMoveFiles}>Move Files</button>\r\n        </>\r\n    )\r\n}","import queryString from \"query-string\"\nimport { useEffect, useState } from \"react\"\nimport { useLocation } from \"react-router-dom\"\nimport { ActionPlanGoogleCalendarSetTokenPath } from \"../../database_api/api\"\nimport { AddResult } from \"../GenericAPI/GenericAddAPI\"\nimport { usePostData } from \"../Shared/usePostData\"\n\nexport const GoogleCalendarAuth = () => {\n    const location = useLocation()\n    const params = queryString.parse(location.search)\n\n    const [result, setResult] = useState<boolean>(false)\n    const [error, setError] = useState<string>(\"\")\n\n    const { post, isLoading } = usePostData(ActionPlanGoogleCalendarSetTokenPath)\n    \n    useEffect(() => {\n        post({code: params.code}, {\n            onSuccess: (data: AddResult) => {\n                console.log(data)\n                setResult(data.status === \"ok\")\n                setError(data.message ?? \"\")\n                \n            }\n        })\n    }, [])\n    \n    if (isLoading) return <div>Please wait while set the new token...</div>\n\n    return <div>\n        Result: {result ? \"Success\" : \"Failed\"}\n        <br />\n        {error !== \"\" && `Error: ${error}`}\n    </div>\n}","import * as React from 'react';\r\nimport { Route, RouteComponentProps } from \"react-router-dom\";\r\nimport { Footer } from \"../components/Footer\";\r\nimport { Header } from '../components/HeaderV2';\r\nimport { Client } from '../modules/Client/ui/Client';\r\nimport { ClientPartner } from '../modules/Client/ui/ClientPartner';\r\nimport { ProspectiveClient } from '../modules/Client/ui/ProspectiveClient';\r\nimport { ClientPIC } from '../modules/ClientPIC/ui/ClientPIC';\r\nimport { Customer } from '../modules/Customer/ui/CustomerV2';\r\nimport { DatabaseTNIAL } from '../modules/DatabaseTNIAL/ui/DatabaseTNIALV2';\r\nimport { DbBackup } from '../modules/DbBackup/ui/DbBackup';\r\nimport { DocumentViewer } from '../modules/DocumentViewer';\r\nimport { LawRegulation } from '../modules/LawRegulation/ui/LawRegulationV2';\r\nimport { Logs } from '../modules/Log/ui/Logs';\r\nimport { AuthPermissionSessionStorage } from '../modules/Login/AuthPermission';\r\nimport { Logout } from '../modules/Login/Logout';\r\nimport { Member } from '../modules/Member/ui/Member';\r\nimport { News } from '../modules/News/ui/News';\r\nimport { POB } from '../modules/POB/ui/POBV2';\r\nimport { POBContent } from '../modules/POBContent/ui/POBContentV2';\r\nimport { POBHeader } from '../modules/POBHeader/ui/POBHeaderV2';\r\nimport { ProfileBuilder } from '../modules/Profile/builder/ProfileBuilder';\r\nimport { DashboardWidget } from './DashboardWidget';\r\nimport { RoutePath } from './RoutePath';\r\n\r\nimport { QueryClient, QueryClientProvider } from 'react-query';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport GlobalData from '../GlobalData';\r\nimport { ActionPlan } from '../modules/ActionPlan/ui/ActionPlan';\r\nimport { FieldInformationMoveFiles } from '../modules/FieldInformation/ui/FieldInformationMoveFiles';\r\nimport { GoogleCalendarAuth } from '../modules/GoogleCalendarAuth/GoogleCalendarAuth';\r\n\r\nconst queryClient = new QueryClient();\r\n\r\n\r\nexport const Dashboard = () => {\r\n    const auth = new AuthPermissionSessionStorage()\r\n    const [pageTitle, setPageTitle] = React.useState<string>(\"Dashboard\")\r\n\r\n    if (!auth.isLoggedIn()) auth.goToLogin()\r\n\r\n    return (\r\n        <GlobalData.Provider value={{ pageTitle, setPageTitle }}>\r\n        <QueryClientProvider client={queryClient}>\r\n        <React.Fragment>\r\n            <Header />\r\n\r\n            <ToastContainer position=\"bottom-center\" theme='dark' autoClose={500} hideProgressBar />\r\n\r\n            <div className=\"content\">\r\n                <Route path={RoutePath.googleCalendarAuth} component={GoogleCalendarAuth} />\r\n                    \r\n                <Route path={RoutePath.dashboard} component={DashboardWidget} exact={true} />\r\n                <Route path={RoutePath.memberList} component={Member} />\r\n                <Route path={RoutePath.clientList} component={Client} />\r\n                <Route path={RoutePath.prospectiveClientList} component={ProspectiveClient} />\r\n                <Route path={RoutePath.clientPartnerList} component={ClientPartner} />\r\n                <Route path={RoutePath.clientPICList} component={ClientPIC} />\r\n                <Route path={RoutePath.customerList} component={Customer} />\r\n                <Route path={RoutePath.databaseTNIALList} component={DatabaseTNIAL} />\r\n                <Route path={RoutePath.lawRegulationList} component={LawRegulation} />\r\n                <Route path={RoutePath.pobHeaderList} component={POBHeader} />\r\n                <Route path={RoutePath.pobList} component={POB} />\r\n                <Route exact path={RoutePath.pobContentWithHeader} component={POBContent} />\r\n                <Route exact path={RoutePath.pobContent} component={POBContent} />\r\n                <Route path={RoutePath.newsList} component={News} />\r\n                <Route path={RoutePath.log} component={Logs} />\r\n                <Route path={RoutePath.backup} component={DbBackup} />\r\n                <Route path={RoutePath.logout} component={Logout} />\r\n\r\n                <Route path={RoutePath.actionPlanList} component={ActionPlan} />\r\n\r\n                <Route path={RoutePath.profile} component={(props: RouteComponentProps) => { return new ProfileBuilder(props).get() }} />\r\n                <Route path={RoutePath.viewDocumentParam} component={DocumentViewer} />\r\n\r\n                <Route path={'/move-files'} component={FieldInformationMoveFiles} />\r\n            </div>\r\n\r\n            <Footer note=\"Copyright @Bravado Armada 2020\" />\r\n        </React.Fragment>\r\n        </QueryClientProvider>\r\n        </GlobalData.Provider>\r\n    )\r\n}\r\n\r\n","import * as React from \"react\";\r\nimport { Route, Router, Switch } from 'react-router-dom';\r\nimport LoginBuilder from \"./modules/Login/LoginBuilder\";\r\nimport RouteManager from \"./modules/RouteManager\";\r\nimport { Dashboard } from './page/dashboardV2';\r\nimport { RoutePath } from './page/RoutePath';\r\n\r\nexport class StartApp extends React.Component {\r\n    render() {\r\n        return (\r\n            <Router history={RouteManager}>\r\n                <Switch>\r\n                    <Route path={RoutePath.login} component={LoginBuilder} exact={true} />\r\n                    <Route path={RoutePath.dashboard} component={Dashboard} />\r\n                </Switch>\r\n                <div id=\"DbUploadBackup\"></div>\r\n                <div id=\"DbRequestBackupAuth\"></div>\r\n            </Router>);\r\n    }\r\n}\r\n","import \"normalize.css\"\r\nimport \"../src/css/main.scss\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\n\r\nimport { setChonkyDefaults } from 'chonky'\r\nimport { ChonkyIconFA } from 'chonky-icon-fontawesome'\r\nimport { StartApp } from \"./StartApp\";\r\n\r\nsetChonkyDefaults({\r\n    iconComponent: ChonkyIconFA\r\n})\r\n\r\nReactDOM.render(\r\n    <StartApp />\r\n    , document.getElementById(\"displayComponent\")\r\n)"],"sourceRoot":""}