{"version":3,"sources":["webpack:///./src/components/shared/formMobileTextBox.js","webpack:///./src/components/shared/formTextbox.js","webpack:///./src/components/shared/formTextArea.js","webpack:///./src/components/shared/formSubTitle.js","webpack:///./src/pages/index.js","webpack:///./src/components/shared/formFieldDisableAutoComplete.js","webpack:///./src/components/shared/formDropdownArray.js","webpack:///./src/components/shared/formRadioButton.js"],"names":["FormMobileTextBox","props","textDesc","form","field","maxLength","handleErrorArray","handleErrorName","handleErrorIndex","errorsMsg","getIn","errors","name","inputErrorClassName","touched","inputName","undefined","Object","keys","length","React","createElement","Form","Group","Row","FormLabel","text","Col","xs","md","className","NumberFormat","type","autoComplete","value","onChange","event","handleChange","onBlur","handleBlur","inputErrorMessage","FormTextbox","toUpperCase","disabled","customBlur","Fragment","Field","target","setFieldValue","trim","readOnly","FormTextArea","as","FormSubTitle","_ref","parentClassName","childClassName","ClickedBacked","_ref3","values","uiData","dispatch","claimData","useEffect","clickedBack","policyInformation","batch","updateValidFormData","assign","updateUiDataObject","HandleFormSubmit","_ref4","formRef","isSubmitting","submittingPage","handleSubmit","current","setSubmitting","validateForm","then","entries","missingInfoAlert","updateUiData","FormDataTrigger","_ref5","fromTiqconnectPolicyInfo","backUpPolicyInfo","setDisableTripDateField","dropdownData","usePreviousData","ref","useRef","usePrevious","isSelfMakeClaim","isClaimantPolicyholder","travelPeriodFrom","travelPeriodTo","policyNumber","claimantName","claimantNricNumber","tempSelectedPaymode","claimantPayMode","policyHolderName","claimantEmail","claimantMobile","getEWalletExists","getRelationship","claimUploadListModel","deleteMultipleFileArray","forEach","UploadedItem","UploadedKey","deleteFileInfo","fName","fileName","folderName","push","API","response","navigateFromIdentifyGroupClaim","getTravelPolicyPeriodRequestModel","PolicyNumber","ClaimantName","NRIC","getTravelPolicyPeriod","Claimant_Paymode","paymodeUpdated","find","e","Code","Index","location","useSelector","state","shallowEqual","isBelong","checkBoxStatus","useDispatch","isMasterAccClaim","disableTripDateField","useState","generatedFolderName","setGeneratedFolderName","maxPageNumber","Constants","tempFolderName","generateFolderName","draftFolderPrefix","CommonFunction","getRequiredDocuments","href","formikSchema","Yup","shape","ErrorMessage","required","matches","Regex","when","is","otherwise","max","email","test","otherPartyDescription","val","reasonLateSubmit","Math","abs","Date","setHours","paymentMethod","hasEWallet","isMinor","isSingaporeResident","claimantBankName","this","parent","claimantBankAccount","dd","getYear","getMonth","getDate","getHours","getMinutes","getSeconds","Formik","initialValues","claimantDOB","tripStartDateOrToday","tripEndDateOrToday","otherParty","enableReinitialize","validationSchema","validateOnMount","innerRef","onSubmit","actions","getPolicyInfoRequestModel","PolicyHolderName","DateOfAccident","SessionId","belongsValidation","getPolicyInfo","pleaseAgreeBelongAlert","_ref2","_uiData$claimantProof","_uiData$claimantProof2","_uiData$claimantProof3","_values$travelPeriodT","isValid","FormikForm","claimFormTitle","span","offset","component","FormFieldDisableAutoComplete","claimTravelDetailModel","sourceSystem","FormRadioButton","customClickNo","FormDropdownArray","propertyName","dropdownItem","secondPropertyName","secondFieldName","customValueChange","description","code","FormBootstrap","onClick","checkboxStatusUpdate","role","style","left","tabIndex","DropzoneSingleFile","documentId","claimantProofDocument","documentDesc","coverageDetailId","coverageDetailName","customWidth","FormDatePickerTextBox","disableBefore","tripStartDate","disableAfter","tripEndDate","allowFutureDate","isSubmittingFirstPage","overflow","height","background","data-description","Dropdown","Toggle","Menu","map","item","key","Item","DropdownValueChange","newValue","secondFieldNewValue","Divider","handleRadioButton","buttonName","buttonValue"],"mappings":"8FAAA,iGA8FeA,IAxFf,SAA2BC,GACzB,MAAM,SAAEC,EAAQ,KAAEC,EAAI,MAAEC,EAAK,UAAEC,EAAS,iBAAEC,EAAgB,gBAAEC,EAAe,iBAAEC,GAAqBP,EAE5FQ,EAAYC,YAAMP,EAAKQ,OAAQP,EAAMQ,MAErCC,EAAsBA,CAACC,EAASH,EAAQI,EAAWT,EAAkBC,EAAiBC,SAElEQ,IAArBR,QAAsDQ,IAApBT,QAAsDS,IAArBV,GAAiE,IAA/BW,OAAOC,KAAKP,GAAQQ,QAAgD,IAAhCF,OAAOC,KAAKJ,GAASK,YAG7GH,IAA/CL,EAAOL,GAAkBE,SAAmGQ,IAAhEL,EAAOL,GAAkBE,GAAkBD,SACrDS,IAAhDF,EAAQR,GAAkBE,SAAoGQ,IAAjEF,EAAQR,GAAkBE,GAAkBD,IAGrGI,EAAOL,GAAkBE,GAAkBD,IAAoBO,EAAQR,GAAkBE,GAAkBD,GAAmB,cAE9H,KAKFI,EAAOI,IAAcD,EAAQC,GAAa,cAAgB,KA6BrE,OACEK,IAAAC,cAACC,IAAKC,MAAK,KACTH,IAAAC,cAACG,IAAG,KACFJ,IAAAC,cAACI,IAAS,CAACC,KAAMxB,IACjBkB,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EAAGC,UAAU,6BAC5BV,IAAAC,cAACM,IAAG,CACFC,GAAI,EACJC,GAAI,EACJC,UACE,gBACAjB,EAAoBV,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,KAAMN,EAAkBC,EAAiBC,IAGhGY,IAAAC,cAAA,QAAMS,UAAU,oBAAmB,SAErCV,IAAAC,cAACU,IAAY,CACXnB,KAAMR,EAAMQ,KACZkB,UACE,wBACAjB,EAAoBV,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,KAAMN,EAAkBC,EAAiBC,GAEhGwB,KAAK,OACL3B,UAAWA,EACZ4B,aAAa,eACxBC,MAAO9B,EAAM8B,OAAS,GACVC,SAAUC,IACRjC,EAAKkC,aAAaD,IAEpBE,OAAQF,IACNjC,EAAKoC,WAAWH,MAtDFI,EAAC1B,EAASH,EAAQI,EAAWT,EAAkBC,EAAiBC,SAEhEQ,IAArBR,QAAsDQ,IAApBT,QAAsDS,IAArBV,GAAiE,IAA/BW,OAAOC,KAAKP,GAAQQ,QAAgD,IAAhCF,OAAOC,KAAKJ,GAASK,YAG7GH,IAA/CL,EAAOL,GAAkBE,SAAmGQ,IAAhEL,EAAOL,GAAkBE,GAAkBD,SACrDS,IAAhDF,EAAQR,GAAkBE,SAAoGQ,IAAjEF,EAAQR,GAAkBE,GAAkBD,IAGrGI,EAAOL,GAAkBE,GAAkBD,IAAoBO,EAAQR,GAAkBE,GAAkBD,GAChHa,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAGzB,KAKFE,EAAOI,IAAcD,EAAQC,GAClCK,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAC5B,KAqCC+B,CAAkBrC,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,KAAMN,EAAkBC,EAAiBC,Q,oCCxFvG,qFA6GeiC,IAxGf,SAAqBxC,GACnB,MAAM,SAAEC,EAAQ,KAAEC,EAAI,MAAEC,EAAK,UAAEC,EAAS,YAAEqC,EAAW,SAAEC,EAAQ,WAAEC,EAAU,iBAAEtC,EAAgB,gBAAEC,EAAe,iBAAEC,GAAqBP,EAE/HQ,EAAYC,YAAMP,EAAKQ,OAAQP,EAAMQ,MAgD3C,OACEQ,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACC,IAAKC,MAAK,KACTH,IAAAC,cAACG,IAAG,KACFJ,IAAAC,cAACI,IAAS,CAACC,KAAMxB,IACjBkB,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EAAGC,UAAU,iBAC5BV,IAAAC,cAACyB,IAAK,CACJlC,KAAMR,EAAMQ,KACZkB,UACE,YAvDcjB,EAACC,EAASH,EAAQI,EAAWT,EAAkBC,EAAiBC,SAElEQ,IAArBR,QAAsDQ,IAApBT,QAAsDS,IAArBV,GAAiE,IAA/BW,OAAOC,KAAKP,GAAQQ,QAAgD,IAAhCF,OAAOC,KAAKJ,GAASK,YAG7GH,IAA/CL,EAAOL,GAAkBE,SAAmGQ,IAAhEL,EAAOL,GAAkBE,GAAkBD,SACrDS,IAAhDF,EAAQR,GAAkBE,SAAoGQ,IAAjEF,EAAQR,GAAkBE,GAAkBD,IAGrGI,EAAOL,GAAkBE,GAAkBD,IAAoBO,EAAQR,GAAkBE,GAAkBD,GAAmB,aAE9H,KAKFI,EAAOI,IAAcD,EAAQC,GAAa,aAAe,KAwCtDF,CAAoBV,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,KAAMN,EAAkBC,EAAiBC,IAC7FmC,EAAW,kBAAoB,IAElCX,KAAK,OACLG,SAAUC,IACR,IAAIF,EAAQE,EAAMW,OAAOb,OAAS,GAC9BQ,IACFR,EAAQA,EAAMQ,eAEhBvC,EAAK6C,cAAc5C,EAAMQ,KAAMsB,IAEjCI,OAAQF,IACNjC,EAAKoC,WAAWH,GAEhB,IAAIF,EAAQE,EAAMW,OAAOb,OAAS,GAC9BQ,IACFR,EAAQA,EAAMQ,eAEhBvC,EAAK6C,cAAc5C,EAAMQ,KAAMsB,EAAMe,QAEpBjC,MAAd4B,GACDA,EAAWV,IAGf7B,UAAWA,EACX4B,aAAa,eACbC,MACG9B,EAAM8B,MAEHQ,EACEtC,EAAM8B,MAAMQ,cACZtC,EAAM8B,MAHR,GAKNgB,SAAUP,EAAW,WAAa,KApEpBH,EAAC1B,EAASH,EAAQI,EAAWT,EAAkBC,EAAiBC,SAEhEQ,IAArBR,QAAsDQ,IAApBT,QAAsDS,IAArBV,GAAiE,IAA/BW,OAAOC,KAAKP,GAAQQ,QAAgD,IAAhCF,OAAOC,KAAKJ,GAASK,YAG7GH,IAA/CL,EAAOL,GAAkBE,SAAmGQ,IAAhEL,EAAOL,GAAkBE,GAAkBD,SACrDS,IAAhDF,EAAQR,GAAkBE,SAAoGQ,IAAjEF,EAAQR,GAAkBE,GAAkBD,IAGrGI,EAAOL,GAAkBE,GAAkBD,IAAoBO,EAAQR,GAAkBE,GAAkBD,GAChHa,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAGzB,KAKFE,EAAOI,IAAcD,EAAQC,GACnCK,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAC3B,KAkDG+B,CAAkBrC,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,KAAMN,EAAkBC,EAAiBC,S,kCCrGzG,qFAuEe2C,IAlEf,SAAsBlD,GACpB,MAAM,SAAEC,EAAQ,KAAEC,EAAI,MAAEC,EAAK,UAAEC,EAAS,YAAEqC,GAAgBzC,EAEpDQ,EAAYC,YAAMP,EAAKQ,OAAQP,EAAMQ,MAc3C,OACEQ,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACC,IAAKC,MAAK,KACTH,IAAAC,cAACG,IAAG,KACD,IACDJ,IAAAC,cAACI,IAAS,CAACC,KAAMxB,IACjBkB,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EAAGC,UAAU,iBAC5BV,IAAAC,cAACyB,IAAK,CACJlC,KAAMR,EAAMQ,KACZwC,GAAG,WACHtB,UACE,wBAvBehB,EAwBKX,EAAKW,QAxBDH,EAwBUR,EAAKQ,OAxBPI,EAwBeX,EAAMQ,KAtB1DD,EAAOI,IAAcD,EAAQC,GAAa,aAAe,MAwBtDiB,KAAK,OACLG,SAAUC,IACR,IAAIF,EAAQE,EAAMW,OAAOb,OAAS,GAC9BQ,IACFR,EAAQA,EAAMQ,eAEhBvC,EAAK6C,cAAc5C,EAAMQ,KAAMsB,IAEjCI,OAAQF,IACNjC,EAAKoC,WAAWH,GAEhB,IAAIF,EAAQE,EAAMW,OAAOb,OAAS,GAC9BQ,IACFR,EAAQA,EAAMQ,eAEhBvC,EAAK6C,cAAc5C,EAAMQ,KAAMsB,EAAMe,SAEvC5C,UAAWA,EACX4B,aAAa,eACbC,MACEQ,EACItC,EAAM8B,MAAMQ,cACZtC,EAAM8B,MACN9B,EAAM8B,MACN,KA7CQM,EAAC1B,EAASH,EAAQI,IAEnCJ,EAAOI,IAAcD,EAAQC,GAClCK,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAC5B,KA4CK+B,CAAkBrC,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,UArDlCC,IAACC,EAASH,EAAQI,I,kCCVhD,yBASesC,IAPf,SAAqBC,GAA6C,IAA5C,KAAE5B,EAAI,gBAAE6B,EAAe,eAAEC,GAAgBF,EAC7D,OACElC,IAAAC,cAAA,OAAKS,UAAW,oBAAsByB,GACpCnC,IAAAC,cAAA,OAAKS,UAAW,aAAe0B,GAAiB9B,M,kCCJtD,oTAiCA,MA6iBM+B,EAAgBC,IAA4C,IAA3C,OAACC,EAAM,OAAEC,EAAM,SAAEC,EAAQ,UAAEC,GAAUJ,EAU1D,OATAtC,IAAM2C,UAAU,KACVH,EAAOI,YAAYC,mBACrBC,YAAM,KACJL,EAASM,aAAoB,yBAC7BlD,OAAOmD,OAAON,EAAkC,uBAAGH,KACnDE,EAASQ,aAAmB,cAAe,CAAC,mBAAqB,QAGpE,CAACT,EAAOI,YAAYC,oBAChB,MAWHK,EAAmBC,IAMlB,IANmB,QACxBC,EAAO,aACPC,EAAY,SACZZ,EAAQ,eACRa,EAAc,aACdC,GACDJ,EAgBC,OAfAnD,IAAM2C,UAAU,KACVW,IACFC,IACAH,EAAQI,QAAQC,eAAc,GAC9BL,EAAQI,QAAQE,eAAeC,KAAKpE,IACI,IAAlCM,OAAO+D,QAAQrE,GAAQQ,SACzB8D,cACAT,EAAQI,QAAQC,eAAc,MAIlChB,EAASqB,aAAa,yBAAyB,MAGhD,CAACT,EAAcC,IACX,MAGHS,EAAkBC,IASjB,IATkB,SACvBvB,EAAQ,QACRW,EAAO,OACPb,EAAM,yBACN0B,EAAwB,iBACxBC,EAAgB,wBAChBC,EAAuB,aACvBC,EAAY,OACZ5B,GACDwB,EACC,MAAMK,EA3CYvD,KAClB,MAAMwD,EAAMtE,IAAMuE,SAIlB,OAHA5B,oBAAU,KACR2B,EAAId,QAAU1C,IAETwD,EAAId,SAsCagB,CAAY,CAClCC,gBAAiBlC,EAAOkC,gBACxBC,uBAAwBnC,EAAOmC,uBAC/BC,iBAAkBpC,EAAOoC,iBACzBC,eAAgBrC,EAAOqC,eACvBC,aAActC,EAAOsC,aACrBC,aAAcvC,EAAOuC,aACrBC,mBAAoBxC,EAAOwC,qBA2J7B,OAxJA/E,IAAM2C,UAAU,KACdF,EAASqB,aAAa,YAAa,IACnC,IAAIkB,EAAsBzC,EAAO0C,gBAUjC,GAPE1C,EAAOmC,6BACa9E,IAApByE,GACA9B,EAAOmC,yBAA2BL,EAAgBK,wBAElDtB,EAAQI,QAAQ5B,cAAc,eAAgBW,EAAO2C,uBAIjCtF,IAApByE,GACA9B,EAAOkC,kBAAoBJ,EAAgBI,kBAEvClC,EAAOkC,iBACe,OAApBrB,EAAQI,UACVJ,EAAQI,QAAQ5B,cACd,mBACAqC,EAAyBiB,kBAE3B9B,EAAQI,QAAQ5B,cACd,eACAqC,EAAyBiB,kBAE3B9B,EAAQI,QAAQ5B,cACd,qBACAqC,EAAyBc,oBAE3B3B,EAAQI,QAAQ5B,cACd,gBACAqC,EAAyBkB,eAE3B/B,EAAQI,QAAQ5B,cACd,iBACAqC,EAAyBmB,gBAE3B3C,EAAS4C,YAAiBpB,EAAyBc,qBACnDtC,EAAS6C,YAAgBrB,EAAyBc,mBAAoBxC,EAAOsC,gBAI5EtC,EAAOkC,iBACc,OAApBrB,EAAQI,UACNS,EAAyBc,oBAAsBb,EAAiBa,oBAElE3B,EAAQI,QAAQ5B,cAAc,mBAAoB,IAClDwB,EAAQI,QAAQ5B,cAAc,eAAgB,IAC9CwB,EAAQI,QAAQ5B,cAAc,qBAAsB,IACpDwB,EAAQI,QAAQ5B,cAAc,gBAAiB,IAC/CwB,EAAQI,QAAQ5B,cAAc,iBAAkB,IAEhDuC,GAAwB,GACxB1B,EAAS4C,YAAiB,KAC1B5C,EAAS6C,YAAgB,GAAI/C,EAAOsC,iBAGpCzB,EAAQI,QAAQ5B,cACd,mBACAsC,EAAiBgB,kBAEnB9B,EAAQI,QAAQ5B,cACd,eACAsC,EAAiBgB,kBAEnB9B,EAAQI,QAAQ5B,cACd,qBACAsC,EAAiBa,oBAEnB3B,EAAQI,QAAQ5B,cACd,gBACAsC,EAAiBiB,eAEnB/B,EAAQI,QAAQ5B,cACd,iBACAsC,EAAiBkB,gBAEnB3C,EAAS4C,YAAiBnB,EAAiBa,qBAC3CtC,EAAS6C,YAAgBpB,EAAiBa,mBAAoBxC,EAAOsC,iBAQ3EzB,EAAQI,QAAQ5B,cAAc,kBAAmB,IACjDwB,EAAQI,QAAQ5B,cAAc,gBAAiB,IAC/CwB,EAAQI,QAAQ5B,cAAc,mBAAoB,IAClDwB,EAAQI,QAAQ5B,cAAc,sBAAuB,IACjDY,EAAO+C,qBAAqBxF,OAAS,GAAG,CAC1C,IAAIyF,EAA0B,GAE9BhD,EAAO+C,qBAAqBE,QAAQ,CAACC,EAAcC,KACjD,IAAIC,EAAiB,GACrBA,EAAeC,MAAQH,EAAaI,SACpCF,EAAeG,WAAavD,EAAOuD,WACnCP,EAAwBQ,KAAKJ,KAG/BK,IACE,iCACAT,EACA,MACA7B,KAAKuC,IACLzD,EAASqB,aAAa,uBAAwB,OAMpD,GAAKtB,EAAO2D,gCACN5D,EAAOsC,cACPtC,EAAOuC,cACPvC,EAAOwC,yBACanF,IAApByE,IACC9B,EAAOsC,eAAiBR,EAAgBQ,cACzCtC,EAAOuC,eAAiBT,EAAgBS,cACxCvC,EAAOwC,qBAAuBV,EAAgBU,oBAClD,CACA,MAAMqB,EAAoC,CACxCC,aAAc9D,EAAOsC,aACrByB,aAAc/D,EAAOuC,aACrByB,KAAMhE,EAAOwC,oBAEftC,EAASM,aAAoB,yBAA0BR,IACvDE,EACE+D,YACEJ,EACAjC,IAIJ1B,EAASqB,aAAa,kCAAkC,IAK1D,IAAI,iBAAE2C,GAAqBrC,EACvBsC,EAAiBD,EAAiBE,KAAKC,GAAKA,EAAEC,MAAQ7B,GAC1DvC,EAASqB,aAAa,0BAA6ClE,MAAlB8G,EAA8BA,EAAeG,KAAO,MAGpG,CACDtE,EAAOkC,gBACPlC,EAAO2C,iBACP3C,EAAOoC,iBACPpC,EAAOsC,aACPtC,EAAOwC,mBACPxC,EAAOuC,eAEF,MAGMgC,UA1wBD5E,IAAmB,IAAlB,SAAE6E,GAAU7E,EACzB,MAAMM,EAASwE,YAAYC,GAASA,EAAMzE,OAAQ0E,KAC5CxE,EAAYsE,YAAYC,GAASA,EAAMvE,UAAWwE,KAClD9C,EAAe4C,YAAYC,GAASA,EAAM7C,aAAc8C,KACxDC,EAAWH,YACfC,GAASA,EAAMzE,OAAO4E,eAAeD,SACrCD,KAEIzE,EAAW4E,cACXjE,EAAUpD,IAAMuE,SAChB+C,EAAmB9E,EAAO8E,kBAE1B,iBAAEb,GAAqBrC,GAEtBmD,EAAsBpD,GAA2BnE,IAAMwH,UAAS,IAChEC,EAAqBC,GAA0B1H,IAAMwH,SAAS,IAErE7E,oBAAU,KAER,GAAIH,EAAOmF,gBAAkBC,IAC7B,CAEE,MAAMC,EAAiBC,EACrBtF,EAAOuF,mBAETL,EAAuBG,GACvBpF,EAASqB,aAAa,aAAc+D,IACpCG,MAIFvF,EAASwF,YAAqBL,IAAqC,0BAEnEI,IAAyCvF,EAAUsE,EAASmB,OAE3D,IAEH,MAAMC,EAAeC,WAAaC,MAAM,CACtCxD,aAAcuD,WACXrI,OAAO,EAAGuI,MACVC,SAASD,MAIZxD,aAAcsD,WACXG,SAASD,KACTE,QAAQC,IAAmBH,KAC9BvD,mBAAoBqD,WAAaM,KAAK,sBAAuB,CAC3DC,IAAI,EACJhF,KAAMyE,WACHG,SAASD,KACTE,QAAQC,IAAmBH,KAC9BM,UAAWR,WACRG,SAASD,KACTO,IAAI,GAAIP,OAEbnD,cAAeiD,WACZG,SAASD,KACTQ,MAAMR,KACTlD,eAAgBgD,WACbG,SAASD,KACTE,QAAQC,IAAqBH,KAChC3D,iBAAkByD,SAAWG,SAASD,MACtC1D,eAAgBwD,SACbG,SAASD,MACTS,KAAK,iBAAkBT,KAA6BxH,GAC5B,OAApBsC,EAAQI,SACFwE,IACL5E,EAAQI,QAAQjB,OAAOoC,iBACvB7D,IAIRkI,sBAAuBZ,WAAaM,KAAK,aAAc,CACrDC,GAAIM,IAAe,IAARA,EACXtF,KAAMyE,WAAaG,SAASD,QAE9BY,iBAAkBd,WACfW,KAAK,mBAAoBT,KAA+BxH,IACvD,GAAuB,OAApBsC,EAAQI,QAAkB,CAE3B,QADiB2F,KAAKC,IAAIpB,IAAsC,IAAIqB,KAAKjG,EAAQI,QAAQjB,OAAOqC,gBAAgB0E,SAAS,EAAE,EAAE,EAAE,IAAI,IAAID,MAAOC,SAAS,EAAE,EAAE,EAAE,KAC3I,UACF1J,IAAVkB,GAAgC,IAATA,EAGtB,OAAQ,IAErByI,cAAenB,WACdW,KAAK,gBAAiBT,IAA+BxH,GACxC,IAATA,GAAwBlB,MAATkB,MACV0B,EAAOgH,YAAchH,EAAOiH,SAAgC,OAApBrG,EAAQI,UAAqBJ,EAAQI,QAAQjB,OAAOmH,sBAKtGC,iBAAkBvB,WACfW,KAAK,mBAAoBT,KAC1B,SAASxH,GACP,OAAmB,OAAhB8I,KAAKC,aAAmDjK,IAAhCgK,KAAKC,OAAO5E,iBAAgE,gBAA/B2E,KAAKC,OAAO5E,sBACpErF,IAAVkB,GAAgC,IAATA,KAIjCgJ,oBAAqB1B,WACpBW,KAAK,sBAAuBT,KAC3B,SAASxH,GACP,OAAmB,OAAhB8I,KAAKC,aAAmDjK,IAAhCgK,KAAKC,OAAO5E,iBAAgE,gBAA/B2E,KAAKC,OAAO5E,sBACpErF,IAAVkB,GAAgC,IAATA,OAM7BgH,EAAqBC,IACzB,IAAIgC,EAAK,IAAIV,KASb,OAAOtB,GAPL,GACAgC,EAAGC,UACHD,EAAGE,WACHF,EAAGG,UACHH,EAAGI,WACHJ,EAAGK,aACHL,EAAGM,eAIP,OACErK,IAAAC,cAACqK,IAAM,CACLC,cAAe1K,OAAOmD,OACpB,CACEkC,iBAAkB,GAClBL,aAAc,GACdJ,gBAAiB,GACjBK,aAAc,GACdJ,wBAAwB,EACxBK,mBAAoB,GACpByF,YAAa,GACbjB,cAAe,GACftE,gBAAiB,GACjB0E,iBAAkB,GAClBG,oBAAqB,GACrB3E,cAAe,GACfC,eAAgB,GAChBT,iBAAkB,GAClBC,eAAgB,GAChB6F,qBAAsB,GACtBC,mBAAoB,GACpBhB,qBAAqB,EACrBiB,YAAY,EACZzB,iBAAkB,IAEpBxG,EAAkC,wBAEpCkI,oBAAoB,EACpBC,iBAAkB1C,EAClB2C,iBAAiB,EACjBC,SAAU3H,EACV4H,SAAUA,CAACzI,EAAQ0I,KAEjB,GAAI9D,GAAY3E,EAAOgH,YAAchH,EAAOiH,UAAYlH,EAAOmH,oBAAqB,CAClFjH,EAASM,aAAoB,yBAA0BR,IACvDE,EAASwF,YAAqBL,IAAiC,mBAC/DnF,EAASqB,aAAa,eAAe,IAErC,MAAMoH,EAA4B,CAChC7E,aAAc9D,EAAOsC,aACrBsG,iBAAkB5I,EAAO2C,iBACzBoB,aAAc/D,EAAOuC,aACrByB,KAAMhE,EAAOwC,mBACbqG,eAAgB,GAChBC,UAAW5D,GAGb,IAAI6D,GAAoB,EACkC,IAAtD9I,EAAOyB,yBAAyBc,qBAEhCxC,EAAOkC,iBACPlC,EAAOwC,oBACLvC,EAAOyB,yBAAyBc,mBAElCuG,GAAoB,EAEnB/I,EAAOkC,iBACRlC,EAAOwC,oBACLvC,EAAOyB,yBAAyBc,qBAElCuG,GAAoB,IAIxB7I,EAAS8I,YAAcL,EAA2B3I,EAAOoC,iBAAkBpC,EAAOqC,eAAgB0G,SAElGE,gBAIHC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,IAAC,aAAEtI,EAAY,aAAEF,EAAY,QAAEyI,EAAO,OAAEvJ,EAAM,OAAEhD,GAAQkM,EAAA,OACvDzL,IAAAC,cAAC8L,IAAU,CAACf,SAAUzH,GACpBvD,IAAAC,cAACG,IAAG,KACFJ,IAAAC,cAAA,OAAKS,UAAU,qBAAoB,UACzB8B,EAAOwJ,eAAe,WAEhChM,IAAAC,cAAA,OAAKS,UAAW,iBACdV,IAAAC,cAACgC,IAAY,CACX3B,KAAM,2CACN8B,eAAgB,aAElBpC,IAAAC,cAACgC,IAAY,CAAC3B,KAAM,uBACpBN,IAAAC,cAACM,IAAG,CACFC,GAAI,CAAEyL,KAAM,GAAIC,OAAQ,GACxBzL,GAAI,CAAEwL,KAAM,GAAIC,OAAQ,GACxBxL,UAAU,iBAEVV,IAAAC,cAAA,WAEED,IAAAC,cAACyB,IAAK,CACJ5C,SAAU,wBACVU,KAAK,sBACL2M,UAAWC,MAGbpM,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,gBACTG,UAAW,GACXO,KAAK,eACL8B,aAAa,EACb6K,UAAW9K,IACXE,SACE+F,GACmD,QAAlD5E,EAAU2J,uBAAuBC,gBAKV,IAA3B/J,EAAOkC,iBACNzE,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACyB,IAAK,CACJ5C,SAAU,uCACVU,KAAK,kBACL2M,UAAWI,QAIW,IAA3BhK,EAAOkC,iBACNzE,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACyB,IAAK,CACJ5C,SACE,yJAEFU,KAAK,kBACL2M,UAAWI,OAKW,KAA3BhK,EAAOkC,iBACNzE,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,wCACTU,KAAK,sBACL2M,UAAWI,IACXC,cAAeA,KACbpJ,EAAQI,QAAQ5B,cAAc,kBAAmB,IACjDwB,EAAQI,QAAQ5B,cAAc,gBAAiB,IAC/CwB,EAAQI,QAAQ5B,cAAc,mBAAoB,IAClDwB,EAAQI,QAAQ5B,cAAc,sBAAuB,OAGzD5B,IAAAC,cAACyB,IAAK,CACJ5C,SAAWyD,EAAOkC,gBAAkB,YAAc,uBAClDxF,UAAW,IACXO,KAAK,eACL8B,aAAa,EACb6K,UAAW9K,IACXE,YACEgB,EAAOkC,iBAEL,QADF/B,EAAU2J,uBAAuBC,gBAMrCtM,IAAAC,cAACyB,IAAK,CACJ5C,SACEyD,EAAOmH,oBACHnH,EAAOkC,gBACL,eACA,sBACF,kBAENxF,UAAW,GACXO,KAAK,qBACL8B,aAAa,EACb6K,UAAW9K,IACXE,YACEgB,EAAOkC,iBAEL,QADF/B,EAAU2J,uBAAuBC,cAKnC9K,WAAaV,IAET2B,EAAS4C,YAAiBvE,IAC1B2B,EAAS6C,YAAgBxE,EAAOsC,EAAQI,QAAQjB,OAAOsC,eACvDzB,EAAQI,QAAQ5B,cAAc,kBAAmB,IACjDwB,EAAQI,QAAQ5B,cAAc,gBAAiB,IAC/CwB,EAAQI,QAAQ5B,cAAc,mBAAoB,IAClDwB,EAAQI,QAAQ5B,cAAc,sBAAuB,QAGzDY,EAAOgH,aAAehH,EAAOiH,SAAWlH,EAAOmH,qBAC/C1J,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,qBACTU,KAAK,gBACL2M,UAAWM,IACXC,aAAc,cACdC,aAAclG,EACdmG,mBAAmB,OACnBC,gBAAgB,kBAChBC,kBAAmBA,CAACC,EAAaC,KAC/BvK,EAASqB,aAAa,0BAA2BkJ,OAGrDhN,IAAAC,cAACgN,IAAc9M,MAAK,KAClBH,IAAAC,cAACG,IAAG,KACFJ,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EACfC,UAAW,uCAAyCyG,EAAW,OAAS,IACxE+F,QAASA,IAAMzK,EAAS0K,YAAqB,aAC7CC,KAAK,SAASC,MAAO,CAACC,KAAK,MAC3BC,SAAS,KAERhL,EAAOkC,iBACRzE,IAAAC,cAAAD,IAAAyB,SAAA,KAAG,2DAEDc,EAAOkC,iBACTzE,IAAAC,cAAAD,IAAAyB,SAAA,KAAG,+EAKmB,gBAA1Bc,EAAO0C,iBAA2E,GAAtCzC,EAAO+C,qBAAqBxF,SACxEC,IAAAC,cAAAD,IAAAyB,SAAA,KAC6B,gBAA1Bc,EAAO0C,iBACNjF,IAAAC,cAAAD,IAAAyB,SAAA,KACEzB,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,YACTG,UAAW,IACXO,KAAK,mBACL2M,UAAW9K,MAEbrB,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,eACTG,UAAW,IACXO,KAAK,sBACL2M,UAAW9K,OAIjBrB,IAAAC,cAACgN,IAAc9M,MAAK,KAChBH,IAAAC,cAACG,IAAG,KACAJ,IAAAC,cAACI,IAAS,CAACC,KAAM,0BACjBN,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EAAGC,UAAU,iBAExBV,IAAAC,cAACuN,IAAkB,CACjBC,WAAsD,QAA5C/B,EAAElJ,EAAOkL,sBAAsB,GAAGD,kBAAU,IAAA/B,IAAI,EAC1DiC,aAAyD,QAA7ChC,EAAEnJ,EAAOkL,sBAAsB,GAAGX,mBAAW,IAAApB,IAAI,GAC7DiC,iBAAkE,QAAlDhC,EAAEpJ,EAAOkL,sBAAsB,GAAGE,wBAAgB,IAAAhC,IAAI,EACtEiC,mBAAoB,wBACpBC,YAAa,aAUrC9N,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,QACTG,UAAW,IACXO,KAAK,gBACL2M,UAAW9K,MAEbrB,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,aACTG,UAAW,GACXO,KAAK,iBACL2M,UAAWvN,MAGc,gBAA1B2D,EAAO0C,iBACNjF,IAAAC,cAACgN,IAAc9M,MAAK,KAChBH,IAAAC,cAACG,IAAG,KACAJ,IAAAC,cAAA,OAAKS,UAAW,+CACf6B,EAAOkC,iBACNzE,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,UAAU,oCAC/BV,IAAAC,cAAA,QAAMS,UAAU,kBAAiB,mBAAsB,IAACV,IAAAC,cAAA,WAAK,8JAM7DsC,EAAOkC,iBACPzE,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,UAAU,oCAC/BV,IAAAC,cAAA,QAAMS,UAAU,kBAAiB,mBAAsB,IAACV,IAAAC,cAAA,WAAK,2JAS9C,qBAA1BsC,EAAO0C,iBACNjF,IAAAC,cAACgN,IAAc9M,MAAK,KAChBH,IAAAC,cAACG,IAAG,KACAJ,IAAAC,cAAA,OAAKS,UAAW,+CACf6B,EAAOkC,iBACNzE,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,UAAU,oCAC/BV,IAAAC,cAAA,QAAMS,UAAU,kBAAiB,mBAAsB,IAACV,IAAAC,cAAA,WAAK,oJAM7DsC,EAAOkC,iBACPzE,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,GAAIC,UAAU,oCAC/BV,IAAAC,cAAA,QAAMS,UAAU,kBAAiB,mBAAsB,IAACV,IAAAC,cAAA,WAAK,iJAcnFD,IAAAC,cAAA,OAAKS,UAAW,kBACdV,IAAAC,cAACgC,IAAY,CAAC3B,KAAM,iBACpBN,IAAAC,cAAA,OAAKS,UAAU,iBACbV,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,aACTU,KAAK,mBACL2M,UAAW4B,IACXC,cAAetL,EAAU2J,uBAAuB4B,cAChDC,aAAcxL,EAAU2J,uBAAuB8B,YAC/CC,iBAAiB,EACjB7M,SAAUgG,IAEZvH,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,WACTU,KAAK,iBACL2M,UAAW4B,IACXC,cAAetL,EAAU2J,uBAAuB4B,cAChDC,aAAcxL,EAAU2J,uBAAuB8B,YAC/CC,iBAAiB,EACjB7M,SAAUgG,MAId4B,KAAKC,IAAIpB,IAAsC,IAAIqB,KAA0B,QAAtBwC,EAACtJ,EAAOqC,sBAAc,IAAAiH,IAAI,IAAIxC,MAAQC,SAAS,EAAE,EAAE,EAAE,IAAI,IAAID,MAAOC,SAAS,EAAE,EAAE,EAAE,KAAO,IAAQtJ,IAAAC,cAAAD,IAAAyB,SAAA,KACzJzB,IAAAC,cAAA,OAAKS,UAAW,+BACdV,IAAAC,cAAA,OAAKS,UAAU,iBAEbV,IAAAC,cAACyB,IAAK,CACJ5C,SAAU,wBACVU,KAAK,uBACL2M,UAAWC,MAEbpM,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,yHACTG,UAAW,IACXO,KAAK,mBACL8B,aAAa,EACb6K,UAAWpK,SAMnB/B,IAAAC,cAAA,OAAKS,UAAW,sCACdV,IAAAC,cAAA,OAAKS,UAAU,iBACbV,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,uGACTU,KAAK,aACL2M,UAAWI,MAEZhK,EAAOoI,YACN3K,IAAAC,cAAAD,IAAAyB,SAAA,KAEEzB,IAAAC,cAACyB,IAAK,CACJ5C,SAAU,wBACVU,KAAK,uBACL2M,UAAWC,MAEbpM,IAAAC,cAACyB,IAAK,CACJ5C,SAAS,yBACTG,UAAW,GACXO,KAAK,wBACL8B,aAAa,EACb6K,UAAW9K,UAkBvBrB,IAAAC,cAACiD,EAAgB,CACfE,QAASA,EACTC,aAAcA,EACdZ,SAAUA,EACVa,eAAgBd,EAAO6L,sBACvB9K,aAAcA,IAEhBvD,IAAAC,cAAC8D,EAAe,CACdtB,SAAUA,EACVW,QAASA,EACTb,OAAQA,EACR0B,yBAA0BzB,EAAOyB,yBACjCC,iBAAkB1B,EAAO0B,iBACzBC,wBAAyBA,EACzBC,aAAcA,EACd5B,OAAQA,IAEVxC,IAAAC,cAACoC,EAAa,CACZI,SAAUA,EACVF,OAAQA,EACRC,OAAQA,EACRE,UAAWA,S,kCCpkBvB,qFAyEe0J,IApEf,SAAsCvN,GACpC,MAAM,SAAEC,EAAQ,KAAEC,EAAI,MAAEC,EAAK,YAAEsC,GAAgBzC,EAEzCQ,EAAYC,YAAMP,EAAKQ,OAAQP,EAAMQ,MAErCC,EAAsBA,CAACC,EAASH,EAAQI,IAErCJ,EAAOI,IAAcD,EAAQC,GAAa,aAAe,KAUlE,OACEK,IAAAC,cAAA,OACEoN,MAAO,CAAEiB,SAAU,SAAUC,OAAQ,MAAOC,WAAY,eACxDC,mBAAkB,yCAElBzO,IAAAC,cAACC,IAAKC,MAAK,KACTH,IAAAC,cAACG,IAAG,KACFJ,IAAAC,cAACI,IAAS,CAACC,KAAMxB,IACjBkB,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EAAGC,UAAU,iBAC5BV,IAAAC,cAACyB,IAAK,CACJlC,KAAMR,EAAMQ,KAAO,yBACnBkB,UACE,YACAjB,EAAoBV,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,MAEvDoB,KAAK,OACLC,aAAa,WACbC,MACEQ,EACItC,EAAM8B,MAAMQ,cACZtC,EAAM8B,MACN9B,EAAM8B,MACN,GAENgB,UAAQ,IAEV9B,IAAAC,cAACyB,IAAK,CACJlC,KAAMR,EAAMQ,KAAO,yBACnBkB,UACE,YACAjB,EAAoBV,EAAKW,QAASX,EAAKQ,OAAQP,EAAMQ,MAEvDoB,KAAK,WACLC,aAAa,WACbC,MACEQ,EACItC,EAAM8B,MAAMQ,cACZtC,EAAM8B,MACN9B,EAAM8B,MACN,GAENgB,UAAQ,KAhDOpC,EAkDEX,EAAKW,QAlDEH,EAkDOR,EAAKQ,OAlDJI,EAkDYX,EAAMQ,KAhDrDD,EAAOI,IAAcD,EAAQC,GAClCK,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAC5B,UAJoB+B,IAAC1B,EAASH,EAAQI,I,kCCf9C,iGAsGe8M,IAjGf,SAA2B5N,GACvB,MAAM,SACFC,EAAQ,KACRC,EAAI,MACJC,EAAK,aACL2N,EAAY,aACZD,EAAY,gBACZG,EAAe,mBACfD,EAAkB,kBAClBE,EAAiB,iBACjB5N,EAAgB,gBAChBC,EAAe,iBACfC,GACAP,EAEEQ,EAAYC,YAAMP,EAAKQ,OAAQP,EAAMQ,MAoC3C,OACIQ,IAAAC,cAAAD,IAAAyB,SAAA,KACIzB,IAAAC,cAACC,IAAKC,MAAK,KACPH,IAAAC,cAACG,IAAG,KACAJ,IAAAC,cAACI,IAAS,CAACC,KAAMxB,IACjBkB,IAAAC,cAACM,IAAG,CAACC,GAAI,GAAIC,GAAI,EAAGC,UAAU,iBAC1BV,IAAAC,cAACyO,IAAQ,CAAChO,UAAU,YAChBV,IAAAC,cAACyO,IAASC,OAAM,CAACjO,UAAU,kEACtB1B,EAAM8B,OAGXd,IAAAC,cAACyO,IAASE,KAAI,CAAClO,UAAU,8BACpBiM,EAAakC,IAAI,CAACC,EAAMC,IACrB/O,IAAAC,cAACD,IAAMyB,SAAQ,CAACsN,IAAKA,GACjB/O,IAAAC,cAACyO,IAASM,KAAI,CACV9B,QAASlM,IAxBrBiO,IAACC,EAAUC,EAAVD,EA4BmBJ,EAAKpC,GA5BdyC,EA6BSL,EAAKlC,GA5BjD7N,EAAK6C,cAAc5C,EAAMQ,KAAM0P,GAC3BrC,GAAmBsC,EACnBpQ,EAAK6C,cAAciL,EAAiBsC,GAC7BtC,IAAoBsC,GAC3BpQ,EAAK6C,cAAciL,EAAiB,IA2BwBjN,MAArBkN,GACCA,EACIgC,EAAKpC,GACLoC,EAAKlC,MAKhBkC,EAAKpC,IAEV1M,IAAAC,cAACyO,IAASU,QAAO,WAlE1B1P,EAuEYX,EAAKW,QAvERH,EAuEiBR,EAAKQ,OAvEdI,EAuEsBX,EAAMQ,UAtE5CI,IAArBR,QAAsDQ,IAApBT,QAAsDS,IAArBV,GAAiE,IAA/BW,OAAOC,KAAKP,GAAQQ,QAAgD,IAAhCF,OAAOC,KAAKJ,GAASK,YAG3GH,IAA/CL,EAAOL,GAAkBE,SAAmGQ,IAAhEL,EAAOL,GAAkBE,GAAkBD,SACnDS,IAAhDF,EAAQR,GAAkBE,SAAoGQ,IAAjEF,EAAQR,GAAkBE,GAAkBD,IAGrGI,EAAOL,GAAkBE,GAAkBD,IAAoBO,EAAQR,GAAkBE,GAAkBD,GAClHa,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAIzB,KAKFE,EAAOI,IAAcD,EAAQC,GAChCK,IAAAC,cAAA,QAAMS,UAAU,cAAcrB,GAC9B,UApBc+B,IAAC1B,EAASH,EAAQI,I,kCCvBhD,yEAyFe4M,IApFf,SAAwBrK,GAAgB,OAAVrD,GAAOqD,EACnC,MAAM,SAAEpD,EAAQ,KAAEC,EAAI,MAAEC,EAAK,cAAEwN,GAAkB3N,EAE3CU,EAASD,YAAMP,EAAKQ,OAAQP,EAAMQ,MAClCE,EAAUJ,YAAMP,EAAKW,QAASV,EAAMQ,MAEpC6P,EAAoBA,CAACC,EAAYC,KACrCxQ,EAAK6C,cAAc0N,EAAYC,IAGjC,OACEvP,IAAAC,cAAA,OAAKS,UAAU,oBACbV,IAAAC,cAACG,IAAG,KACFJ,IAAAC,cAACI,IAAS,CAACC,KAAMxB,EAAU4B,UAAU,2BACrCV,IAAAC,cAACM,IAAG,CAACE,GAAI,EAAGD,GAAI,GAAIE,UAAU,iBAC5BV,IAAAC,cAACM,IAAG,CACFE,GAAI,EACJD,GAAI,EACJE,UACE,6GACC1B,EAAM8B,MAAQ,OAAS,IAE1BoM,QAASA,KACPmC,EAAkBrQ,EAAMQ,MAAM,IAEhC4N,KAAK,SACLG,SAAS,KAETvN,IAAAC,cAAA,SAAG,QAELD,IAAAC,cAACM,IAAG,CACFE,GAAI,EACJD,GAAI,EACJE,UACE,+GACiB,IAAhB1B,EAAM8B,MAAkB,OAAS,IAEpCoM,QAASlM,IACPqO,EAAkBrQ,EAAMQ,MAAM,GAEVI,MAAjB4M,GACDA,KAGJY,KAAK,SACLG,SAAS,KAETvN,IAAAC,cAAA,SAAG,OAEJV,GAAUG,GAAWM,IAAAC,cAAA,QAAMS,UAAU,cAAcnB","file":"component---src-pages-index-js-6e03a3fe3837cd52479f.js","sourcesContent":["import React from \"react\"\r\nimport { Col, Row, Form } from \"react-bootstrap\"\r\nimport { getIn } from \"formik\"\r\nimport FormLabel from \"./formLabel\"\r\nimport NumberFormat from \"react-number-format\"\r\n\r\nfunction FormMobileTextBox(props) {\r\n  const { textDesc, form, field, maxLength, handleErrorArray, handleErrorName, handleErrorIndex } = props\r\n\r\n  const errorsMsg = getIn(form.errors, field.name)\r\n\r\n  const inputErrorClassName = (touched, errors, inputName, handleErrorArray, handleErrorName, handleErrorIndex) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    if(handleErrorIndex !== undefined && handleErrorName !== undefined && handleErrorArray !== undefined && Object.keys(errors).length !== 0 && Object.keys(touched).length !== 0){\r\n      \r\n      //special handler for array form formik\r\n      if(errors[handleErrorArray][handleErrorIndex] !== undefined && errors[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined \r\n        && touched[handleErrorArray][handleErrorIndex] !== undefined && touched[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined){\r\n        \r\n        //when field have value inside formik error & touched, only then show input error UI\r\n        return errors[handleErrorArray][handleErrorIndex][handleErrorName] && touched[handleErrorArray][handleErrorIndex][handleErrorName] ? \"mobileError\" : null\r\n      }else{\r\n        return null\r\n      }\r\n\r\n    } else {\r\n      //normal field validation\r\n      return errors[inputName] && touched[inputName] ? \"mobileError\" : null\r\n    }\r\n  }\r\n\r\n  const inputErrorMessage = (touched, errors, inputName, handleErrorArray, handleErrorName, handleErrorIndex) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    if(handleErrorIndex !== undefined && handleErrorName !== undefined && handleErrorArray !== undefined && Object.keys(errors).length !== 0 && Object.keys(touched).length !== 0){   \r\n      \r\n      //special handler for array form formik\r\n      if(errors[handleErrorArray][handleErrorIndex] !== undefined && errors[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined \r\n        && touched[handleErrorArray][handleErrorIndex] !== undefined && touched[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined){\r\n        \r\n        //when field have value inside formik error & touched, only then show input error UI\r\n        return errors[handleErrorArray][handleErrorIndex][handleErrorName] && touched[handleErrorArray][handleErrorIndex][handleErrorName] ? (\r\n          <span className=\"InputError\">{errorsMsg}</span>\r\n        ) : null\r\n      } else {\r\n        return null\r\n      }\r\n    \r\n    } else {\r\n      //normal field validation\r\n      return errors[inputName] && touched[inputName] ? (\r\n        <span className=\"InputError\">{errorsMsg}</span>\r\n      ) : null\r\n    }\r\n\r\n  }\r\n\r\n  return (\r\n    <Form.Group>\r\n      <Row>\r\n        <FormLabel text={textDesc} />\r\n        <Col xs={12} md={6} className=\"marginTop10px mobileInput\">\r\n          <Col\r\n            xs={3}\r\n            md={3}\r\n            className={\r\n              \"mobilePrefix \" +\r\n              inputErrorClassName(form.touched, form.errors, field.name, handleErrorArray, handleErrorName, handleErrorIndex)\r\n            }\r\n          >\r\n            <span className=\"ReviewEditButton\">+65 </span>\r\n          </Col>\r\n          <NumberFormat\r\n            name={field.name}\r\n            className={\r\n              \"col-9 mobileInputbox \" +\r\n              inputErrorClassName(form.touched, form.errors, field.name, handleErrorArray, handleErrorName, handleErrorIndex)\r\n            }\r\n            type=\"text\"\r\n            maxLength={maxLength}\r\n           autoComplete=\"new-password\" \r\nvalue={field.value || \"\"}\r\n            onChange={event => {\r\n              form.handleChange(event)\r\n            }}\r\n            onBlur={event => {\r\n              form.handleBlur(event)\r\n            }}\r\n          />\r\n          {inputErrorMessage(form.touched, form.errors, field.name, handleErrorArray, handleErrorName, handleErrorIndex)}\r\n        </Col>\r\n      </Row>\r\n    </Form.Group>\r\n  )\r\n}\r\nexport default FormMobileTextBox\r\n","import React from \"react\"\r\nimport { Col, Row, Form } from \"react-bootstrap\"\r\nimport { Field, getIn } from \"formik\"\r\nimport FormLabel from \"./formLabel\"\r\n\r\nfunction FormTextbox(props) {\r\n  const { textDesc, form, field, maxLength, toUpperCase, disabled, customBlur, handleErrorArray, handleErrorName, handleErrorIndex } = props\r\n\r\n  const errorsMsg = getIn(form.errors, field.name)\r\n\r\n  const inputErrorClassName = (touched, errors, inputName, handleErrorArray, handleErrorName, handleErrorIndex) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    if(handleErrorIndex !== undefined && handleErrorName !== undefined && handleErrorArray !== undefined && Object.keys(errors).length !== 0 && Object.keys(touched).length !== 0){\r\n      \r\n      //special handler for array form formik\r\n      if(errors[handleErrorArray][handleErrorIndex] !== undefined && errors[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined \r\n        && touched[handleErrorArray][handleErrorIndex] !== undefined && touched[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined){\r\n        \r\n          //when field have value inside formik error & touched, only then show input error UI\r\n        return errors[handleErrorArray][handleErrorIndex][handleErrorName] && touched[handleErrorArray][handleErrorIndex][handleErrorName] ? \"is-invalid\" : null\r\n      }else{\r\n        return null\r\n      }\r\n\r\n    } else {\r\n      //normal field validation\r\n      return errors[inputName] && touched[inputName] ? \"is-invalid\" : null\r\n    }\r\n\r\n  }\r\n\r\n  const inputErrorMessage = (touched, errors, inputName, handleErrorArray, handleErrorName, handleErrorIndex) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    if(handleErrorIndex !== undefined && handleErrorName !== undefined && handleErrorArray !== undefined && Object.keys(errors).length !== 0 && Object.keys(touched).length !== 0){   \r\n      \r\n      //special handler for array form formik\r\n      if(errors[handleErrorArray][handleErrorIndex] !== undefined && errors[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined \r\n        && touched[handleErrorArray][handleErrorIndex] !== undefined && touched[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined){\r\n        \r\n        //when field have value inside formik error & touched, only then show input error UI\r\n        return errors[handleErrorArray][handleErrorIndex][handleErrorName] && touched[handleErrorArray][handleErrorIndex][handleErrorName] ? (\r\n          <span className=\"InputError\">{errorsMsg}</span>\r\n        ) : null\r\n      } else {\r\n        return null\r\n      }\r\n    \r\n    } else {\r\n      //normal field validation\r\n      return errors[inputName] && touched[inputName] ? (\r\n       <span className=\"InputError\">{errorsMsg}</span>\r\n      ) : null\r\n    }\r\n \r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Form.Group>\r\n        <Row>\r\n          <FormLabel text={textDesc} />\r\n          <Col xs={12} md={6} className=\"marginTop10px\">\r\n            <Field\r\n              name={field.name}\r\n              className={\r\n                \"inputbox \" +\r\n                inputErrorClassName(form.touched, form.errors, field.name, handleErrorArray, handleErrorName, handleErrorIndex) +\r\n                (disabled ? \" disableBGcolor\" : \"\")\r\n              }\r\n              type=\"text\"\r\n              onChange={event => {\r\n                let value = event.target.value || \"\"\r\n                if (toUpperCase) {\r\n                  value = value.toUpperCase()\r\n                }\r\n                form.setFieldValue(field.name, value)\r\n              }}\r\n              onBlur={event => {\r\n                form.handleBlur(event)\r\n\r\n                let value = event.target.value || \"\"\r\n                if (toUpperCase) {\r\n                  value = value.toUpperCase()\r\n                }\r\n                form.setFieldValue(field.name, value.trim()) // Trim field value when blur\r\n\r\n                if(customBlur != undefined){\r\n                  customBlur(value)\r\n                }\r\n              }}\r\n              maxLength={maxLength}\r\n              autoComplete=\"new-password\"\r\n              value={\r\n                !field.value\r\n                  ? \"\"\r\n                  : toUpperCase\r\n                    ? field.value.toUpperCase()\r\n                    : field.value\r\n              }\r\n              readOnly={disabled ? \"readOnly\" : \"\"}\r\n            />\r\n            {inputErrorMessage(form.touched, form.errors, field.name, handleErrorArray, handleErrorName, handleErrorIndex)}\r\n          </Col>\r\n        </Row>\r\n      </Form.Group>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default FormTextbox\r\n","import React from \"react\"\r\nimport { Col, Row, Form } from \"react-bootstrap\"\r\nimport { Field, getIn } from \"formik\"\r\nimport FormLabel from \"./formLabel\"\r\n\r\nfunction FormTextArea(props) {\r\n  const { textDesc, form, field, maxLength, toUpperCase } = props\r\n\r\n  const errorsMsg = getIn(form.errors, field.name)\r\n\r\n  const inputErrorClassName = (touched, errors, inputName) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    return errors[inputName] && touched[inputName] ? \"is-invalid\" : null\r\n  }\r\n\r\n  const inputErrorMessage = (touched, errors, inputName) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    return errors[inputName] && touched[inputName] ? (\r\n      <span className=\"InputError\">{errorsMsg}</span>\r\n    ) : null\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Form.Group>\r\n        <Row>\r\n          {\" \"}\r\n          <FormLabel text={textDesc} />\r\n          <Col xs={12} md={6} className=\"marginTop10px\">\r\n            <Field\r\n              name={field.name}\r\n              as=\"textarea\"\r\n              className={\r\n                \"d-block textareabox \" +\r\n                inputErrorClassName(form.touched, form.errors, field.name)\r\n              }\r\n              type=\"text\"\r\n              onChange={event => {\r\n                let value = event.target.value || \"\"\r\n                if (toUpperCase) {\r\n                  value = value.toUpperCase()\r\n                }\r\n                form.setFieldValue(field.name, value)\r\n              }}\r\n              onBlur={event => {\r\n                form.handleBlur(event)\r\n\r\n                let value = event.target.value || \"\"\r\n                if (toUpperCase) {\r\n                  value = value.toUpperCase()\r\n                }\r\n                form.setFieldValue(field.name, value.trim()) // Trim field value when blur\r\n              }}\r\n              maxLength={maxLength}\r\n              autoComplete=\"new-password\"\r\n              value={\r\n                toUpperCase\r\n                  ? field.value.toUpperCase()\r\n                  : field.value\r\n                  ? field.value\r\n                  : \"\"\r\n              }\r\n            />\r\n            {inputErrorMessage(form.touched, form.errors, field.name)}\r\n          </Col>\r\n        </Row>\r\n      </Form.Group>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default FormTextArea\r\n","import React from \"react\"\r\n\r\nfunction FormSubTitle({ text, parentClassName, childClassName }) {\r\n  return (\r\n    <div className={\"marginBottom16px \" + parentClassName}>\r\n      <div className={\"titleText \" + childClassName}>{text}</div>\r\n    </div>\r\n  )\r\n}\r\nexport default FormSubTitle\r\n","\r\nimport { Field, Formik, Form as FormikForm } from \"formik\"\r\nimport React, { useEffect } from \"react\"\r\nimport { Col, Row, Form as FormBootstrap  } from \"react-bootstrap\"\r\nimport { shallowEqual, useDispatch, useSelector, batch } from \"react-redux\"\r\nimport * as Yup from \"yup\"\r\nimport * as Constants from \"../common/constants\"\r\nimport * as ErrorMessage from \"../common/errorMessage\"\r\nimport * as CommonFunction from \"../common/function\"\r\nimport * as Regex from \"../common/regex\"\r\nimport DropzoneSingleFile from \"../components/dropzoneSingleFile\"\r\nimport FormDatePickerTextBox from \"../components/shared/formDatePickerTextBox\"\r\nimport FormDropdownArray from \"../components/shared/formDropdownArray\"\r\nimport FormFieldDisableAutoComplete from \"../components/shared/formFieldDisableAutoComplete\"\r\nimport FormLabel from \"../components/shared/formLabel\"\r\nimport FormMobileTextBox from \"../components/shared/formMobileTextBox\"\r\nimport FormRadioButton from \"../components/shared/formRadioButton\"\r\nimport FormSubTitle from \"../components/shared/formSubTitle\"\r\nimport FormTextbox from \"../components/shared/formTextbox\"\r\nimport FormTextArea from \"../components/shared/formTextArea\"\r\nimport {\r\n  getPolicyInfo,\r\n  getRequiredDocuments,\r\n  getTravelPolicyPeriod,\r\n  getEWalletExists,\r\n  checkboxStatusUpdate,\r\n  updateUiData,\r\n  updateUiDataObject,\r\n  updateValidFormData,\r\n  getRelationship,\r\n} from \"../redux/actions\"\r\nimport * as API from \"../services/httpService\"\r\nimport { missingInfoAlert, pleaseAgreeBelongAlert } from \"../services/sweetalertService\"\r\n\r\nconst Index = ({ location }) => {\r\n  const uiData = useSelector(state => state.uiData, shallowEqual)\r\n  const claimData = useSelector(state => state.claimData, shallowEqual)\r\n  const dropdownData = useSelector(state => state.dropdownData, shallowEqual)\r\n  const isBelong = useSelector(\r\n    state => state.uiData.checkBoxStatus.isBelong,\r\n    shallowEqual\r\n  )\r\n  const dispatch = useDispatch()\r\n  const formRef = React.useRef()\r\n  const isMasterAccClaim = uiData.isMasterAccClaim\r\n\r\n  const { Claimant_Paymode } = dropdownData\r\n\r\n  const [disableTripDateField, setDisableTripDateField] = React.useState(false)\r\n  const [generatedFolderName, setGeneratedFolderName] = React.useState(\"\")\r\n\r\n  useEffect(() => {\r\n\r\n    if (uiData.maxPageNumber === Constants.identifyGroupPageNumber)\r\n    {\r\n      //move generate folder to top before redirect happen or page initial load\r\n      const tempFolderName = generateFolderName(\r\n        uiData.draftFolderPrefix\r\n      )\r\n      setGeneratedFolderName(tempFolderName)\r\n      dispatch(updateUiData(\"folderName\", tempFolderName))\r\n      CommonFunction.navigateToIdentifyGroupClaim()\r\n    }    \r\n    \r\n    //start handling for this page's doc thing\r\n    dispatch(getRequiredDocuments(Constants.basicBankCoverageDetailId, \"claimantProofDocument\"))\r\n\r\n    CommonFunction.updateUiCurrentPageNumber(dispatch, location.href)\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [])\r\n\r\n  const formikSchema = Yup.object().shape({\r\n    policyNumber: Yup.string()\r\n      .length(8, ErrorMessage.policyNumberLength)\r\n      .required(ErrorMessage.policyNumberRequired),\r\n    // policyHolderName: Yup.string()\r\n    //   .required(ErrorMessage.policyHolderName)\r\n    //   .matches(Regex.namepattern, ErrorMessage.policyHolderName),\r\n    claimantName: Yup.string()\r\n      .required(ErrorMessage.claimantName)\r\n      .matches(Regex.namepattern, ErrorMessage.claimantName),\r\n    claimantNricNumber: Yup.string().when(\"isSingaporeResident\", {\r\n      is: true,\r\n      then: Yup.string()\r\n        .required(ErrorMessage.claimantNricNumber)\r\n        .matches(Regex.nricpattern, ErrorMessage.claimantNricNumber),\r\n      otherwise: Yup.string()\r\n        .required(ErrorMessage.claimantNricNumber)\r\n        .max(10, ErrorMessage.claimantNricNumber),\r\n    }),\r\n    claimantEmail: Yup.string()\r\n      .required(ErrorMessage.claimantEmail)\r\n      .email(ErrorMessage.claimantEmail),\r\n    claimantMobile: Yup.string()\r\n      .required(ErrorMessage.claimantMobile)\r\n      .matches(Regex.mobilepattern, ErrorMessage.claimantMobile),\r\n    travelPeriodFrom: Yup.date().required(ErrorMessage.travelPeriodFrom),\r\n    travelPeriodTo: Yup.date()\r\n      .required(ErrorMessage.travelPeriodTo)\r\n      .test(\"travelPeriodTo\", ErrorMessage.invalidEndDate, value => {\r\n        if(formRef.current !== null ){\r\n          return CommonFunction.dateIsSameOrBefore(\r\n            formRef.current.values.travelPeriodFrom,\r\n            value\r\n          )\r\n        } else { return true; } //when rerender cause null formRef\r\n      }),\r\n    otherPartyDescription: Yup.string().when(\"otherParty\", {\r\n      is: val => val === true,\r\n      then: Yup.string().required(ErrorMessage.otherPartyDescription),\r\n    }),\r\n    reasonLateSubmit: Yup.string()\r\n      .test(\"reasonLateSubmit\", ErrorMessage.reasonLateSubmit, value => {\r\n        if(formRef.current !== null ){\r\n         let differences = Math.abs(CommonFunction.calculateDifferentDays(new Date(formRef.current.values.travelPeriodTo).setHours(0,0,0,0), new Date().setHours(0,0,0,0)))\r\n          if (differences > 30){\r\n            if (value !== undefined && value != \"\"){ return true; }\r\n            else return false;\r\n          } else { return true; } //difference days smaller than 30\r\n        } else { return  true; } //when rerender cause null formRef\r\n    }),\r\n    paymentMethod: Yup.string()\r\n    .test(\"paymentMethod\", ErrorMessage.claimantPayMode , value => {\r\n      if(value == \"\" || value == undefined){\r\n          if (uiData.hasEWallet || uiData.isMinor || (formRef.current !== null && !formRef.current.values.isSingaporeResident)){ return true; }\r\n          else return false; \r\n        }\r\n      else { return true; }\r\n    }),\r\n    claimantBankName: Yup.string()\r\n      .test(\"claimantBankName\", ErrorMessage.claimantBankName ,\r\n      function(value) { // Don't use arrow functions to use this.parent, to get other field value easily\r\n        if(this.parent !== null && this.parent.claimantPayMode !== undefined && this.parent.claimantPayMode == \"DirectCredit\"){\r\n          if (value !== undefined && value != \"\"){ return true; }\r\n          else return false; \r\n        }else { return true; }\r\n      }),\r\n    claimantBankAccount: Yup.string()\r\n    .test(\"claimantBankAccount\", ErrorMessage.claimantBankAccount, \r\n      function(value) { // Don't use arrow functions to use this.parent, to get other field value easily\r\n        if(this.parent !== null && this.parent.claimantPayMode !== undefined && this.parent.claimantPayMode == \"DirectCredit\"){\r\n          if (value !== undefined && value != \"\"){ return true; }\r\n          else return false; \r\n        }else { return true; }\r\n      }),\r\n  })\r\n\r\n  const generateFolderName = draftFolderPrefix => {\r\n    let dd = new Date()\r\n    let ss =\r\n      \"\" +\r\n      dd.getYear() +\r\n      dd.getMonth() +\r\n      dd.getDate() +\r\n      dd.getHours() +\r\n      dd.getMinutes() +\r\n      dd.getSeconds()\r\n    return draftFolderPrefix + ss\r\n  }\r\n\r\n  return (\r\n    <Formik\r\n      initialValues={Object.assign(\r\n        {\r\n          policyHolderName: \"\",\r\n          policyNumber: \"\",\r\n          isSelfMakeClaim: \"\",\r\n          claimantName: \"\",\r\n          isClaimantPolicyholder: false,\r\n          claimantNricNumber: \"\",\r\n          claimantDOB: \"\",\r\n          paymentMethod: \"\",\r\n          claimantPayMode: \"\",\r\n          claimantBankName: \"\",\r\n          claimantBankAccount: \"\",\r\n          claimantEmail: \"\",\r\n          claimantMobile: \"\",\r\n          travelPeriodFrom: \"\",\r\n          travelPeriodTo: \"\",\r\n          tripStartDateOrToday: \"\",\r\n          tripEndDateOrToday: \"\",\r\n          isSingaporeResident: true,\r\n          otherParty: false,\r\n          reasonLateSubmit: \"\",\r\n        },\r\n        claimData[\"claimTravelDetailModel\"]\r\n      )}\r\n      enableReinitialize={true}\r\n      validationSchema={formikSchema}\r\n      validateOnMount={true}\r\n      innerRef={formRef}\r\n      onSubmit={(values, actions) => {\r\n        //console.log(\"Submitting Policy Info Form\")\r\n        if (isBelong || uiData.hasEWallet || uiData.isMinor || !values.isSingaporeResident) {\r\n          dispatch(updateValidFormData(\"claimTravelDetailModel\", values))\r\n          dispatch(getRequiredDocuments(Constants.basicCoverageDetailId, \"proofDocuments\"))\r\n          dispatch(updateUiData(\"showLoading\", true))\r\n\r\n          const getPolicyInfoRequestModel = {\r\n            PolicyNumber: values.policyNumber,\r\n            PolicyHolderName: values.policyHolderName,\r\n            ClaimantName: values.claimantName,\r\n            NRIC: values.claimantNricNumber,\r\n            DateOfAccident: \"\",\r\n            SessionId: generatedFolderName,\r\n          }\r\n          \r\n          let belongsValidation = true;\r\n          if (uiData.fromTiqconnectPolicyInfo.claimantNricNumber != \"\") {\r\n            if (\r\n              values.isSelfMakeClaim &&\r\n              values.claimantNricNumber !=\r\n                uiData.fromTiqconnectPolicyInfo.claimantNricNumber\r\n            ) {\r\n              belongsValidation = false\r\n            } else if (\r\n              !values.isSelfMakeClaim &&\r\n              values.claimantNricNumber ==\r\n                uiData.fromTiqconnectPolicyInfo.claimantNricNumber\r\n            ) {\r\n              belongsValidation = false\r\n            }\r\n          }\r\n          \r\n          dispatch(getPolicyInfo(getPolicyInfoRequestModel, values.travelPeriodFrom, values.travelPeriodTo, belongsValidation))\r\n        } else {\r\n          pleaseAgreeBelongAlert()\r\n        }\r\n      }}\r\n    >\r\n      {({ handleSubmit, isSubmitting, isValid, values, errors }) => (\r\n        <FormikForm onSubmit={handleSubmit}>\r\n          <Row>\r\n            <div className=\"title text-center\">\r\n              Online {uiData.claimFormTitle} Claims\r\n            </div>\r\n            <div className={\"containerBody\"}>\r\n              <FormSubTitle\r\n                text={\"Please check if your details are correct\"}\r\n                childClassName={\"redColor\"}\r\n              />\r\n              <FormSubTitle text={\"Claimant’s Details\"} />\r\n              <Col\r\n                xs={{ span: 12, offset: 0 }}\r\n                md={{ span: 12, offset: 0 }}\r\n                className=\"formContainer\"\r\n              >\r\n                <div>\r\n                  {/* Fake fields are a workaround for chrome autofill getting the wrong fields */}\r\n                  <Field\r\n                    textDesc={\"Disable Auto Complete\"}\r\n                    name=\"disableAutoComplete\"\r\n                    component={FormFieldDisableAutoComplete}\r\n                  />\r\n\r\n                  <Field\r\n                    textDesc=\"Policy Number\"\r\n                    maxLength={20}\r\n                    name=\"policyNumber\"\r\n                    toUpperCase={true}\r\n                    component={FormTextbox}\r\n                    disabled={\r\n                      isMasterAccClaim ||\r\n                      (claimData.claimTravelDetailModel.sourceSystem === \"CSS\"\r\n                        ? true\r\n                        : false)\r\n                    }\r\n                  />\r\n                  {values.isSelfMakeClaim !== false && (\r\n                    <>\r\n                      <Field\r\n                        textDesc={\"Are you making a claim for yourself?\"}\r\n                        name=\"isSelfMakeClaim\"\r\n                        component={FormRadioButton}\r\n                      />\r\n                    </>\r\n                  )}\r\n                  {values.isSelfMakeClaim === false && (\r\n                    <>\r\n                      <Field\r\n                        textDesc={\r\n                          \"Are you making a claim for yourself? \\n(if you are submitting a claim for another traveler in the policy, please fill in the details of this traveler)\"\r\n                        }\r\n                        name=\"isSelfMakeClaim\"\r\n                        component={FormRadioButton}\r\n                      />\r\n                    </>\r\n                  )}\r\n\r\n                  {values.isSelfMakeClaim !== \"\" && (\r\n                    <>\r\n                      <Field\r\n                        textDesc=\"Is the traveler a Singapore resident?\"\r\n                        name=\"isSingaporeResident\"\r\n                        component={FormRadioButton}\r\n                        customClickNo={() => {\r\n                          formRef.current.setFieldValue(\"claimantPayMode\", \"\")\r\n                          formRef.current.setFieldValue(\"paymentMethod\", \"\")\r\n                          formRef.current.setFieldValue(\"claimantBankName\", \"\")\r\n                          formRef.current.setFieldValue(\"claimantBankAccount\", \"\")\r\n                        }}\r\n                      />\r\n                      <Field\r\n                        textDesc={ values.isSelfMakeClaim ? \"Full Name\" : \"Claimant's Full Name\"}\r\n                        maxLength={100}\r\n                        name=\"claimantName\"\r\n                        toUpperCase={true}\r\n                        component={FormTextbox}\r\n                        disabled={\r\n                          values.isSelfMakeClaim &&\r\n                          claimData.claimTravelDetailModel.sourceSystem ===\r\n                            \"CSS\"\r\n                            ? true\r\n                            : false\r\n                        }\r\n                      />\r\n                      <Field\r\n                        textDesc={\r\n                          values.isSingaporeResident\r\n                            ? values.isSelfMakeClaim \r\n                              ? \"NRIC/FIN No.\"\r\n                              : \"Claimant's NRIC/FIN\"\r\n                            : \"Passport Number\"\r\n                        }\r\n                        maxLength={10}\r\n                        name=\"claimantNricNumber\"\r\n                        toUpperCase={true}\r\n                        component={FormTextbox}\r\n                        disabled={\r\n                          values.isSelfMakeClaim &&\r\n                          claimData.claimTravelDetailModel.sourceSystem ===\r\n                            \"CSS\"\r\n                            ? true\r\n                            : false\r\n                        }     \r\n                        customBlur={ value =>{\r\n                            //check with tiqconnect to verify has ewallet or not\r\n                            dispatch(getEWalletExists(value))\r\n                            dispatch(getRelationship(value, formRef.current.values.policyNumber))\r\n                            formRef.current.setFieldValue(\"claimantPayMode\", \"\")\r\n                            formRef.current.setFieldValue(\"paymentMethod\", \"\")\r\n                            formRef.current.setFieldValue(\"claimantBankName\", \"\")\r\n                            formRef.current.setFieldValue(\"claimantBankAccount\", \"\")\r\n                          }}\r\n                      />\r\n                      {!uiData.hasEWallet && !uiData.isMinor && values.isSingaporeResident && (\r\n                        <>\r\n                          <Field\r\n                            textDesc=\"Claim Payment Mode\"\r\n                            name=\"paymentMethod\"\r\n                            component={FormDropdownArray}\r\n                            propertyName={\"Description\"}\r\n                            dropdownItem={Claimant_Paymode}\r\n                            secondPropertyName=\"Code\"\r\n                            secondFieldName=\"claimantPayMode\"\r\n                            customValueChange={(description, code)=>{\r\n                              dispatch(updateUiData(\"selectedClaimantPayMode\", code))\r\n                            }}\r\n                          />\r\n                          <FormBootstrap.Group>\r\n                            <Row>\r\n                              <Col xs={12} md={6}\r\n                                className={\"marginTop10px offset-md-6 CheckBox \" + (isBelong ? \"tick\" : \"\")}\r\n                                onClick={() => dispatch(checkboxStatusUpdate(\"isBelong\"))}\r\n                                role=\"button\" style={{left:\"2%\"}}\r\n                                tabIndex=\"0\"\r\n                              >\r\n                                {values.isSelfMakeClaim && (\r\n                                <>{\"I confirm that the payment mode above belong to myself\"}</>\r\n                                )}\r\n                                {!values.isSelfMakeClaim && (\r\n                                <>{\"I confirm that the payment mode above belong to Claimant and not myself\"}</>\r\n                                )}\r\n                              </Col>\r\n                            </Row>\r\n                          </FormBootstrap.Group>\r\n                          {(values.claimantPayMode == \"DirectCredit\" || uiData.claimUploadListModel.length != 0) && (\r\n                            <>\r\n                              {values.claimantPayMode == \"DirectCredit\" && (\r\n                                <>\r\n                                  <Field\r\n                                    textDesc=\"Bank Name\"\r\n                                    maxLength={100}\r\n                                    name=\"claimantBankName\"\r\n                                    component={FormTextbox}\r\n                                  />\r\n                                  <Field\r\n                                    textDesc=\"Bank Account\"\r\n                                    maxLength={100}\r\n                                    name=\"claimantBankAccount\"\r\n                                    component={FormTextbox}\r\n                                  />\r\n                                </>\r\n                              )}\r\n                              <FormBootstrap.Group>\r\n                                  <Row>\r\n                                      <FormLabel text={\"Upload Bank Statement\"} />\r\n                                      <Col xs={12} md={6} className=\"marginTop10px\">\r\n                                            {/* <FormLabel text={\"Upload Statement\"} /> */}\r\n                                            <DropzoneSingleFile\r\n                                              documentId={uiData.claimantProofDocument[0].documentId ?? 0 }\r\n                                              documentDesc={uiData.claimantProofDocument[0].description ?? \"\"}\r\n                                              coverageDetailId={uiData.claimantProofDocument[0].coverageDetailId ?? 0}\r\n                                              coverageDetailName={\"Travel Bank Statement\"}\r\n                                              customWidth={\"100\"}\r\n                                            />\r\n                                      </Col>\r\n                                  </Row>\r\n                              </FormBootstrap.Group>\r\n                            </>\r\n                          )}\r\n                        </>\r\n                      )}\r\n\r\n                      <Field\r\n                        textDesc=\"Email\"\r\n                        maxLength={100}\r\n                        name=\"claimantEmail\"\r\n                        component={FormTextbox}\r\n                      />\r\n                      <Field\r\n                        textDesc=\"Mobile No.\"\r\n                        maxLength={10}\r\n                        name=\"claimantMobile\"\r\n                        component={FormMobileTextBox}\r\n                      />\r\n                      \r\n                      {values.claimantPayMode == \"DirectCredit\" && (\r\n                        <FormBootstrap.Group>\r\n                            <Row>\r\n                                <div className={\"marginTop10px d-flex justify-content-center\"}>\r\n                                {values.isSelfMakeClaim && (\r\n                                  <Col xs={12} md={10} className=\"formContainer noteBackgroudColor\">\r\n                                  <span className=\"highlight-text\">IMPORTANT NOTE:</span> <br/>\r\n                                  Provide us a copy of the bank statement or screenshot showing the\r\n                                  Account holders Name, Account Number and name of the Bank for direct\r\n                                  crediting purpose. \r\n                                  </Col>\r\n                                )}\r\n                                {!values.isSelfMakeClaim && (\r\n                                  <Col xs={12} md={10} className=\"formContainer noteBackgroudColor\">\r\n                                  <span className=\"highlight-text\">IMPORTANT NOTE:</span> <br/>\r\n                                  Provide us a copy of the bank statement or screenshot showing the claimant's\r\n                                  Name, Account Number and name of the Bank for direct crediting purpose. \r\n                                  </Col>\r\n                                )}\r\n                                </div>\r\n                            </Row>\r\n                        </FormBootstrap.Group>\r\n                      )}\r\n                      {values.claimantPayMode == \"Paynow (NRIC/FIN)\" && (\r\n                        <FormBootstrap.Group>\r\n                            <Row>\r\n                                <div className={\"marginTop10px d-flex justify-content-center\"}>\r\n                                {values.isSelfMakeClaim && (\r\n                                  <Col xs={12} md={10} className=\"formContainer noteBackgroudColor\">\r\n                                  <span className=\"highlight-text\">IMPORTANT NOTE:</span> <br/>\r\n                                  You will only receive the payout via Paynow NRIC/FIN if you have \r\n                                  registered for Paynow using your Singapore NRIC/FIN with a\r\n                                  participating bank.\r\n                                  </Col>\r\n                                )}\r\n                                {!values.isSelfMakeClaim && (\r\n                                  <Col xs={12} md={10} className=\"formContainer noteBackgroudColor\">\r\n                                  <span className=\"highlight-text\">IMPORTANT NOTE:</span> <br/>\r\n                                  Claimant will only receive the payout via Paynow NRIC/FIN if registered for\r\n                                  Paynow using Singapore NRIC/FIN with a participating bank.\r\n                                  </Col>\r\n                                )}\r\n                                </div>\r\n                            </Row>\r\n                        </FormBootstrap.Group>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              </Col>\r\n            </div>\r\n            <div className={\"containerBody \"}>\r\n              <FormSubTitle text={\"Travel Dates\"} />\r\n              <div className=\"formContainer\">\r\n                <Field\r\n                  textDesc=\"Start Date\"\r\n                  name=\"travelPeriodFrom\"\r\n                  component={FormDatePickerTextBox}\r\n                  disableBefore={claimData.claimTravelDetailModel.tripStartDate}\r\n                  disableAfter={claimData.claimTravelDetailModel.tripEndDate}\r\n                  allowFutureDate={true}\r\n                  disabled={disableTripDateField}\r\n                />\r\n                <Field\r\n                  textDesc=\"End Date\"\r\n                  name=\"travelPeriodTo\"\r\n                  component={FormDatePickerTextBox}\r\n                  disableBefore={claimData.claimTravelDetailModel.tripStartDate}\r\n                  disableAfter={claimData.claimTravelDetailModel.tripEndDate}\r\n                  allowFutureDate={true}\r\n                  disabled={disableTripDateField}\r\n                />\r\n              </div>\r\n            </div>                \r\n            { Math.abs(CommonFunction.calculateDifferentDays(new Date(values.travelPeriodTo ?? new Date()).setHours(0,0,0,0), new Date().setHours(0,0,0,0))) > 30  && (<>\r\n              <div className={\"containerBody marginTop15px\"}>\r\n                <div className=\"formContainer\">\r\n                  {/* Fake fields are a workaround for chrome autofill getting the wrong fields */}\r\n                  <Field\r\n                    textDesc={\"Disable Auto Complete\"}\r\n                    name=\"disableAutoComplete3\"\r\n                    component={FormFieldDisableAutoComplete}\r\n                  />\r\n                  <Field\r\n                    textDesc=\"You are filing a claim more than 30 days from your travel date, please tell us the reason for the delay in submission.\"\r\n                    maxLength={300}\r\n                    name=\"reasonLateSubmit\"\r\n                    toUpperCase={false}\r\n                    component={FormTextArea}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </>)}\r\n            {/* Used d-none to temporary hide first, since ui revamp a new to group identify page */}\r\n            <div className={\"containerBody marginTop15px d-none\"}>\r\n              <div className=\"formContainer\">\r\n                <Field\r\n                  textDesc=\"Have you made a claim against any other party (e.g. Insurer/hotel/airline) in respect of this event?\"\r\n                  name=\"otherParty\"\r\n                  component={FormRadioButton}\r\n                />\r\n                {values.otherParty && (\r\n                  <>\r\n                    {/* Fake fields are a workaround for chrome autofill getting the wrong fields */}\r\n                    <Field\r\n                      textDesc={\"Disable Auto Complete\"}\r\n                      name=\"disableAutoComplete2\"\r\n                      component={FormFieldDisableAutoComplete}\r\n                    />\r\n                    <Field\r\n                      textDesc=\"If yes, please specify\"\r\n                      maxLength={50}\r\n                      name=\"otherPartyDescription\"\r\n                      toUpperCase={true}\r\n                      component={FormTextbox}\r\n                    />\r\n                  </>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </Row>\r\n          {/* <Row>\r\n            <div className=\"submitFormCenterBtnDiv\">\r\n              <button\r\n                className=\"btnSubmitForm fontWeightBold\"\r\n                type=\"submit\"\r\n              // disabled={isSubmitting}\r\n              >\r\n                <b>Continue</b>\r\n              </button>\r\n            </div>\r\n          </Row> */}\r\n          <HandleFormSubmit\r\n            formRef={formRef}\r\n            isSubmitting={isSubmitting}\r\n            dispatch={dispatch}\r\n            submittingPage={uiData.isSubmittingFirstPage}\r\n            handleSubmit={handleSubmit}\r\n          />\r\n          <FormDataTrigger\r\n            dispatch={dispatch}\r\n            formRef={formRef}\r\n            values={values}\r\n            fromTiqconnectPolicyInfo={uiData.fromTiqconnectPolicyInfo}\r\n            backUpPolicyInfo={uiData.backUpPolicyInfo}\r\n            setDisableTripDateField={setDisableTripDateField}\r\n            dropdownData={dropdownData}\r\n            uiData={uiData}\r\n          />\r\n          <ClickedBacked\r\n            dispatch={dispatch}\r\n            values={values}\r\n            uiData={uiData}\r\n            claimData={claimData}\r\n          />\r\n          {/* <TravelStartDateTrigger formRef={formRef} values={values} /> */}\r\n          {/* <GetPolicyPeriodTrigger dispatch={dispatch} values={values} /> */}\r\n        </FormikForm>\r\n      )}\r\n    </Formik>\r\n  )\r\n}\r\n\r\n//Back button custom handler\r\nconst ClickedBacked = ({values, uiData, dispatch, claimData}) => {\r\n  React.useEffect(() => {\r\n    if (uiData.clickedBack.policyInformation) {\r\n      batch(() => {\r\n        dispatch(updateValidFormData(\"claimTravelDetailModel\", \t\t\r\n        Object.assign(claimData[\"claimTravelDetailModel\"], values)));\r\n        dispatch(updateUiDataObject(\"clickedBack\", {\"policyInformation\": false} ))\r\n      })\r\n    }\r\n  }, [uiData.clickedBack.policyInformation])\r\n  return null\r\n}\r\n\r\nconst usePrevious = value => {\r\n  const ref = React.useRef()\r\n  useEffect(() => {\r\n    ref.current = value\r\n  })\r\n  return ref.current\r\n}\r\n\r\nconst HandleFormSubmit = ({\r\n  formRef,\r\n  isSubmitting,\r\n  dispatch,\r\n  submittingPage,\r\n  handleSubmit,\r\n}) => {\r\n  React.useEffect(() => {\r\n    if (submittingPage) {\r\n      handleSubmit()\r\n      formRef.current.setSubmitting(true)\r\n      formRef.current.validateForm().then(errors => {\r\n        if (Object.entries(errors).length !== 0) {\r\n          missingInfoAlert()\r\n          formRef.current.setSubmitting(false)\r\n        }\r\n      })\r\n\r\n      dispatch(updateUiData(\"isSubmittingFirstPage\", false))\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isSubmitting, submittingPage])\r\n  return null\r\n}\r\n\r\nconst FormDataTrigger = ({\r\n  dispatch,\r\n  formRef,\r\n  values,\r\n  fromTiqconnectPolicyInfo,\r\n  backUpPolicyInfo,\r\n  setDisableTripDateField,\r\n  dropdownData,\r\n  uiData,\r\n}) => {\r\n  const usePreviousData = usePrevious({\r\n    isSelfMakeClaim: values.isSelfMakeClaim,\r\n    isClaimantPolicyholder: values.isClaimantPolicyholder,\r\n    travelPeriodFrom: values.travelPeriodFrom,\r\n    travelPeriodTo: values.travelPeriodTo,\r\n    policyNumber: values.policyNumber,\r\n    claimantName: values.claimantName,\r\n    claimantNricNumber: values.claimantNricNumber,\r\n  })\r\n\r\n  React.useEffect(() => {\r\n    dispatch(updateUiData(\"groupStep\", 1))\r\n    let tempSelectedPaymode = values.claimantPayMode\r\n\r\n    if (\r\n      values.isClaimantPolicyholder &&\r\n      usePreviousData !== undefined &&\r\n      values.isClaimantPolicyholder !== usePreviousData.isClaimantPolicyholder\r\n    ) {\r\n      formRef.current.setFieldValue(\"claimantName\", values.policyHolderName)\r\n    }\r\n\r\n    if (\r\n      usePreviousData !== undefined &&\r\n      values.isSelfMakeClaim !== usePreviousData.isSelfMakeClaim\r\n    ) {\r\n      if (values.isSelfMakeClaim) {\r\n        if (formRef.current !== null) {\r\n          formRef.current.setFieldValue(\r\n            \"policyHolderName\",\r\n            fromTiqconnectPolicyInfo.policyHolderName\r\n          )\r\n          formRef.current.setFieldValue(\r\n            \"claimantName\",\r\n            fromTiqconnectPolicyInfo.policyHolderName\r\n          )\r\n          formRef.current.setFieldValue(\r\n            \"claimantNricNumber\",\r\n            fromTiqconnectPolicyInfo.claimantNricNumber\r\n          )\r\n          formRef.current.setFieldValue(\r\n            \"claimantEmail\",\r\n            fromTiqconnectPolicyInfo.claimantEmail\r\n          )\r\n          formRef.current.setFieldValue(\r\n            \"claimantMobile\",\r\n            fromTiqconnectPolicyInfo.claimantMobile\r\n          )\r\n          dispatch(getEWalletExists(fromTiqconnectPolicyInfo.claimantNricNumber))\r\n          dispatch(getRelationship(fromTiqconnectPolicyInfo.claimantNricNumber, values.policyNumber))\r\n        }\r\n      }\r\n\r\n      if (!values.isSelfMakeClaim) {\r\n        if (formRef.current !== null) {\r\n          if (fromTiqconnectPolicyInfo.claimantNricNumber == backUpPolicyInfo.claimantNricNumber) {\r\n            //when redirect from tiqconnect & selected insured is same person\r\n            formRef.current.setFieldValue(\"policyHolderName\", \"\")\r\n            formRef.current.setFieldValue(\"claimantName\", \"\")\r\n            formRef.current.setFieldValue(\"claimantNricNumber\", \"\")\r\n            formRef.current.setFieldValue(\"claimantEmail\", \"\")\r\n            formRef.current.setFieldValue(\"claimantMobile\", \"\")\r\n  \r\n            setDisableTripDateField(false)\r\n            dispatch(getEWalletExists(\"\"))\r\n            dispatch(getRelationship(\"\", values.policyNumber))\r\n          } else {\r\n            //when redirect from tiqconnect is different with selected insured\r\n            formRef.current.setFieldValue(\r\n              \"policyHolderName\",\r\n              backUpPolicyInfo.policyHolderName\r\n            )\r\n            formRef.current.setFieldValue(\r\n              \"claimantName\",\r\n              backUpPolicyInfo.policyHolderName\r\n            )\r\n            formRef.current.setFieldValue(\r\n              \"claimantNricNumber\",\r\n              backUpPolicyInfo.claimantNricNumber\r\n            )\r\n            formRef.current.setFieldValue(\r\n              \"claimantEmail\",\r\n              backUpPolicyInfo.claimantEmail\r\n            )\r\n            formRef.current.setFieldValue(\r\n              \"claimantMobile\",\r\n              backUpPolicyInfo.claimantMobile\r\n            )\r\n            dispatch(getEWalletExists(backUpPolicyInfo.claimantNricNumber))\r\n            dispatch(getRelationship(backUpPolicyInfo.claimantNricNumber, values.policyNumber))\r\n          }\r\n\r\n\r\n        }\r\n      }\r\n\r\n      //reset paymode dropdown & uploaded file if selfclaim update\r\n      formRef.current.setFieldValue(\"claimantPayMode\", \"\")\r\n      formRef.current.setFieldValue(\"paymentMethod\", \"\")\r\n      formRef.current.setFieldValue(\"claimantBankName\", \"\")\r\n      formRef.current.setFieldValue(\"claimantBankAccount\", \"\")\r\n      if (uiData.claimUploadListModel.length > 0) {\r\n        let deleteMultipleFileArray = []\r\n\r\n        uiData.claimUploadListModel.forEach((UploadedItem, UploadedKey) => {\r\n          let deleteFileInfo = {}\r\n          deleteFileInfo.fName = UploadedItem.fileName\r\n          deleteFileInfo.folderName = uiData.folderName\r\n          deleteMultipleFileArray.push(deleteFileInfo)\r\n        })\r\n\r\n        API.apiPostRequest(\r\n          \"/Claim/ClaimDocsMultipleDelete\",\r\n          deleteMultipleFileArray,\r\n          null\r\n        ).then(response => {\r\n          dispatch(updateUiData(\"claimUploadListModel\", []))\r\n        })\r\n      }\r\n    }\r\n    \r\n    //Get policy period when policyno/name/nric changed or when navigate from identify groupclaim \r\n    if ((uiData.navigateFromIdentifyGroupClaim) || (\r\n          values.policyNumber &&\r\n          values.claimantName &&\r\n          values.claimantNricNumber &&\r\n          usePreviousData !== undefined &&\r\n          (values.policyNumber !== usePreviousData.policyNumber ||\r\n          values.claimantName !== usePreviousData.claimantName ||\r\n          values.claimantNricNumber !== usePreviousData.claimantNricNumber))\r\n    ) {\r\n      const getTravelPolicyPeriodRequestModel = {\r\n        PolicyNumber: values.policyNumber,\r\n        ClaimantName: values.claimantName,\r\n        NRIC: values.claimantNricNumber,\r\n      }\r\n      dispatch(updateValidFormData(\"claimTravelDetailModel\", values))\r\n      dispatch(\r\n        getTravelPolicyPeriod(\r\n          getTravelPolicyPeriodRequestModel,\r\n          setDisableTripDateField\r\n        )\r\n      )\r\n      //to ensure current if-block code will trigger once to update calender when navigate from identifygroupclaim\r\n      dispatch(updateUiData(\"navigateFromIdentifyGroupClaim\", false))\r\n    }\r\n\r\n        \r\n    // handler related claimant paymode array, update at ui reducer for layout validation \r\n    let { Claimant_Paymode } = dropdownData\r\n    let paymodeUpdated = Claimant_Paymode.find(e => e.Code == tempSelectedPaymode)\r\n    dispatch(updateUiData(\"selectedClaimantPayMode\", paymodeUpdated != undefined ? paymodeUpdated.Code : \"\"))\r\n\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [\r\n    values.isSelfMakeClaim,\r\n    values.policyHolderName,\r\n    values.travelPeriodFrom,\r\n    values.policyNumber,\r\n    values.claimantNricNumber,\r\n    values.claimantName,\r\n  ])\r\n  return null\r\n}\r\n\r\nexport default Index\r\n","import React from \"react\"\r\nimport { Col, Row, Form } from \"react-bootstrap\"\r\nimport { Field, getIn } from \"formik\"\r\nimport FormLabel from \"./formLabel\"\r\n\r\nfunction FormFieldDisableAutoComplete(props) {\r\n  const { textDesc, form, field, toUpperCase } = props\r\n\r\n  const errorsMsg = getIn(form.errors, field.name)\r\n\r\n  const inputErrorClassName = (touched, errors, inputName) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    return errors[inputName] && touched[inputName] ? \"is-invalid\" : null\r\n  }\r\n\r\n  const inputErrorMessage = (touched, errors, inputName) => {\r\n    //  (clickedNext && errors[inputName]) ||\r\n    return errors[inputName] && touched[inputName] ? (\r\n      <span className=\"InputError\">{errorsMsg}</span>\r\n    ) : null\r\n  }\r\n\r\n  return (\r\n    <div\r\n      style={{ overflow: \"hidden\", height: \"0px\", background: \"transparent\" }}\r\n      data-description={\"dummyPanel for Chrome auto-fill issue\"}\r\n    >\r\n      <Form.Group>\r\n        <Row>\r\n          <FormLabel text={textDesc} />\r\n          <Col xs={12} md={6} className=\"marginTop10px\">\r\n            <Field\r\n              name={field.name + \"fakeusernameremembered\"}\r\n              className={\r\n                \"inputbox \" +\r\n                inputErrorClassName(form.touched, form.errors, field.name)\r\n              }\r\n              type=\"text\"\r\n              autoComplete=\"username\"\r\n              value={\r\n                toUpperCase\r\n                  ? field.value.toUpperCase()\r\n                  : field.value\r\n                  ? field.value\r\n                  : \"\"\r\n              }\r\n              readOnly\r\n            />\r\n            <Field\r\n              name={field.name + \"fakepasswordremembered\"}\r\n              className={\r\n                \"inputbox \" +\r\n                inputErrorClassName(form.touched, form.errors, field.name)\r\n              }\r\n              type=\"password\"\r\n              autoComplete=\"password\"\r\n              value={\r\n                toUpperCase\r\n                  ? field.value.toUpperCase()\r\n                  : field.value\r\n                  ? field.value\r\n                  : \"\"\r\n              }\r\n              readOnly\r\n            />\r\n            {inputErrorMessage(form.touched, form.errors, field.name)}\r\n          </Col>\r\n        </Row>\r\n      </Form.Group>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FormFieldDisableAutoComplete\r\n","import React from \"react\"\r\nimport { Col, Row, Form, Dropdown } from \"react-bootstrap\"\r\nimport { getIn } from \"formik\"\r\nimport FormLabel from \"./formLabel\"\r\n\r\nfunction FormDropdownArray(props) {\r\n    const {\r\n        textDesc,\r\n        form,\r\n        field,\r\n        dropdownItem,\r\n        propertyName,\r\n        secondFieldName,\r\n        secondPropertyName,\r\n        customValueChange,\r\n        handleErrorArray,\r\n        handleErrorName,\r\n        handleErrorIndex, \r\n    } = props\r\n\r\n    const errorsMsg = getIn(form.errors, field.name)\r\n    // const touched = getIn(form.touched, field.name)\r\n\r\n    const inputErrorMessage = (touched, errors, inputName) => {\r\n        if(handleErrorIndex !== undefined && handleErrorName !== undefined && handleErrorArray !== undefined && Object.keys(errors).length !== 0 && Object.keys(touched).length !== 0){   \r\n            \r\n            //special handler for array form formik\r\n            if(errors[handleErrorArray][handleErrorIndex] !== undefined && errors[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined \r\n                && touched[handleErrorArray][handleErrorIndex] !== undefined && touched[handleErrorArray][handleErrorIndex][handleErrorName] !== undefined){\r\n                \r\n                //when field have value inside formik error & touched, only then show input error UI\r\n                return errors[handleErrorArray][handleErrorIndex][handleErrorName] && touched[handleErrorArray][handleErrorIndex][handleErrorName] ? (\r\n                <span className=\"InputError\">{errorsMsg}</span>\r\n              ) : null\r\n\r\n            } else {\r\n              return null\r\n            }\r\n          \r\n          } else {\r\n            //normal field validation\r\n            return errors[inputName] && touched[inputName] ? (\r\n                <span className=\"InputError\">{errorsMsg}</span>\r\n            ) : null\r\n          }\r\n    }\r\n\r\n    const DropdownValueChange = (newValue, secondFieldNewValue) => {\r\n        form.setFieldValue(field.name, newValue)\r\n        if (secondFieldName && secondFieldNewValue) {\r\n            form.setFieldValue(secondFieldName, secondFieldNewValue)\r\n        } else if (secondFieldName && !secondFieldNewValue) {\r\n            form.setFieldValue(secondFieldName, \"\")\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Form.Group>\r\n                <Row>\r\n                    <FormLabel text={textDesc} />\r\n                    <Col xs={12} md={6} className=\"marginTop10px\">\r\n                        <Dropdown className=\"dropdown\">\r\n                            <Dropdown.Toggle className=\"btn btn-secondary dropdown-toggle DropdownHeader borderRadius8\">\r\n                                {field.value}\r\n                                {/* {dropDownValue} */}\r\n                            </Dropdown.Toggle>\r\n                            <Dropdown.Menu className=\"dropdown-menu DropdownMenu\">\r\n                                {dropdownItem.map((item, key) => (\r\n                                    <React.Fragment key={key}>\r\n                                        <Dropdown.Item\r\n                                            onClick={event => {\r\n                                                //form.handleChange(event)\r\n\r\n                                                DropdownValueChange(\r\n                                                    item[propertyName],\r\n                                                    item[secondPropertyName]\r\n                                                )\r\n\r\n                                                if(customValueChange != undefined){\r\n                                                    customValueChange(\r\n                                                        item[propertyName],\r\n                                                        item[secondPropertyName]\r\n                                                    )\r\n                                                }\r\n                                            }}\r\n                                        >\r\n                                            {item[propertyName]}\r\n                                        </Dropdown.Item>\r\n                                        <Dropdown.Divider />\r\n                                    </React.Fragment>\r\n                                ))}\r\n                            </Dropdown.Menu>\r\n                        </Dropdown>\r\n                        {inputErrorMessage(form.touched, form.errors, field.name, handleErrorArray, handleErrorName, handleErrorIndex)}\r\n                    </Col>\r\n                </Row>\r\n            </Form.Group>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default FormDropdownArray\r\n","import React from \"react\"\r\nimport { Row, Col } from \"react-bootstrap\"\r\nimport { getIn } from \"formik\"\r\nimport FormLabel from \"./formLabel\"\r\n\r\nfunction FormRadioButton({ ...props }) {\r\n  const { textDesc, form, field, customClickNo } = props\r\n\r\n  const errors = getIn(form.errors, field.name)\r\n  const touched = getIn(form.touched, field.name)\r\n\r\n  const handleRadioButton = (buttonName, buttonValue) => {\r\n    form.setFieldValue(buttonName, buttonValue)\r\n  }\r\n\r\n  return (\r\n    <div className=\"marginBottom19px\">\r\n      <Row>\r\n        <FormLabel text={textDesc} className=\"wrapOverFlowToAnyWhere\" />\r\n        <Col md={6} xs={12} className=\"marginTop10px\">\r\n          <Col\r\n            md={5}\r\n            xs={5}\r\n            className={\r\n              \"fontSize18px height50 horizontal-align backgroundGrey cursorPointer float-left borderRadius8 YesNobutton \" +\r\n              (field.value ? \"tick\" : \"\")\r\n            }\r\n            onClick={() => {\r\n              handleRadioButton(field.name, true)\r\n            }}\r\n            role=\"button\"\r\n            tabIndex=\"0\"\r\n          >\r\n            <b>Yes</b>\r\n          </Col>\r\n          <Col\r\n            md={5}\r\n            xs={5}\r\n            className={\r\n              \"fontSize18px height50 horizontal-align backgroundGrey cursorPointer float-right borderRadius8 YesNobutton \" +\r\n              (field.value === false ? \"tick\" : \"\")\r\n            }\r\n            onClick={event => {\r\n              handleRadioButton(field.name, false)\r\n\r\n              if(customClickNo != undefined){\r\n                customClickNo()\r\n              }\r\n            }}\r\n            role=\"button\"\r\n            tabIndex=\"0\"\r\n          >\r\n            <b>No</b>\r\n          </Col>\r\n          {errors && touched && <span className=\"InputError\">{errors}</span>}\r\n        </Col>\r\n        {/* <div className=\"marginTop10px\">\r\n        <div\r\n          className={\r\n            \"fontSize18px height50 horizontal-align backgroundGrey cursorPointer borderRadius8 YesNobutton \" +\r\n            (field.value ? \"tick\" : \"\")\r\n          }\r\n          onClick={() => {\r\n            handleRadioButton(field.name, true)\r\n          }}\r\n          role=\"button\"\r\n          tabIndex=\"0\"\r\n        >\r\n          Yes\r\n        </div>\r\n        <div\r\n          className={\r\n            \"fontSize18px height50 horizontal-align backgroundGrey cursorPointer borderRadius8 YesNobutton \" +\r\n            (!field.value ? \"tick\" : \"\")\r\n          }\r\n          onClick={event => {\r\n            handleRadioButton(field.name, false)\r\n          }}\r\n          role=\"button\"\r\n          tabIndex=\"0\"\r\n        >\r\n          No\r\n        </div>\r\n        {errors && touched && <span className=\"InputError\">{errors}</span>}\r\n      </div> */}\r\n      </Row>\r\n    </div>\r\n  )\r\n}\r\nexport default FormRadioButton\r\n"],"sourceRoot":""}