@djb25/digit-ui-module-ekyc 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1307 -592
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
- package/src/Module.js +17 -1
- package/src/components/ConnectionDetailsView.js +180 -59
- package/src/components/DesktopInbox.js +70 -72
- package/src/components/EKYCCard.js +4 -0
- package/src/components/SearchConsumer.js +104 -94
- package/src/components/StatusCards.js +93 -115
- package/src/pages/citizen/index.js +90 -0
- package/src/pages/employee/AadhaarVerification.js +3 -3
- package/src/pages/employee/AddressDetails.js +3 -2
- package/src/pages/employee/Create.js +19 -21
- package/src/pages/employee/Mapping.js +11 -0
- package/src/pages/employee/MeterDetails.js +486 -0
- package/src/pages/employee/PropertyInfo.js +10 -9
- package/src/pages/employee/Review.js +63 -7
- package/src/pages/employee/index.js +14 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-router-dom"),a=require("@djb25/digit-ui-react-components"),o=require("react-i18next"),r=require("chart.js");r.Chart.register(...r.registerables);const i=e=>{let{countData:l}=e;const{t:a}=o.useTranslation(),i=t.useRef(null),s=t.useRef(null),c=t.useRef(null),d=t.useRef(null),E=(null==l?void 0:l.total)||0,m=(null==l?void 0:l.pending)||0,p=(null==l?void 0:l.completed)||0,u=(null==l?void 0:l.completed)||0,g=E,C=u,f=E>0?Math.round(u/E*100):0;t.useEffect(()=>{if(i.current){s.current&&s.current.destroy();const e=i.current.getContext("2d");s.current=new r.Chart(e,{type:"doughnut",data:{labels:[a("EKYC_ACTIVE"),a("EKYC_COMPLETED"),a("EKYC_PENDING")],datasets:[{data:[p,0,m],backgroundColor:["#1a3a6b","#77B6EA","#3d84ed"],borderColor:["#ffffff","#ffffff","#ffffff"],borderWidth:2,hoverOffset:4}]},options:{cutout:"75%",plugins:{legend:{display:!1}},maintainAspectRatio:!0,responsive:!0,aspectRatio:1}})}if(c.current){d.current&&d.current.destroy();const e=c.current.getContext("2d");d.current=new r.Chart(e,{type:"doughnut",data:{labels:[a("EKYC_APPROVED"),a("EKYC_OTHERS")],datasets:[{data:[C,Math.max(0,g-C)],backgroundColor:["#219653","#E0E0E0"],borderColor:["#ffffff","#ffffff"],borderWidth:2,hoverOffset:4}]},options:{cutout:"75%",plugins:{legend:{display:!1}},maintainAspectRatio:!0,responsive:!0,aspectRatio:1}})}return()=>{s.current&&s.current.destroy(),d.current&&d.current.destroy()}},[m,0,p,g,C,a]);const v=e=>new Intl.NumberFormat("en-IN").format(e||0);return n.createElement("div",{style:{fontFamily:"'Segoe UI', sans-serif",width:"100%"}},n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",flexWrap:"wrap",gap:"24px"}},n.createElement("div",{style:{flex:"1",minWidth:"250px"}},n.createElement("div",{style:{fontSize:"11px",fontWeight:"700",color:"#888",letterSpacing:"1px",marginBottom:"16px",textTransform:"uppercase"}},a("EKYC_DASHBOARD_METRICS")||"DASHBOARD METRICS"),n.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px"}},n.createElement("span",{style:{width:"12px",height:"12px",borderRadius:"50%",backgroundColor:"#1a3a6b",flexShrink:0}}),n.createElement("span",{style:{fontSize:"14px",color:"#333"}},a("EKYC_ACTIVE"),": ",n.createElement("strong",{style:{color:"#1a3a6b"}},v(p)))),n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px"}},n.createElement("span",{style:{width:"12px",height:"12px",borderRadius:"50%",backgroundColor:"#3d84ed",flexShrink:0}}),n.createElement("span",{style:{fontSize:"14px",color:"#333"}},a("EKYC_PENDING"),": ",n.createElement("strong",{style:{color:"#1a3a6b"}},v(m)))),n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px"}},n.createElement("span",{style:{width:"12px",height:"12px",borderRadius:"50%",backgroundColor:"#77B6EA",flexShrink:0}}),n.createElement("span",{style:{fontSize:"14px",color:"#333"}},a("EKYC_COMPLETED"),": ",n.createElement("strong",{style:{color:"#1a3a6b"}},v(0)))),n.createElement("div",{style:{marginTop:"20px",padding:"16px",background:"#f8faff",borderRadius:"8px",border:"1px solid #eef2f6"}},n.createElement("div",{style:{fontSize:"32px",fontWeight:"800",color:"#1a3a6b",lineHeight:1}},v(E)),n.createElement("div",{style:{fontSize:"12px",color:"#667085",marginTop:"4px",fontWeight:"600"}},a("EKYC_TOTAL_APPLICATIONS")||"Total Applications Applied")))),n.createElement("div",{style:{display:"flex",gap:"32px",alignItems:"center",justifyContent:"flex-end",flexWrap:"wrap"}},n.createElement("div",{style:{textAlign:"center"}},n.createElement("div",{style:{width:"140px",height:"140px",position:"relative"}},n.createElement("canvas",{ref:i}),n.createElement("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",pointerEvents:"none",width:"100%"}},n.createElement("div",{style:{fontSize:"9px",color:"#667085",fontWeight:"700",marginTop:"4px"}},f,"%"))),n.createElement("div",{style:{marginTop:"8px",fontSize:"11px",fontWeight:"700",color:"#888",textTransform:"uppercase"}},a("EKYC_STATUS_BREAKDOWN"))),n.createElement("div",{style:{textAlign:"center"}},n.createElement("div",{style:{width:"140px",height:"140px",position:"relative"}},n.createElement("canvas",{ref:c}),n.createElement("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",pointerEvents:"none",width:"100%"}},n.createElement("div",{style:{fontSize:"9px",color:"#667085",fontWeight:"700",marginTop:"4px"}},E>0?Math.round(C/E*100):0,"%"))),n.createElement("div",{style:{marginTop:"8px",fontSize:"11px",fontWeight:"700",color:"#888",textTransform:"uppercase"}},a("EKYC_SUBMISSION_HEALTH"))))))},s=e=>{var l;let{filterComponent:r,...s}=e;const{data:c,isLoading:d,onSort:E,onNextPage:m,onPrevPage:p,currentPage:u,pageSizeLimit:g,onPageSizeChange:C,parentRoute:f,searchParams:v,sortParams:_,totalRecords:y,countData:x}=s,{t:S}=o.useTranslation(),h=Digit.ULBService.getCurrentTenantId(),[b,A]=n.useState(()=>{var e;return null===(e=Digit.ComponentRegistryService)||void 0===e?void 0:e.getComponent(r)}),[N,I]=t.useState(!1),[R,T]=t.useState(""),[O,D]=t.useState(""),Y=(null===(l=Digit.Hooks.ekyc)||void 0===l?void 0:l.useEkycApplicationReview)||((e,t)=>Digit.Hooks.useMutation(t=>Digit.EkycService.application_review(t,e),t)),{mutate:K,isLoading:P}=Y({tenantId:h},{onSuccess:e=>{if(null!=e&&e.applicationReviewInfo){const n=(t=e.applicationReviewInfo)?`\n <!DOCTYPE html>\n <html>\n <head>\n <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">\n <style>\n body { font-family: 'Inter', sans-serif; padding: 30px; color: #101828; line-height: 1.5; background: #fff; }\n .header { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #185FA5; padding-bottom: 20px; margin-bottom: 30px; }\n .title { margin: 0; color: #185FA5; font-size: 24px; font-weight: 700; }\n .subtitle { margin: 5px 0 0; color: #667085; font-size: 14px; }\n .section { margin-bottom: 30px; border: 1px solid #EAECF0; border-radius: 12px; overflow: hidden; }\n .section-header { background: #F9FAFB; padding: 12px 20px; border-bottom: 1px solid #EAECF0; font-weight: 700; font-size: 14px; color: #344054; text-transform: uppercase; letter-spacing: 0.05em; }\n .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }\n .item { padding: 16px 20px; border-bottom: 1px solid #F2F4F7; }\n .item:nth-last-child(-n+2) { border-bottom: none; }\n .label { font-size: 11px; color: #667085; text-transform: uppercase; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 4px; }\n .value { font-size: 14px; font-weight: 500; color: #1D2939; }\n .badge { display: inline-block; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600; }\n .badge-success { background: #ECFDF3; color: #027A48; }\n .badge-warning { background: #FFFAEB; color: #B54708; }\n .print-btn { background: #185FA5; color: #fff; padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 14px; display: block; margin: 20px auto; }\n @media print { .print-btn { display: none; } body { padding: 0; } }\n </style>\n </head>\n <body>\n <div class="header">\n <div>\n <h1 class="title">Delhi Jal Board</h1>\n <p class="subtitle">EKYC Application Review Summary</p>\n </div>\n <div style="text-align: right">\n <span class="badge ${"ACTIVE"===t.statusFlag?"badge-success":"badge-warning"}">${t.statusFlag||"N/A"}</span>\n <p class="subtitle" style="margin-top: 8px">Generated on: ${(new Date).toLocaleDateString()}</p>\n </div>\n </div>\n\n <div class="section">\n <div class="section-header">Basic Details</div>\n <div class="grid">\n <div class="item"><div class="label">KNO Number</div><div class="value">${t.kno||"N/A"}</div></div>\n <div class="item"><div class="label">Consumer Name</div><div class="value">${t.consumerName||"N/A"}</div></div>\n <div class="item"><div class="label">Mobile Number</div><div class="value">${t.mobileNo||"N/A"}</div></div>\n <div class="item"><div class="label">Email Address</div><div class="value">${t.email||"N/A"}</div></div>\n <div class="item"><div class="label">Connection Type</div><div class="value">${t.typeOfConnection||"N/A"}</div></div>\n <div class="item"><div class="label">Category</div><div class="value">${t.connectionCategory||"N/A"}</div></div>\n </div>\n </div>\n\n <div class="section">\n <div class="section-header">Location & Property Information</div>\n <div class="grid">\n <div class="item"><div class="label">Address</div><div class="value">${t.addressRaw||"N/A"}</div></div>\n <div class="item"><div class="label">Locality</div><div class="value">${t.locality||"N/A"}</div></div>\n <div class="item"><div class="label">City - Pincode</div><div class="value">${t.city||"N/A"} - ${t.pincode||"N/A"}</div></div>\n <div class="item"><div class="label">PID Number</div><div class="value">${t.pidNumber||"N/A"}</div></div>\n <div class="item"><div class="label">No. of Floors</div><div class="value">${t.noOfFloor||"N/A"}</div></div>\n <div class="item"><div class="label">Verification Status</div><div class="value"><span class="badge ${"SUCCESSFUL"===t.verificationStatus?"badge-success":"badge-warning"}">${t.verificationStatus||"PENDING"}</span></div></div>\n </div>\n </div>\n\n <div class="section">\n <div class="section-header">Meter Information</div>\n <div class="grid">\n <div class="item"><div class="label">Meter Number</div><div class="value">${t.meterNumber||"N/A"}</div></div>\n <div class="item"><div class="label">Meter Make</div><div class="value">${t.meterMake||"N/A"}</div></div>\n <div class="item"><div class="label">Meter Location</div><div class="value">${t.meterLocationAddress||"N/A"}</div></div>\n <div class="item"><div class="label">Working Status</div><div class="value">${t.workingStatus?"Working":"Not Working"}</div></div>\n </div>\n </div>\n\n <button class="print-btn" onclick="window.print()">Print This Review</button>\n </body>\n </html>\n `:"<h3>No data found</h3>";T(n),I(!0)}else{const t=(null==e?void 0:e.acknowledgementURL)||(null==e?void 0:e.reviewUrl)||(null==e?void 0:e.url);t?(T(""),setReviewUrl(t),I(!0)):alert(S("EKYC_REVIEW_INFO_NOT_FOUND"))}var t},onError:e=>{alert((null==e?void 0:e.message)||S("ERR_FAILED_TO_FETCH_REVIEW"))}}),L=t.useMemo(()=>[{Header:S("EKYC_APPLICATION_NO"),accessor:"applicationNumber",Cell:e=>{var t,l;let{row:a}=e;const o=(null===(t=a.original)||void 0===t?void 0:t.kno)||(null===(l=a.original)||void 0===l?void 0:l.applicationNumber)||"NA";return n.createElement("span",{className:"ekyc-application-link",style:{color:"#add8f7",cursor:"pointer",fontWeight:"bold"},onClick:()=>(e=>{D(e),K({kno:e})})(o)},o)}},{Header:S("EKYC_CITIZEN_NAME"),accessor:"citizenName",Cell:e=>{var t;let{row:l}=e;return n.createElement("span",null,(null===(t=l.original)||void 0===t?void 0:t.citizenName)||"NA")}},{Header:S("EKYC_STATUS"),accessor:"status",Cell:e=>{var t;let{row:l}=e;const a=(null===(t=l.original)||void 0===t?void 0:t.status)||"DEFAULT";return n.createElement("span",{className:"ekyc-status-tag "+a},S(""+a))}}],[S,f]),F=t.useMemo(()=>(null==c?void 0:c.items)||[],[c]);return n.createElement("div",{className:"ground-container employee-app-container form-container"},n.createElement("div",{className:"inbox-container",style:{paddingBottom:"16px"}},N&&n.createElement(a.Modal,{headerBarMain:S("EKYC_APPLICATION_REVIEW")+(O?" - "+O:""),headerBarEnd:n.createElement("div",{style:{cursor:"pointer",padding:"5px 10px",background:"#F2F4F7",borderRadius:"4px"},onClick:()=>I(!1)},S("CLOSE")),hideSubmit:!0,popupStyles:{width:"90%",height:"90%",maxWidth:"1000px"},popupModuleMianStyles:{height:"calc(100% - 60px)",padding:0}},n.createElement("iframe",{srcDoc:R,src:R?void 0:reviewUrl,title:"Application Review",style:{width:"100%",height:"100%",border:"none"}})),(d||P)&&n.createElement(a.Loader,null),n.createElement("div",{className:"filters-container"},n.createElement(a.Card,{className:"sidebar-title-card",style:{display:"flex",alignItems:"center",padding:"16px",marginBottom:"16px",borderRadius:"4px"}},n.createElement("div",{className:"icon-container",style:{color:"#3A8DCC",marginRight:"12px"}},n.createElement(a.HomeIcon,{style:{width:"24px",height:"24px"}})),n.createElement("div",{style:{fontWeight:"700",fontSize:"18px",color:"#0B0C0C"}},S("ACTION_TEST_EKYC"))),n.createElement("div",null,b&&n.createElement(b,{defaultSearchParams:s.defaultSearchParams,onFilterChange:s.onSearch,searchParams:v,type:"desktop",moduleCode:"EKYC"}))),n.createElement("div",{style:{flex:1,marginLeft:"16px"}},n.createElement(a.Card,{className:"ekyc-metrics-card",style:{marginBottom:"16px",padding:"16px"}},n.createElement(i,{countData:x})),n.createElement("div",{className:"result",style:{flex:1}},n.createElement(a.Card,{className:"ekyc-table-card",style:{padding:0}},n.createElement(a.Table,{t:S,data:F,columns:L,isLoading:d,onSort:E,sortParams:_,totalRecords:y,onNextPage:m,onPrevPage:p,currentPage:u,pageSizeLimit:g,onPageSizeChange:C,getCellProps:e=>({className:"ekyc-table-cell"})}))))))},c=e=>{let{onSearch:l,searchParams:r,FilterComponent:i,children:s,...c}=e;const{t:d}=o.useTranslation(),[E,m]=t.useState(()=>({...r})),p=(e,t)=>{m(n=>({...n,[e]:t}))},u=e=>{e&&e.preventDefault&&e.preventDefault(),l(E)};return n.createElement("div",{className:"inbox-container"},n.createElement("div",{className:"filters-container"},n.createElement(a.Card,{className:"sidebar-title-card",style:{display:"flex",alignItems:"center",padding:"16px",marginBottom:"16px",borderRadius:"4px"}},n.createElement("div",{className:"icon-container",style:{color:"#3A8DCC",marginRight:"12px"}},n.createElement(a.HomeIcon,{style:{width:"24px",height:"24px"}})),n.createElement("div",{style:{fontWeight:"700",fontSize:"18px",color:"#0B0C0C"}},d("ACTION_CREATE_EKYC"))),n.createElement("div",null,i&&n.createElement(i,{defaultSearchParams:c.defaultSearchParams,onFilterChange:c.onSearch,searchParams:r,type:"desktop",moduleCode:"EKYC"}))),n.createElement("div",{style:{flex:1,marginLeft:"16px"}},n.createElement(a.Card,{className:"ekyc-search-card",style:{padding:"24px",marginBottom:"24px",borderRadius:"12px",boxShadow:"0 4px 12px rgba(0,0,0,0.05)"}},n.createElement(a.Header,{style:{fontSize:"24px",marginBottom:"20px",fontWeight:"700",color:"#0B0C0C"}},d("EKYC_SEARCH_CONSUMER_HEADER")),n.createElement("form",{onSubmit:u},n.createElement("div",{style:{display:"flex",gap:"24px",alignItems:"flex-end",flexWrap:"wrap"}},n.createElement("div",{style:{flex:"1",minWidth:"250px"}},n.createElement("div",{className:"filter-label",style:{fontWeight:"600",marginBottom:"8px",fontSize:"14px",color:"#505A5F"}},d("EKYC_K_NUMBER")),n.createElement("div",{style:{position:"relative"}},n.createElement(a.TextInput,{value:null==E?void 0:E.kNumber,onChange:e=>p("kNumber",e.target.value),placeholder:d("EKYC_K_NUMBER_PLACEHOLDER"),style:{borderRadius:"8px",paddingLeft:"12px",height:"44px"}}))),n.createElement("div",{style:{flex:"1",minWidth:"250px"}},n.createElement("div",{className:"filter-label",style:{fontWeight:"600",marginBottom:"8px",fontSize:"14px",color:"#505A5F"}},d("EKYC_K_NAME")),n.createElement("div",{style:{position:"relative"}},n.createElement(a.TextInput,{value:null==E?void 0:E.kName,onChange:e=>p("kName",e.target.value),placeholder:d("EKYC_K_NAME_PLACEHOLDER"),style:{borderRadius:"8px",paddingLeft:"12px",height:"44px"}})))),n.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:"20px"}},n.createElement("div",{style:{display:"flex",gap:"12px",alignItems:"center"}},n.createElement("button",{type:"button",onClick:()=>{const e={kNumber:"",kName:""};m(e),l(e)},style:{background:"none",border:"none",color:"#0076f3ff",fontWeight:"600",cursor:"pointer",fontSize:"14px",padding:"10px"}},d("ES_COMMON_CLEAR")),n.createElement(a.SubmitBar,{label:d("ES_COMMON_SEARCH"),onSubmit:u,style:{margin:0,borderRadius:"8px",height:"44px",padding:"0 32px"}}))))),s))},d=e=>{var t;let{data:r,isLoading:s,onSearch:d,searchParams:E,parentRoute:m,countData:p}=e;const{t:u}=o.useTranslation(),g=(null==r||null===(t=r.items)||void 0===t?void 0:t.map(e=>({[u("EKYC_APPLICATION_NO")]:e.applicationNumber,[u("EKYC_CITIZEN_NAME")]:e.citizenName,[u("EKYC_MOBILE_NO")]:e.mobileNumber,[u("EKYC_STATUS")]:n.createElement("span",{className:"ekyc-status-tag "+e.status},u("EKYC_STATUS_"+e.status))})))||[];return n.createElement("div",{className:"inbox-wrapper"},n.createElement("div",{className:"ekyc-header-container module-header"},n.createElement(a.Header,{className:"title"},u("EKYC_INBOX_HEADER")),n.createElement(l.Link,{to:m+"/create-kyc"},n.createElement(a.SubmitBar,{label:u("EKYC_CREATE_KYC")}))),n.createElement("div",{className:"ekyc-metrics-section"},n.createElement(i,{countData:p})),n.createElement(c,{onSearch:d,searchParams:E}),n.createElement("div",{className:"mobile-data-container"},s?n.createElement(a.Loader,null):(null==g?void 0:g.length)>0?n.createElement(a.DetailsCard,{data:g,t:u,serviceRequestIdKey:u("EKYC_APPLICATION_NO"),linkPrefix:m+"/application-details/"}):n.createElement(a.Card,null,u("ES_COMMON_NO_DATA").split("\\n").map((e,t)=>n.createElement("p",{key:t,style:{textAlign:"center"}},e)))))},E=e=>{let{searchParams:l,onFilterChange:r,defaultSearchParams:i,...s}=e;const{t:c}=o.useTranslation(),[d,E]=t.useState(()=>({...l}));return n.createElement(a.FilterForm,{onSubmit:()=>{r(d)},handleSubmit:e=>t=>{t&&t.preventDefault(),e()},onResetFilterForm:()=>{E({...i}),r({...i})},id:"ekyc-filter-form",onMobileExclusiveFilterPopupFormClose:s.onClose},n.createElement(a.FilterFormField,null,n.createElement("div",{className:"filter-label",style:{fontWeight:"normal"}},c("EKYC_STATUS"),":"),n.createElement(a.Dropdown,{option:[{label:c("EKYC_STATUS_ALL"),value:""},{label:c("EKYC_STATUS_ACTIVE"),value:"ACTIVE"},{label:c("EKYC_STATUS_PENDING"),value:"PENDING START"}],optionKey:"label",select:e=>{const t={...d,status:e};E(t),r(t)},selected:(null==d?void 0:d.status)||{label:c("EKYC_STATUS_ALL"),value:""}})))},m=e=>{var l;let{parentRoute:a,businessService:r="EKYC",initialStates:i={}}=e;const c=Digit.ULBService.getCurrentTenantId(),{t:E}=o.useTranslation(),[m,p]=t.useState(i.pageOffset||0),[u,g]=t.useState(i.pageSize||10),[C,f]=t.useState(i.sortParams||[{id:"createdTime",desc:!0}]),v=t.useMemo(()=>({label:E("EKYC_STATUS_ALL"),value:""}),[E]),[_,y]=t.useState(i.searchParams||{status:v}),{isLoading:x,data:S,isFetching:h}=Digit.Hooks.ekyc.useEkycSurveyorDashboard({},{tenantId:c,offset:m,limit:u},{enabled:!!c}),b=t.useMemo(()=>{var e,t;let n=(null==S||null===(e=S.dashboardInfo)||void 0===e?void 0:e.consumerList)||[];const l=null===(t=_.status)||void 0===t?void 0:t.value;return l&&""!==l&&(n=n.filter(e=>e.status===l)),n.map(e=>({...e,applicationNumber:e.kno||e.applicationNumber,citizenName:e.consumerName||e.citizenName}))},[S,_.status]),A=t.useMemo(()=>{const e=(null==S?void 0:S.dashboardInfo)||{};return{total:e.total||0,completed:e.completed||0,pending:e.pending||0,rejected:e.rejected||0,active:e.active||0}},[S]),N=(null==S||null===(l=S.dashboardInfo)||void 0===l?void 0:l.totalRecords)||(null==S?void 0:S.totalCount)||0,I=t.useCallback(e=>{y(t=>({...t,...e})),p(0)},[]),R=t.useCallback(e=>{e.length>0&&f(e)},[]),T=t.useMemo(()=>[{label:E("EKYC_STATUS"),name:"status",type:"dropdown",options:[{label:E("EKYC_STATUS_ALL"),value:""},{label:E("EKYC_STATUS_ACTIVE"),value:"ACTIVE"},{label:E("EKYC_STATUS_PENDING"),value:"PENDING START"}],optionsKey:"label"}],[E]);return n.createElement("div",{className:"ekyc-employee-container"},n.createElement("div",{className:"inbox-main-container"},Digit.Utils.browser.isMobile()?n.createElement(d,{data:{items:b,totalCount:N},isLoading:x||h,onSearch:I,searchFields:T,searchParams:_,parentRoute:a,countData:A}):n.createElement(s,{businessService:r,data:{items:b,totalCount:N},isLoading:x||h,searchFields:T,onSearch:I,onSort:R,onNextPage:()=>p(e=>e+u),onPrevPage:()=>p(e=>Math.max(e-u,0)),currentPage:Math.floor(m/u),pageSizeLimit:u,onPageSizeChange:e=>{const t=Number(e.target.value);g(t),p(0)},parentRoute:a,searchParams:_,sortParams:C,totalRecords:N,countData:A,filterComponent:"EKYC_INBOX_FILTER"})))},p=e=>{let{kNumber:r,kName:i,connectionDetails:s,isLoading:c}=e;const{t:d}=o.useTranslation(),E=l.useHistory(),{path:m}=l.useRouteMatch(),[p,u]=t.useState(!1),[g,C]=t.useState({code:"SELF",name:"EKYC_SELF"});return c?n.createElement(a.Loader,null):s?n.createElement(n.Fragment,null,n.createElement(a.Card,{className:"ekyc-create-card",style:{padding:"24px"}},n.createElement(a.CardHeader,null,d("EKYC_K_NUMBER_DETAILS")),n.createElement(a.StatusTable,null,n.createElement(a.Row,{label:d("EKYC_K_NUMBER"),text:r||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_K_NAME"),text:i||d("CS_NA")})),n.createElement(a.CardHeader,{style:{marginTop:"24px"}},d("EKYC_CONNECTION_DETAILS")),null!=s&&s.connectionDetails?n.createElement(a.StatusTable,null,n.createElement(a.Row,{label:d("EKYC_CONSUMER_NAME"),text:s.connectionDetails.consumerName||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_ADDRESS"),text:s.connectionDetails.address||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_CONNECTION_TYPE"),text:s.connectionDetails.connectionType||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_METER_NO"),text:s.connectionDetails.meterNumber||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_PHONE_NO"),text:s.connectionDetails.phoneNumber||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_EMAIL"),text:s.connectionDetails.email||d("CS_NA")}),n.createElement(a.Row,{label:d("EKYC_STATUS"),text:s.connectionDetails.statusflag||d("CS_NA")})):n.createElement(a.CardLabel,null,d("EKYC_NO_CONNECTION_DETAILS_FOUND")),n.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:"16px"}},n.createElement(a.SubmitBar,{label:d("EKYC_START_VERIFICATION"),onSubmit:()=>{u(!0)},style:{borderRadius:"12px",margin:0}}))),p&&n.createElement(a.Modal,{headerBarMain:d("EKYC_SELECT_VERIFICATION_TYPE"),headerBarEnd:n.createElement("span",{onClick:()=>u(!1),style:{cursor:"pointer",padding:"8px"}},"X"),actionSaveLabel:d("ES_COMMON_CONFIRM"),actionSaveOnSubmit:()=>{const e=m.includes("/create-kyc")?m.replace("/create-kyc",""):m.replace("/k-details","");E.push(e+"/aadhaar-verification",{kNumber:r,selectedOption:g,connectionDetails:s}),u(!1)},actionCancelLabel:d("ES_COMMON_CANCEL"),actionCancelOnSubmit:()=>u(!1),style:{borderRadius:"12px"}},n.createElement("div",{style:{padding:"24px"}},n.createElement(a.RadioButtons,{options:[{code:"SELF",name:"EKYC_SELF"},{code:"OTHER",name:"EKYC_OTHER"}],optionsKey:"name",selectedOption:g,onSelect:C,style:{display:"flex",flexDirection:"column",gap:"12px",buttonStyle:{borderRadius:"5px"}},t:d})))):null},u=()=>{const{t:e}=o.useTranslation(),[l,r]=t.useState(()=>{const e=sessionStorage.getItem("EKYC_CREATE_SEARCH_PARAMS");return e?JSON.parse(e):{kNumber:"",kName:""}}),[i,s]=t.useState(()=>"true"===sessionStorage.getItem("EKYC_CREATE_SEARCH_PERFORMED")),[d,E]=t.useState(null),m=Digit.ULBService.getCurrentTenantId(),{isLoading:u,data:g}=Digit.Hooks.ekyc.useSearchConnection({tenantId:m,details:{kno:l.kNumber,name:l.kName}},{enabled:i&&!!l.kNumber&&!!l.kName,onError:t=>{var n,l,a,o;E({error:!0,label:(null==t||null===(n=t.response)||void 0===n||null===(l=n.data)||void 0===l||null===(a=l.Errors)||void 0===a||null===(o=a[0])||void 0===o?void 0:o.message)||e("EKYC_SEARCH_ERROR_PLEASE_ENTER_THE_CORRECT_CREDENTIALS")}),s(!1),sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED")}});return n.createElement("div",{class:"ground-container employee-app-container form-container"},n.createElement(c,{onSearch:t=>{if(!t.kNumber&&!t.kName)return r({kNumber:"",kName:""}),s(!1),sessionStorage.removeItem("EKYC_CREATE_SEARCH_PARAMS"),void sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED");t.kNumber&&t.kName?(r(t),s(!0),sessionStorage.getItem("EKYC_K_NUMBER")!==t.kNumber&&Object.keys(sessionStorage).forEach(e=>{e.startsWith("EKYC_")&&sessionStorage.removeItem(e)}),sessionStorage.setItem("EKYC_CREATE_SEARCH_PARAMS",JSON.stringify(t)),sessionStorage.setItem("EKYC_CREATE_SEARCH_PERFORMED","true"),sessionStorage.setItem("EKYC_K_NUMBER",t.kNumber)):E({error:!0,label:e("EKYC_FILL_ALL_FIELDS")})},searchParams:l},i&&n.createElement(p,{kNumber:l.kNumber,kName:l.kName,connectionDetails:g,isLoading:u}),!i&&!u&&n.createElement(a.Card,{style:{textAlign:"center",padding:"40px"}},n.createElement("div",{style:{color:"#667085"}},e("EKYC_SEARCH_TO_VIEW_DETAILS"))),d&&n.createElement(a.Toast,{error:d.error,label:d.label,onClose:()=>{E(null)},isDsc:!0})))};function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(null,arguments)}const C=(e,t)=>{const n=sessionStorage.getItem(e);try{return n?JSON.parse(n):t}catch(n){return console.warn(`Error parsing sessionStorage key "${e}":`,n),t}};function f(e,t){try{var n=e()}catch(e){return t(e)}return n&&n.then?n.then(void 0,t):n}"undefined"!=typeof Symbol&&(Symbol.iterator||(Symbol.iterator=Symbol("Symbol.iterator"))),"undefined"!=typeof Symbol&&(Symbol.asyncIterator||(Symbol.asyncIterator=Symbol("Symbol.asyncIterator")));const v=e=>{let{size:t=28}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M9 2L7.17 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4H16.83L15 2H9ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"#185FA5"}))},_=e=>{let{size:t=20}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M12 8C9.79 8 8 9.79 8 12C8 14.21 9.79 16 12 16C14.21 16 16 14.21 16 12C16 9.79 14.21 8 12 8ZM20.94 11C20.48 6.83 17.17 3.52 13 3.06V1H11V3.06C6.83 3.52 3.52 6.83 3.06 11H1V13H3.06C3.52 17.17 6.83 20.48 11 20.94V23H13V20.94C17.17 20.48 20.48 17.17 20.94 13H23V11H20.94ZM12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19Z",fill:"#185FA5"}))},y=e=>{let{size:t=18}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M13 13V11H15V13H13ZM13 9V7H15V9H13ZM17 13V11H19V13H17ZM17 9V7H19V9H17ZM11 13V11H9V13H11ZM11 9V7H9V9H11ZM7 13V11H5V13H7ZM7 9V7H5V9H7ZM21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H21C22.1 21 23 20.1 23 19V5C23 3.9 22.1 3 21 3ZM21 19H3V5H21V19Z",fill:"currentColor"}))},x=e=>{let{size:t=11,color:l="#fff"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"3",strokeLinecap:"round"},n.createElement("polyline",{points:"20 6 9 17 4 12"}))},S=e=>{let{icon:t,topAligned:l=!1,inputStyle:o={},...r}=e;return n.createElement("div",{style:{position:"relative",width:"100%"}},n.createElement("div",{style:{position:"absolute",left:"10px",...l?{top:"14px"}:{top:"50%",transform:"translateY(-50%)"},zIndex:1,opacity:.45,display:"flex",pointerEvents:"none"}},t),n.createElement(a.TextInput,g({textInputStyle:{paddingLeft:"36px",paddingRight:"12px",...o}},r)))},h=e=>{let{icon:t,label:l}=e;return n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},n.createElement("div",{style:{opacity:.5,display:"flex"}},t),n.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},l),n.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},b=e=>{var r,i,s,c,d;let{isSection:E=!1,onComplete:m,parentState:p}=e;const{t:u}=o.useTranslation(),g=l.useHistory(),b=l.useLocation(),A=p||b.state||{kNumber:"EKYC-1234567890",selectedOption:{code:"SELF",name:"EKYC_SELF"},connectionDetails:null,initialData:{}},N=A.initialData||{},I=(null===(r=A.connectionDetails)||void 0===r?void 0:r.addressDetails)||{},[R,T]=t.useState(()=>C("EKYC_ADDRESS_TYPE",{code:"AADHAAR",name:"EKYC_AADHAAR_ADDRESS"})),[O,D]=t.useState(()=>C("EKYC_ADDRESS_CORRECT",{code:"NO",name:"CORE_COMMON_NO"})),[Y,K]=t.useState(()=>sessionStorage.getItem("EKYC_FULL_ADDRESS")||N.fullAddress||""),[P,L]=t.useState(()=>sessionStorage.getItem("EKYC_FLAT_NO")||N.flatNo||""),[F,k]=t.useState(()=>sessionStorage.getItem("EKYC_BUILDING")||N.building||""),[B,M]=t.useState(()=>sessionStorage.getItem("EKYC_LANDMARK")||N.landmark||""),[w,z]=t.useState(()=>sessionStorage.getItem("EKYC_PINCODE")||N.pincode||""),[H,U]=t.useState(()=>sessionStorage.getItem("EKYC_DOOR_PHOTO")||null),[W,V]=t.useState(()=>sessionStorage.getItem("EKYC_DOOR_PHOTO_FILESTORE_ID")||null),[X,j]=t.useState(null),[G,$]=t.useState(null),[Z,J]=t.useState(null);t.useEffect(()=>{sessionStorage.setItem("EKYC_ADDRESS_TYPE",JSON.stringify(R)),sessionStorage.setItem("EKYC_ADDRESS_CORRECT",JSON.stringify(O)),sessionStorage.setItem("EKYC_FULL_ADDRESS",Y),sessionStorage.setItem("EKYC_FLAT_NO",P),sessionStorage.setItem("EKYC_BUILDING",F),sessionStorage.setItem("EKYC_LANDMARK",B),sessionStorage.setItem("EKYC_PINCODE",w),H&&sessionStorage.setItem("EKYC_DOOR_PHOTO",H),W&&sessionStorage.setItem("EKYC_DOOR_PHOTO_FILESTORE_ID",W),sessionStorage.setItem("EKYC_CURRENT_STEP","ADDRESS")},[R,O,Y,P,F,B,w,H,W]),t.useEffect(()=>{!function(){try{$(null);const e=function(){if(X){const e=function(){if(X.size>=2e6)$(u("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),J({type:"error",message:u("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=f(function(){return J({type:"info",message:u("EKYC_UPLOADING")}),Promise.resolve(function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,n,l;return(null==e||null===(t=e.data)||void 0===t||null===(n=t.files)||void 0===n||null===(l=n[0])||void 0===l?void 0:l.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}}(X,ee)).then(function(e){if(e){V(e);const t=new FileReader;t.onloadend=()=>U(t.result),t.readAsDataURL(X),J({type:"success",message:u("EKYC_UPLOAD_SUCCESS")})}else $(u("EKYC_FILE_UPLOAD_ERROR")),J({type:"error",message:u("EKYC_FILE_UPLOAD_ERROR")})})},function(){$(u("EKYC_FILE_UPLOAD_ERROR")),J({type:"error",message:u("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[X]);const[q,Q]=t.useState(!1),ee=(t.useRef(null),Digit.ULBService.getCurrentTenantId()),{data:te,isLoading:ne}=Digit.Hooks.useCommonMDMS(ee,"egov-location",["TenantBoundary"]),le=(null==te?void 0:te.MdmsRes)||te,ae=(null==le||null===(i=le["egov-location"])||void 0===i||null===(s=i.TenantBoundary)||void 0===s?void 0:s.find(e=>"ADMIN"===e.hierarchyType.code))||(null==le||null===(c=le["egov-location"])||void 0===c||null===(d=c.TenantBoundary)||void 0===d?void 0:d[0]),oe=null==ae?void 0:ae.boundary,re=e=>{if(!e)return[];let t=[];for(const l of e){var n;const e=(l.label||l.name||"").toLowerCase().replace(/_/g," ");"assembly constituency"!==e&&"assemblyconstituency"!==e||t.push({code:l.code,name:l.name,children:l.children}),null!==(n=l.children)&&void 0!==n&&n.length&&t.push(...re(l.children))}return t},ie=e=>{if(!e)return[];let t=[];for(const l of e){var n;"block"===(l.label||l.name||"").toLowerCase().replace(/_/g," ")&&t.push({code:l.code,name:l.name}),null!==(n=l.children)&&void 0!==n&&n.length&&t.push(...ie(l.children))}return t},se=re(Array.isArray(oe)?oe:oe?[oe]:[]),[ce,de]=t.useState(()=>C("EKYC_ASSEMBLY_DATA",N.assembly?{name:N.assembly}:null)),[Ee,me]=t.useState(()=>C("EKYC_WARD_DATA",N.ward?{name:N.ward}:null));t.useEffect(()=>{sessionStorage.setItem("EKYC_ASSEMBLY_DATA",JSON.stringify(ce)),sessionStorage.setItem("EKYC_WARD_DATA",JSON.stringify(Ee))},[ce,Ee]),t.useEffect(()=>{if(le&&I.assembly&&(null==ce||!ce.code)){const e=se.find(e=>e.name===I.assembly||e.code===I.assembly);e&&de(e)}},[le,se]);const pe=ce?ie(ce.children):[];t.useEffect(()=>{ce&&Ee&&!pe.find(e=>e.name===Ee.name)&&me(null)},[ce]);const ue=[{code:"AADHAAR",name:"EKYC_AADHAAR_ADDRESS"},{code:"OLD",name:"EKYC_OLD_ADDRESS"}],ge=[{code:"YES",name:"CORE_COMMON_YES"},{code:"NO",name:"CORE_COMMON_NO"}],Ce=()=>{const e={addressType:R,fullAddress:Y,flatNo:P,building:F,landmark:B,pincode:w,doorPhoto:H,doorPhotoFileStoreId:W,assembly:null==ce?void 0:ce.name,ward:null==Ee?void 0:Ee.name};if(m)m(e);else{const{kNumber:t,selectedOption:n,connectionDetails:l,initialData:a}=A;g.push("/digit-ui/employee/ekyc/property-info",{kNumber:t,selectedOption:n,connectionDetails:l,addressDetails:e,initialData:a})}};function fe(e){V(null),j(e.target.files[0])}const ve=()=>{U(null),V(null),j(null)},_e=()=>{"geolocation"in navigator?(Q(!0),navigator.geolocation.getCurrentPosition(function(e){let{coords:{latitude:t,longitude:n}}=e;try{return Promise.resolve(function(e,l){try{var a=f(function(){return Promise.resolve(fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${t}&lon=${n}&zoom=18&addressdetails=1`)).then(function(e){if(!e.ok)throw new Error("Geocode failed");return Promise.resolve(e.json()).then(function(e){if(null!=e&&e.address){const t=e.address;K([t.amenity,t.road,t.neighbourhood,t.suburb,t.city,t.state,t.postcode].filter(Boolean).join(", ")),z(t.postcode||""),M(t.suburb||t.neighbourhood||""),L(t.amenity||"")}})})},function(e){console.error("Reverse geocode error:",e)})}catch(e){return l(!0,e)}return a&&a.then?a.then(l.bind(null,!1),l.bind(null,!0)):l(!1,a)}(0,function(e,t){if(Q(!1),e)throw t;return t}))}catch(e){return Promise.reject(e)}},e=>{console.error("Geolocation error:",e),Q(!1),alert(u("LOCATION_FETCH_FAILED"))},{enableHighAccuracy:!0,timeout:1e4,maximumAge:0})):alert(u("GEOLOCATION_NOT_SUPPORTED"))},ye=()=>n.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},n.createElement(h,{icon:n.createElement(a.LocationIcon,{className:"icon",styles:{fill:"#0B0C0C",width:"16px",height:"16px"}}),label:u("EKYC_ADDRESS_DETAILS_HEADER")}),n.createElement("div",{style:{marginBottom:"20px"}},n.createElement(a.RadioButtons,{options:ue,optionsKey:"name",selectedOption:R,onSelect:T,t:u,innerStyles:{display:"flex",alignItems:"center"},style:{display:"flex",gap:"40px"}})),"AADHAAR"===R.code&&n.createElement("div",{style:{backgroundColor:"#E1F5EE",border:"0.5px solid #5DCAA5",borderRadius:"8px",padding:"14px 16px",display:"flex",alignItems:"flex-start",gap:"12px",marginBottom:"20px",animation:"fadeSlideIn 0.3s ease"}},n.createElement("div",{style:{backgroundColor:"#9FE1CB",padding:"6px",borderRadius:"6px",display:"flex",flexShrink:0}},n.createElement(a.LocationIcon,{className:"icon",styles:{fill:"#085041",width:"16px",height:"16px"}})),n.createElement("div",{style:{fontSize:"14px",lineHeight:"1.6",color:"#04342C",fontWeight:"500"}},I.fullAddress)),"OLD"===R.code&&n.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"14px"}},n.createElement(a.CardLabel,{style:{fontWeight:"500",marginBottom:0,fontSize:"13px",color:"#505A5F"}},u("EKYC_ADDRESS_CORRECTION_PROMPT")),n.createElement(a.RadioButtons,{options:ge,optionsKey:"name",selectedOption:O,onSelect:D,t:u,innerStyles:{display:"flex",gap:"20px"},style:{marginBottom:0}})),n.createElement("div",{onClick:q?void 0:_e,style:{border:"0.5px solid #D0D5DD",borderRadius:"8px",padding:"12px 16px",display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"20px",cursor:q?"not-allowed":"pointer",backgroundColor:q?"#F9FAFB":"#fff",transition:"background 0.15s",opacity:q?.7:1},onMouseOver:e=>{q||(e.currentTarget.style.background="#F9FAFB")},onMouseOut:e=>{q||(e.currentTarget.style.background="#fff")}},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px"}},n.createElement("div",{style:{backgroundColor:"#E6F1FB",padding:"7px",borderRadius:"7px",display:"flex"}},q?n.createElement("div",{style:{width:"18px",height:"18px",border:"2px solid #185FA5",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}):n.createElement(_,{size:18})),n.createElement("span",{style:{fontWeight:"500",fontSize:"14px",color:"#344054"}},u(q?"EKYC_FETCHING_LOCATION":"EKYC_USE_CURRENT_LOCATION"))),!q&&n.createElement("span",{style:{fontSize:"18px",color:"#98A2B3",lineHeight:1}},"›")),n.createElement("div",{style:{marginBottom:"14px"}},n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_FULL_ADDRESS")),n.createElement(S,{icon:n.createElement(a.PropertyHouse,{styles:{fill:"#0068fa",width:"15px",height:"15px"}}),topAligned:!0,value:Y,onChange:e=>K(e.target.value),placeholder:u("EKYC_ENTER_FULL_ADDRESS"),inputStyle:{minHeight:"72px"}})),n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"14px"}},n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_FLAT_HOUSE_NUMBER")),n.createElement(S,{icon:n.createElement(a.PropertyHouse,{styles:{fill:"#0068fa",width:"15px",height:"15px"}}),value:P,onChange:e=>L(e.target.value),placeholder:u("EKYC_ENTER_FLAT_NO")})),n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_BUILDING_TOWER")),n.createElement(S,{icon:n.createElement(a.PropertyHouse,{styles:{fill:"#0068fa",width:"15px",height:"15px"}}),value:F,onChange:e=>k(e.target.value),placeholder:u("EKYC_ENTER_BUILDING")}))),n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"4px"}},n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_LANDMARK")),n.createElement(S,{icon:n.createElement(a.LocationIcon,{className:"icon",styles:{fill:"#0068fa",width:"15px",height:"15px"}}),value:B,onChange:e=>M(e.target.value),placeholder:u("EKYC_ENTER_LANDMARK")})),n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_PINCODE")),n.createElement(S,{icon:n.createElement(y,{size:15}),value:w,onChange:e=>{/^\d*$/.test(e.target.value)&&z(e.target.value)},placeholder:u("EKYC_ENTER_PINCODE"),maxLength:6})))),n.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement(h,{icon:n.createElement(a.PropertyHouse,{styles:{fill:"#0B0C0C",width:"16px",height:"16px"}}),label:u("EKYC_ADMINISTRATIVE_DIVISION")}),ne?n.createElement(a.Loader,null):n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"24px"}},n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_ASSEMBLY")),n.createElement(a.Dropdown,{option:se,optionKey:"name",selected:ce,select:e=>{de(e),me(null)},t:u})),n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_WARD")||"Block"),n.createElement(a.Dropdown,{option:pe,optionKey:"name",selected:Ee,select:me,disabled:!ce,t:u}))),n.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement(h,{icon:n.createElement(v,{size:16}),label:u("EKYC_CAPTURE_DOOR_IMAGE")}),n.createElement("div",{style:{fontSize:"12px",color:"#667085",marginBottom:"12px"}},u("EKYC_REQUIRED_FOR_VERIFICATION")),n.createElement(a.UploadFile,{id:"ekyc-door-photo",extraStyleName:"propertyCreate",accept:".jpg,.png,.jpeg",onUpload:fe,onDelete:ve,message:W?"1 "+u("EKYC_ACTION_FILEUPLOADED"):u("EKYC_ACTION_NO_FILEUPLOADED"),error:G}),H&&n.createElement("div",{style:{marginTop:"10px",borderRadius:"8px",overflow:"hidden",border:"1px solid #EAECF0"}},n.createElement("img",{src:H,alt:"Door Preview",style:{width:"100%",maxHeight:"250px",objectFit:"cover"}})),E?n.createElement("div",{style:{marginTop:"24px"}},n.createElement(a.SubmitBar,{label:u("ES_COMMON_SAVE_CONTINUE"),onSubmit:Ce})):n.createElement(a.ActionBar,null,n.createElement(a.SubmitBar,{label:u("EKYC_COMPLETE_VERIFICATION"),onSubmit:Ce})),n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},n.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},n.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),n.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),u("EKYC_SECURE_DATA_NOTICE")),Z&&n.createElement(a.Toast,{label:Z.message,error:"error"===Z.type,info:"info"===Z.type,success:"success"===Z.type,onClose:()=>J(null)}));return E?n.createElement(t.Fragment,null,n.createElement("hr",{style:{margin:"32px 0",border:0,borderTop:"2px solid #EAECF0"}}),ye()):n.createElement("div",{className:"inbox-container"},n.createElement("style",null,"\n @keyframes spin { to { transform: rotate(360deg); } }\n @keyframes fadeSlideIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }\n "),n.createElement("div",{className:"filters-container"},n.createElement(a.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},n.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},n.createElement(a.HomeIcon,{style:{width:"20px",height:"20px"}})),n.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},u("EKYC_PROCESS")||"eKYC Process")),n.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:u("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:u("EKYC_STEP_ADDRESS")||"Address",done:!1,active:!0},{label:u("EKYC_STEP_PROPERTY")||"Property",done:!1,active:!1},{label:u("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>n.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<3?"18px":0}},t<3&&n.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),n.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?n.createElement(x,{size:11,color:"#fff"}):t+1),n.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),n.createElement("div",{style:{flex:1,marginLeft:"16px"}},n.createElement(a.Card,null,n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},n.createElement(a.CardHeader,{style:{margin:0,fontSize:"18px"}},u("EKYC_ADDRESS_DETAILS_HEADER")||"Address Details"),n.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},u("EKYC_K_NUMBER")||"K Number",":"," ",n.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},null==A?void 0:A.kNumber))),ye())))},A=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"},n.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),n.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"}))},N=e=>{let{size:t=16,color:l="currentColor"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"1.8",strokeLinecap:"round"},n.createElement("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),n.createElement("circle",{cx:"12",cy:"7",r:"4"}))},I=e=>{let{size:t=16,color:l="currentColor"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"1.8",strokeLinecap:"round"},n.createElement("path",{d:"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-5.37-5.37 19.79 19.79 0 01-3.07-8.63A2 2 0 014.82 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.91 7.91a16 16 0 006.16 6.16l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"}))},R=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z",fill:"#25D366"}),n.createElement("path",{d:"M12 2C6.477 2 2 6.477 2 12c0 1.89.525 3.66 1.438 5.168L2 22l4.832-1.438A9.96 9.96 0 0012 22c5.523 0 10-4.477 10-10S17.523 2 12 2z",stroke:"#25D366",strokeWidth:"1.8",strokeLinecap:"round"}))},T=e=>{let{size:t=16,color:l="currentColor"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"1.8",strokeLinecap:"round"},n.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),n.createElement("path",{d:"M22 6l-10 7L2 6"}))},O=e=>{let{size:t=16,color:l="currentColor"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"1.8",strokeLinecap:"round"},n.createElement("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),n.createElement("circle",{cx:"9",cy:"7",r:"4"}),n.createElement("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"}))},D=e=>{let{size:t=15,color:l="#1D9E75"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"2.8",strokeLinecap:"round"},n.createElement("polyline",{points:"20 6 9 17 4 12"}))},Y=e=>{let{icon:t,rightIcon:l,inputStyle:o={},...r}=e;return n.createElement("div",{style:{position:"relative",width:"100%"}},n.createElement("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",zIndex:1,opacity:.45,display:"flex",pointerEvents:"none"}},t),n.createElement(a.TextInput,g({textInputStyle:{paddingLeft:"36px",paddingRight:l?"36px":"12px",...o}},r)),l&&n.createElement("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",display:"flex"}},l))},K=e=>{let{icon:t,label:l}=e;return n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},n.createElement("div",{style:{opacity:.5,display:"flex"}},t),n.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},l),n.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},P=e=>{let{label:t,selected:l,onSelect:o,t:r,options:i}=e;return n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}},n.createElement(a.CardLabel,{style:{fontWeight:"500",marginBottom:0,fontSize:"13px",color:"#505A5F"}},t),n.createElement(a.RadioButtons,{options:i,optionsKey:"name",selectedOption:l,onSelect:o,t:r,innerStyles:{display:"flex",gap:"20px",alignItems:"center"},style:{display:"flex",gap:"20px",marginBottom:0}}))},L=()=>{const{t:e}=o.useTranslation(),r=l.useLocation(),i=l.useHistory(),s=t.useRef(null),{kNumber:c,selectedOption:d,connectionDetails:E}=r.state||{kNumber:"EKYC-1234567890",selectedOption:{code:"SELF",name:"EKYC_SELF"},connectionDetails:{connectionDetailsInfo:{consumerName:"Rajesh Kumar Singh",address:"House No. 45, Sector 12, New Delhi - 110001",phoneNumber:"9876543210",email:"rajesh.singh@example.com"}}},m=(null==E?void 0:E.connectionDetails)||(null==E?void 0:E.connectionDetailsInfo)||{},[p]=t.useState(()=>{var e,t,n,l,a,o,r,i,s,c,d,p,u;return C("EKYC_INITIAL_DATA",{userName:m.consumerName||"",mobileNumber:m.phoneNumber||"",whatsappNumber:m.phoneNumber||"",email:m.email||"",noOfPersons:(null==E||null===(e=E.addressDetails)||void 0===e?void 0:e.noOfPerson)||"",pidNumber:(null==E||null===(t=E.propertyDetails)||void 0===t?void 0:t.pidNumber)||"",typeOfConnection:(null==E||null===(n=E.connectionDetails)||void 0===n?void 0:n.connectionType)||"",connectionCategory:(null==E||null===(l=E.connectionDetails)||void 0===l?void 0:l.connectionCategory)||"",userType:(null==E||null===(a=E.propertyDetails)||void 0===a?void 0:a.userType)||"",noOfFloor:(null==E||null===(o=E.propertyDetails)||void 0===o?void 0:o.noOfFloor)||null,fullAddress:(null==E||null===(r=E.addressDetails)||void 0===r?void 0:r.fullAddress)||"",flatNo:(null==E||null===(i=E.addressDetails)||void 0===i?void 0:i.flatHouseNumber)||"",building:(null==E||null===(s=E.addressDetails)||void 0===s?void 0:s.buildingTower)||"",landmark:(null==E||null===(c=E.addressDetails)||void 0===c?void 0:c.landmark)||"",pincode:(null==E||null===(d=E.addressDetails)||void 0===d?void 0:d.pinCode)||"",assembly:(null==E||null===(p=E.addressDetails)||void 0===p?void 0:p.assembly)||"",ward:(null==E||null===(u=E.addressDetails)||void 0===u?void 0:u.ward)||""})});t.useEffect(()=>{sessionStorage.setItem("EKYC_INITIAL_DATA",JSON.stringify(p))},[p]);const[u,g]=t.useState(()=>sessionStorage.getItem("EKYC_AADHAAR_LAST_FOUR")||""),[f,v]=t.useState(()=>"true"===sessionStorage.getItem("EKYC_AADHAAR_VERIFIED")),[_,y]=t.useState(!1),[x,S]=t.useState(!1),[h,L]=t.useState(""),[F,k]=t.useState(!1),[B,M]=t.useState(()=>C("EKYC_NAME_CORRECT",{code:"NO",name:"CORE_COMMON_NO"})),[w,z]=t.useState(()=>sessionStorage.getItem("EKYC_USER_NAME")||p.userName),[H,U]=t.useState(()=>C("EKYC_MOBILE_CHANGE",{code:"NO",name:"CORE_COMMON_NO"})),[W,V]=t.useState(()=>sessionStorage.getItem("EKYC_MOBILE_NUMBER")||p.mobileNumber),[X,j]=t.useState(()=>sessionStorage.getItem("EKYC_WHATSAPP_NUMBER")||p.whatsappNumber),[G,$]=t.useState(()=>sessionStorage.getItem("EKYC_EMAIL")||p.email),[Z,J]=t.useState(()=>sessionStorage.getItem("EKYC_NO_OF_PERSONS")||p.noOfPersons);t.useEffect(()=>{sessionStorage.setItem("EKYC_AADHAAR_LAST_FOUR",u),sessionStorage.setItem("EKYC_AADHAAR_VERIFIED",f),sessionStorage.setItem("EKYC_NAME_CORRECT",JSON.stringify(B)),sessionStorage.setItem("EKYC_USER_NAME",w),sessionStorage.setItem("EKYC_MOBILE_CHANGE",JSON.stringify(H)),sessionStorage.setItem("EKYC_MOBILE_NUMBER",W),sessionStorage.setItem("EKYC_WHATSAPP_NUMBER",X),sessionStorage.setItem("EKYC_EMAIL",G),sessionStorage.setItem("EKYC_NO_OF_PERSONS",Z),sessionStorage.setItem("EKYC_CURRENT_STEP","AADHAAR")},[u,f,B,w,H,W,X,G,Z]);const[q,Q]=t.useState(!1),[ee,te]=t.useState(null),ne=[{code:"YES",name:"CORE_COMMON_YES"},{code:"NO",name:"CORE_COMMON_NO"}],le={verifiedInput:{borderColor:"#1D9E75",backgroundColor:"#E1F5EE"},verifiedCard:{backgroundColor:"#E1F5EE",border:"0.5px solid #5DCAA5",borderRadius:"8px",padding:"16px",marginTop:"14px",marginBottom:"4px",animation:"fadeSlideIn 0.35s ease"},infoLabel:{fontSize:"11px",fontWeight:"600",color:"#1D9E75",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:"3px"},infoValue:{fontSize:"14px",fontWeight:"500",color:"#04342C"},twoCol:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"20px"},optionalTag:{display:"inline-block",fontSize:"10px",background:"#F1EFE8",color:"#5F5E5A",border:"0.5px solid #D3D1C7",borderRadius:"10px",padding:"1px 7px",marginLeft:"6px",fontWeight:"400"}};return n.createElement("div",{className:"ground-container employee-app-container form-container"},n.createElement("div",{className:"inbox-container"},n.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes pulseGreen {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(29,158,117,0.35); }\n 50% { box-shadow: 0 0 0 6px rgba(29,158,117,0); }\n }\n .ekyc-sidebar-step { display: flex; gap: 10px; align-items: flex-start; position: relative; padding-bottom: 18px; }\n .ekyc-sidebar-step:last-child { padding-bottom: 0; }\n .ekyc-step-line { position: absolute; left: 10px; top: 22px; width: 1px; height: calc(100% - 10px); background: #EAECF0; }\n .ekyc-step-dot { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid #D0D5DD; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; color: #98A2B3; background: #fff; flex-shrink: 0; margin-top: 1px; }\n .ekyc-step-dot.active { border-color: #185FA5; color: #185FA5; background: #E6F1FB; }\n .ekyc-step-dot.done { border-color: #0F6E56; background: #0F6E56; color: #fff; }\n .ekyc-step-label { font-size: 12px; color: #667085; padding-top: 2px; }\n .ekyc-step-label.active { color: #0B0C0C; font-weight: 600; }\n .ekyc-step-label.done { color: #0F6E56; }\n .ekyc-field-label { font-size: 11px; font-weight: 600; color: #667085; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }\n "),n.createElement("div",{className:"filters-container"},n.createElement(a.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},n.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},n.createElement(a.HomeIcon,{style:{width:"20px",height:"20px"}})),n.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},e("EKYC_PROCESS")||"eKYC Process")),n.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:e("EKYC_STEP_AADHAAR")||"Aadhaar",done:q,active:!q},{label:e("EKYC_STEP_ADDRESS")||"Address",done:null!==ee,active:q&&null===ee},{label:e("EKYC_STEP_PROPERTY")||"Property",done:!1,active:!1},{label:e("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>n.createElement("div",{className:"ekyc-sidebar-step",key:t},n.createElement("div",{className:"ekyc-step-dot"+(e.done?" done":e.active?" active":"")},e.done?n.createElement(D,{size:11,color:"#fff"}):t+1),t<3&&n.createElement("div",{className:"ekyc-step-line"}),n.createElement("div",{className:"ekyc-step-label"+(e.done?" done":e.active?" active":"")},e.label))))),n.createElement("div",{style:{flex:1,marginLeft:"16px"}},n.createElement(a.Card,null,n.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginBottom:"20px"}},n.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},e("EKYC_K_NUMBER")||"K Number",":"," ",n.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},c))),n.createElement(K,{icon:n.createElement(A,{size:16}),label:e("EKYC_AADHAAR_NUMBER_HEADER")||"Aadhaar Number"}),n.createElement("div",{className:"ekyc-field-label"},e("EKYC_LAST_4_DIGIT_AADHAAR")||"Enter 12 digits of Aadhaar"),n.createElement(a.LabelFieldPair,null,n.createElement("div",{className:"field"},n.createElement(Y,{icon:n.createElement(A,{size:15}),rightIcon:f?n.createElement(D,{size:15}):null,value:u,onChange:e=>{const t=e.target.value;t.length<=12&&/^\d*$/.test(t)&&g(t)},placeholder:e("EKYC_ENTER_LAST_4_DIGIT")||"Enter 12 digits",maxLength:12,disabled:f,inputStyle:f?le.verifiedInput:{}}))),!f&&!x&&n.createElement(a.SubmitBar,{label:_?e("EKYC_VERIFYING")||"Verifying...":e("EKYC_VERIFY_AADHAAR_BTN")||"Verify Aadhaar",onSubmit:()=>{12!==u.length||_||(y(!0),setTimeout(()=>{y(!1),S(!0)},1200))},disabled:12!==u.length||_,style:{marginTop:"12px"}}),!f&&x&&n.createElement(t.Fragment,null,n.createElement("div",{className:"ekyc-field-label",style:{marginTop:"16px"}},e("EKYC_ENTER_OTP")),n.createElement(a.LabelFieldPair,null,n.createElement("div",{className:"field"},n.createElement(Y,{icon:n.createElement(A,{size:15}),value:h,onChange:e=>{const t=e.target.value;/^\d*$/.test(t)&&(L(t),F&&k(!1))},placeholder:e("EKYC_ENTER_OTP_PLACEHOLDER")||"Enter 123456",maxLength:6}))),F&&n.createElement("div",{style:{color:"#D4351C",fontSize:"12px",marginTop:"4px"}},e("EKYC_INVALID_OTP")||"Invalid OTP. Please enter 123456."),n.createElement(a.SubmitBar,{label:e("EKYC_VERIFY_OTP_BTN")||"Verify OTP",onSubmit:()=>{"123456"===h?(v(!0),S(!1),k(!1),Q(!0),setTimeout(()=>{var e;null===(e=s.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"})},100)):k(!0)},disabled:6!==h.length,style:{marginTop:"12px"}})),f&&n.createElement("div",{style:le.verifiedCard},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"14px"}},n.createElement("div",{style:{width:"24px",height:"24px",borderRadius:"50%",background:"#9FE1CB",display:"flex",alignItems:"center",justifyContent:"center",animation:"pulseGreen 2s ease infinite",flexShrink:0}},n.createElement(D,{size:13,color:"#085041"})),n.createElement("span",{style:{fontWeight:"600",color:"#085041",fontSize:"14px"}},e("EKYC_AADHAAR_VERIFIED_SUCCESS")||"Aadhaar Verified Successfully")),n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"}},n.createElement("div",null,n.createElement("div",{style:le.infoLabel},e("EKYC_NAME")||"Name"),n.createElement("div",{style:le.infoValue},m.consumerName)),n.createElement("div",null,n.createElement("div",{style:le.infoLabel},e("EKYC_AADHAAR")||"Aadhaar"),n.createElement("div",{style:le.infoValue},u)),n.createElement("div",{style:{gridColumn:"span 2"}},n.createElement("div",{style:le.infoLabel},e("EKYC_ADDRESS")||"Address"),n.createElement("div",{style:{...le.infoValue,fontSize:"13px"}},m.address)))),n.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement(K,{icon:n.createElement(N,{size:16}),label:e("EKYC_CONTACT_DETAILS_HEADER")||"Contact Details"}),n.createElement(P,{label:`${e("EKYC_USER_NAME")} (${e("EKYC_NAME_CORRECT_HINT")})`,selected:B,onSelect:M,options:ne,sty:!0,t:e}),n.createElement(a.LabelFieldPair,null,n.createElement("div",{className:"field"},n.createElement(Y,{icon:n.createElement(N,{size:15,color:"YES"===B.code?"#64748b":"#94a3b8"}),style:{marginBottom:"12px"},value:w,onChange:e=>z(e.target.value),placeholder:e("EKYC_ENTER_NAME_PLACEHOLDER")||"Enter full name",disabled:"YES"!==B.code}))),n.createElement(P,{label:`${e("EKYC_USER_MOBILE_NUMBER")} (${e("EKYC_UPDATE_MOBILE_HINT")})`,selected:H,onSelect:U,options:ne,t:e}),n.createElement(a.LabelFieldPair,null,n.createElement("div",{className:"field"},n.createElement(Y,{icon:n.createElement(I,{size:15,color:"YES"===H.code?"#64748b":"#94a3b8"}),style:{marginBottom:"12px"},value:W,onChange:e=>V(e.target.value),placeholder:"+91 XXXXX XXXXX",disabled:"YES"!==H.code}))),n.createElement("div",{style:le.twoCol},n.createElement("div",null,n.createElement("div",{className:"ekyc-field-label"},e("EKYC_WHATSAPP_NUMBER")||"WhatsApp Number"),n.createElement(Y,{icon:n.createElement(R,{size:15}),value:X,onChange:e=>j(e.target.value),placeholder:"+91 XXXXX XXXXX"})),n.createElement("div",null,n.createElement("div",{className:"ekyc-field-label"},e("EKYC_EMAIL_ADDRESS")||"Email Address",n.createElement("span",{style:le.optionalTag},e("EKYC_OPTIONAL")||"Optional")),n.createElement(Y,{icon:n.createElement(T,{size:15}),value:G,onChange:e=>$(e.target.value),placeholder:e("EKYC_EMAIL_ADDRESS_PLACEHOLDER")||"example@email.com"}))),n.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement(K,{icon:n.createElement(O,{size:16}),label:e("EKYC_FAMILY_DETAILS_HEADER")||"Family Details"}),n.createElement("div",{className:"ekyc-field-label"},e("EKYC_NO_OF_PERSONS")||"Number of Family Members"),n.createElement(a.LabelFieldPair,null,n.createElement("div",{className:"field"},n.createElement(Y,{icon:n.createElement(O,{size:15}),value:Z,onChange:e=>{/^\d*$/.test(e.target.value)&&J(e.target.value)},placeholder:e("EKYC_ENTER_NO_OF_PERSONS")||"Enter total number of persons"}))),!q&&n.createElement("div",{style:{marginTop:"24px"}},n.createElement(a.SubmitBar,{label:e("ES_COMMON_SAVE_CONTINUE")||"Save & Continue",onSubmit:()=>{Q(!0),setTimeout(()=>{var e;null===(e=s.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"})},100)}})),q&&n.createElement("div",{ref:s},n.createElement(b,{isSection:!0,onComplete:e=>{te(e),i.push("/digit-ui/employee/ekyc/property-info",{kNumber:c,selectedOption:d,connectionDetails:E,aadhaarDetails:{aadhaarLastFour:u,isAadhaarVerified:f,userName:w,mobileNumber:W,whatsappNumber:X,email:G,noOfPersons:Z},addressDetails:e,initialData:p})},parentState:{kNumber:c,selectedOption:d,connectionDetails:E}})),n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"20px",fontSize:"11px",color:"#98A2B3"}},n.createElement(A,{size:11}),e("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure")))))},F=e=>{let{size:t=11,color:l="#fff"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"3",strokeLinecap:"round"},n.createElement("polyline",{points:"20 6 9 17 4 12"}))},k=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},n.createElement("path",{d:"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8V9h8v10zm-2-8h-4v2h4v-2zm0 4h-4v2h4v-2z"}))},B=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},n.createElement("path",{d:"M20 6H16V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v13c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6-2v2h-4V4h4z"}))},M=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},n.createElement("path",{d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13z"}))},w=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},n.createElement("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),n.createElement("path",{d:"M7 8h5M7 12h8M7 16h4"}))},z=e=>{let{icon:t,label:l}=e;return n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},n.createElement("div",{style:{opacity:.5,display:"flex"}},t),n.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},l),n.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},H=e=>{let{icon:t,...l}=e;return n.createElement("div",{style:{position:"relative",width:"100%"}},n.createElement("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",zIndex:1,opacity:.45,display:"flex",pointerEvents:"none"}},t),n.createElement(a.TextInput,g({textInputStyle:{paddingLeft:"36px",paddingRight:"12px"}},l)))},U=()=>{var e,r,i,s,c,d,E,m;const{t:p}=o.useTranslation(),u=l.useHistory(),g=l.useLocation().state||{kNumber:sessionStorage.getItem("EKYC_K_NUMBER")||"EKYC-1234567890",initialData:C("EKYC_INITIAL_DATA",{})},{kNumber:v}=g,_=g.initialData||C("EKYC_INITIAL_DATA",{}),y=Digit.ULBService.getCurrentTenantId(),{data:x}=Digit.Hooks.ekyc.useGetPropertyType(y),{data:S}=Digit.Hooks.ekyc.useGetConnectionTypeV2(y),{data:h}=Digit.Hooks.ekyc.useGetUserType(y),{data:b}=Digit.Hooks.ekyc.useGetFloorCount(y),[A,N]=t.useState(()=>sessionStorage.getItem("EKYC_OWNER_TYPE")||_.ownerType||"OWNER"),[I,R]=t.useState(()=>sessionStorage.getItem("EKYC_PID_NUMBER")||_.pidNumber||""),[T,O]=t.useState(()=>C("EKYC_TYPE_OF_CONNECTION_DATA",_.typeOfConnection?{label:p(_.typeOfConnection),value:_.typeOfConnection}:null)),[D,Y]=t.useState(()=>C("EKYC_CONNECTION_CATEGORY_DATA",_.connectionCategory?{label:p(_.connectionCategory),value:_.connectionCategory}:null)),[K,P]=t.useState(()=>C("EKYC_USER_TYPE_DATA",_.userType?{label:p(_.userType),value:_.userType}:null)),[L,U]=t.useState(()=>C("EKYC_NO_OF_FLOORS_DATA",_.noOfFloor?{label:p(_.noOfFloor),value:_.noOfFloor}:null)),[W,V]=t.useState(()=>sessionStorage.getItem("EKYC_PROPERTY_DOC")||null),[X,j]=t.useState(()=>sessionStorage.getItem("EKYC_PROPERTY_DOC_FILESTORE_ID")||null),[G,$]=t.useState(()=>sessionStorage.getItem("EKYC_BUILDING_PHOTO")||null),[Z,J]=t.useState(()=>sessionStorage.getItem("EKYC_BUILDING_PHOTO_FILESTORE_ID")||null),[q,Q]=t.useState(null),[ee,te]=t.useState(null),[ne,le]=t.useState(null),[ae,oe]=t.useState(null);t.useEffect(()=>{sessionStorage.setItem("EKYC_OWNER_TYPE",A),sessionStorage.setItem("EKYC_PID_NUMBER",I),sessionStorage.setItem("EKYC_TYPE_OF_CONNECTION_DATA",JSON.stringify(T)),sessionStorage.setItem("EKYC_CONNECTION_CATEGORY_DATA",JSON.stringify(D)),sessionStorage.setItem("EKYC_USER_TYPE_DATA",JSON.stringify(K)),sessionStorage.setItem("EKYC_NO_OF_FLOORS_DATA",JSON.stringify(L)),W&&sessionStorage.setItem("EKYC_PROPERTY_DOC",W),X&&sessionStorage.setItem("EKYC_PROPERTY_DOC_FILESTORE_ID",X),G&&sessionStorage.setItem("EKYC_BUILDING_PHOTO",G),Z&&sessionStorage.setItem("EKYC_BUILDING_PHOTO_FILESTORE_ID",Z),sessionStorage.setItem("EKYC_CURRENT_STEP","PROPERTY")},[A,I,T,D,K,L,W,X,G,Z]);const re=function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,n,l;return(null==e||null===(t=e.data)||void 0===t||null===(n=t.files)||void 0===n||null===(l=n[0])||void 0===l?void 0:l.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}};t.useEffect(()=>{!function(){try{le(null);const e=function(){if(q){const e=function(){if(q.size>=5e6)le(p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),oe({type:"error",message:p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=f(function(){return oe({type:"info",message:p("EKYC_UPLOADING")}),Promise.resolve(re(q,y)).then(function(e){e?(j(e),V(q.name),oe({type:"success",message:p("EKYC_UPLOAD_SUCCESS")})):(le(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")}))})},function(){le(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[q]),t.useEffect(()=>{!function(){try{le(null);const e=function(){if(ee){const e=function(){if(ee.size>=2e6)le(p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),oe({type:"error",message:p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=f(function(){return oe({type:"info",message:p("EKYC_UPLOADING")}),Promise.resolve(re(ee,y)).then(function(e){if(e){J(e);const t=new FileReader;t.onloadend=()=>$(t.result),t.readAsDataURL(ee),oe({type:"success",message:p("EKYC_UPLOAD_SUCCESS")})}else le(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")})})},function(){le(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[ee]),t.useRef(null),t.useRef(null);const ie=(null==x||null===(e=x["ws-services-calculation"])||void 0===e||null===(r=e.propertyTypeV2)||void 0===r?void 0:r.map(e=>({label:p(e.code),value:e.code})))||[],se=(null==S||null===(i=S["ws-services-calculation"])||void 0===i||null===(s=i.connectionTypeV2)||void 0===s?void 0:s.map(e=>({label:p(e.code),value:e.code})))||[],ce=(null==h||null===(c=h["ws-services-calculation"])||void 0===c||null===(d=c.userTypeV2)||void 0===d?void 0:d.map(e=>({label:p(e.code),value:e.code})))||[],de=(null==b||null===(E=b["ws-services-calculation"])||void 0===E||null===(m=E.floorCount)||void 0===m?void 0:m.map(e=>({label:p(e.code),value:e.code})))||[];return n.createElement("div",{class:"ground-container employee-app-container form-container"},n.createElement("div",{className:"inbox-container"},n.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n "),n.createElement("div",{className:"filters-container"},n.createElement(a.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},n.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},n.createElement(a.HomeIcon,{style:{width:"20px",height:"20px"}})),n.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},p("EKYC_PROCESS")||"eKYC Process")),n.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:p("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:p("EKYC_STEP_ADDRESS")||"Address",done:!0,active:!1},{label:p("EKYC_STEP_PROPERTY")||"Property",done:!1,active:!0},{label:p("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>n.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<3?"18px":0}},t<3&&n.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),n.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?n.createElement(F,{size:11,color:"#fff"}):t+1),n.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),n.createElement("div",{style:{flex:1,marginLeft:"16px"}},n.createElement(a.Card,null,n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},n.createElement(a.CardHeader,{style:{margin:0,fontSize:"18px"}},p("EKYC_PROPERTY_DETAILS_HEADER")||"Property Details"),n.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},p("EKYC_K_NUMBER")||"K Number",":"," ",n.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},v))),n.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},n.createElement(z,{icon:n.createElement(B,{size:16}),label:p("EKYC_PROPERTY_DETAILS")||"Property details"}),n.createElement("div",{style:{marginBottom:"20px"}},n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},p("EKYC_PROPERTY_OWNER")||"Property owner"),n.createElement("div",{style:{display:"flex",backgroundColor:"#F2F4F7",padding:"4px",borderRadius:"10px",gap:"4px"}},["OWNER","TENANT"].map(e=>n.createElement("button",{key:e,onClick:()=>N(e),style:{flex:1,padding:"9px 12px",borderRadius:"7px",border:"none",cursor:"pointer",fontSize:"13px",fontWeight:"600",transition:"all 0.15s",background:A===e?"#185FA5":"transparent",color:A===e?"#fff":"#667085"}},p("EKYC_"+e)||("OWNER"===e?"Owner":"Tenant"))))),n.createElement("div",{style:{marginBottom:"20px"}},n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_PID_NUMBER")||"PID number"," ",n.createElement("span",{style:{fontStyle:"italic",fontWeight:"400",textTransform:"none",color:"#98A2B3"}},"— ",p("EKYC_OPTIONAL")||"optional")),n.createElement(H,{icon:n.createElement(w,{size:15}),value:I,onChange:e=>R(e.target.value),placeholder:p("EKYC_ENTER_PID_NUMBER")||"Enter PID number"})),n.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement(z,{icon:n.createElement(k,{size:16}),label:p("EKYC_BUILDING_INFO")||"Building info"}),n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"14px"}},n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_TYPE_OF_CONNECTION")||"Type of connection"),n.createElement(a.Dropdown,{selected:T,select:O,option:ie,optionKey:"label",t:p,placeholder:p("EKYC_SELECT")||"Select"})),n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_CONNECTION_CATEGORY")||"Connection category"),n.createElement(a.Dropdown,{selected:D,select:Y,option:se,optionKey:"label",t:p,placeholder:p("EKYC_SELECT")||"Select"}))),n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"24px"}},n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_USER_TYPE")||"User type"),n.createElement(a.Dropdown,{selected:K,select:P,option:ce,optionKey:"label",t:p,placeholder:p("EKYC_SELECT")||"Select"})),n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_NO_OF_FLOORS")||"No. of floors"),n.createElement(a.Dropdown,{selected:L,select:U,option:de,optionKey:"label",t:p,placeholder:p("EKYC_SELECT")||"Select"}))),n.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement(z,{icon:n.createElement(M,{size:16}),label:p("EKYC_DOCUMENTS_PHOTO")||"Documents & photo"}),n.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"20px"}},n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},p("EKYC_UPLOAD_PROPERTY_DOC")||"Upload property document"),n.createElement(a.UploadFile,{id:"ekyc-property-doc",extraStyleName:"propertyCreate",accept:".pdf",onUpload:function(e){j(null),Q(e.target.files[0])},onDelete:()=>{j(null),V(null),Q(null)},message:X?"1 "+p("EKYC_ACTION_FILEUPLOADED"):p("EKYC_ACTION_NO_FILEUPLOADED"),error:ne,disabled:!I}),!I&&n.createElement("div",{style:{fontSize:"11px",color:"#D92D20",marginTop:"4px"}},p("EKYC_ENTER_PID_FIRST_CTA")||"Enter PID to upload")),n.createElement("div",null,n.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},p("EKYC_CAPTURE_BUILDING_IMAGE")||"Capture building image"),n.createElement(a.UploadFile,{id:"ekyc-building-photo",extraStyleName:"propertyCreate",accept:".jpg,.png,.jpeg",onUpload:function(e){J(null),te(e.target.files[0])},onDelete:()=>{J(null),$(null),te(null)},message:Z?"1 "+p("EKYC_ACTION_FILEUPLOADED"):p("EKYC_ACTION_NO_FILEUPLOADED"),error:ne}),G&&n.createElement("div",{style:{marginTop:"10px",borderRadius:"8px",overflow:"hidden",border:"1px solid #EAECF0"}},n.createElement("img",{src:G,alt:"Building Preview",style:{width:"100%",maxHeight:"150px",objectFit:"cover"}})))),n.createElement("div",{style:{backgroundColor:"#E6F1FB",border:"0.5px solid #B5D4F4",borderRadius:"8px",padding:"12px 14px",display:"flex",alignItems:"flex-start",gap:"10px",marginBottom:"4px"}},n.createElement("div",{style:{flexShrink:0,marginTop:"1px"}},n.createElement(a.InfoBannerIcon,{fill:"#185FA5"})),n.createElement("div",{style:{fontSize:"13px",color:"#185FA5",lineHeight:"1.5"}},p("EKYC_TENANT_INFO_NOTICE")||"This section is enabled only if the user is not the owner. Tenant details will be required if tenant is selected."))),n.createElement("div",{style:{marginTop:"24px"}},n.createElement(a.SubmitBar,{label:p("EKYC_SAVE_AND_CONTINUE")||"Save & Continue",onSubmit:()=>{u.push("/digit-ui/employee/ekyc/review",{...g,propertyDetails:{ownerType:A,pidNumber:I,connectionType:D,connectionCategory:T,userType:K,noOfFloors:L,propertyDocument:W,propertyDocumentFileStoreId:X,buildingPhoto:G,buildingPhotoFileStoreId:Z},initialData:_})}})),n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},n.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},n.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),n.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),p("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure")))),ae&&n.createElement(a.Toast,{label:ae.message,error:"error"===ae.type,info:"info"===ae.type,success:"success"===ae.type,onClose:()=>oe(null)}))},W=e=>{let{size:t=11,color:l="#fff"}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:"3",strokeLinecap:"round"},n.createElement("polyline",{points:"20 6 9 17 4 12"}))},V=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},n.createElement("path",{d:"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"}))},X=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},n.createElement("path",{d:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"}))},j=e=>{let{size:t=16}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},n.createElement("path",{d:"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8V9h8v10zm-2-8h-4v2h4v-2zm0 4h-4v2h4v-2z"}))},G=e=>{let{size:t=14}=e;return n.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},n.createElement("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),n.createElement("path",{d:"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"}))},$=e=>{let{icon:t,label:l}=e;return n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},n.createElement("div",{style:{opacity:.5,display:"flex"}},t),n.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},l),n.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},Z=e=>{let{icon:t,title:l,onEdit:a,editLabel:o,rows:r,t:i}=e;return n.createElement("div",{style:{border:"0.5px solid #EAECF0",borderRadius:"10px",overflow:"hidden",marginBottom:"16px",animation:"fadeSlideIn 0.3s ease"}},n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"14px 16px",background:"#F9FAFB",borderBottom:"0.5px solid #EAECF0"}},n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},n.createElement("div",{style:{opacity:.5,display:"flex"}},t),n.createElement("span",{style:{fontSize:"14px",fontWeight:"600",color:"#0B0C0C"}},l)),n.createElement("button",{onClick:a,style:{display:"flex",alignItems:"center",gap:"5px",background:"none",border:"0.5px solid #D0D5DD",borderRadius:"6px",padding:"5px 12px",fontSize:"12px",fontWeight:"600",color:"#185FA5",cursor:"pointer"}},n.createElement(G,{size:12}),o)),n.createElement("div",{style:{padding:"4px 0"}},r.map((e,t)=>e.value?n.createElement("div",{key:t,style:{display:"flex",alignItems:"flex-start",padding:"10px 16px",borderBottom:t<r.length-1?"0.5px solid #F2F4F7":"none"}},n.createElement("div",{style:{flex:"0 0 180px",fontSize:"12px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",paddingTop:"1px"}},e.label),n.createElement("div",{style:{flex:1,fontSize:"14px",color:"#101828",fontWeight:"500",wordBreak:"break-word",display:"flex",alignItems:"center",gap:"8px"}},e.value,e.isModified&&n.createElement("span",{style:{fontSize:"10px",background:"#FFF4ED",color:"#B45309",border:"0.5px solid #FDE68A",borderRadius:"4px",padding:"2px 6px",fontWeight:"600",textTransform:"uppercase"}},i("EKYC_MODIFIED")||"Modified"))):null)))},J=()=>{var e,r,i,s,c,d,E,m,p,u;const{t:g}=o.useTranslation(),v=l.useHistory(),_=l.useLocation(),y=_.state||{},x=y.initialData||C("EKYC_INITIAL_DATA",{}),S=y.kNumber||sessionStorage.getItem("EKYC_K_NUMBER")||"EKYC-1234567890",h=y.aadhaarDetails||{userName:sessionStorage.getItem("EKYC_USER_NAME"),mobileNumber:sessionStorage.getItem("EKYC_MOBILE_NUMBER"),whatsappNumber:sessionStorage.getItem("EKYC_WHATSAPP_NUMBER"),email:sessionStorage.getItem("EKYC_EMAIL"),noOfPersons:sessionStorage.getItem("EKYC_NO_OF_PERSONS")},b=y.addressDetails||{fullAddress:sessionStorage.getItem("EKYC_FULL_ADDRESS"),flatNo:sessionStorage.getItem("EKYC_FLAT_NO"),building:sessionStorage.getItem("EKYC_BUILDING"),landmark:sessionStorage.getItem("EKYC_LANDMARK"),pincode:sessionStorage.getItem("EKYC_PINCODE"),assembly:null===(e=C("EKYC_ASSEMBLY_DATA"))||void 0===e?void 0:e.name,ward:null===(r=C("EKYC_WARD_DATA"))||void 0===r?void 0:r.name,doorPhoto:sessionStorage.getItem("EKYC_DOOR_PHOTO"),doorPhotoFileStoreId:sessionStorage.getItem("EKYC_DOOR_PHOTO_FILESTORE_ID")},A=y.propertyDetails||{ownerType:sessionStorage.getItem("EKYC_OWNER_TYPE"),pidNumber:sessionStorage.getItem("EKYC_PID_NUMBER"),connectionCategory:C("EKYC_TYPE_OF_CONNECTION_DATA"),connectionType:C("EKYC_CONNECTION_CATEGORY_DATA"),userType:C("EKYC_USER_TYPE_DATA"),noOfFloors:C("EKYC_NO_OF_FLOORS_DATA"),propertyDocument:sessionStorage.getItem("EKYC_PROPERTY_DOC"),propertyDocumentFileStoreId:sessionStorage.getItem("EKYC_PROPERTY_DOC_FILESTORE_ID"),buildingPhoto:sessionStorage.getItem("EKYC_BUILDING_PHOTO"),buildingPhotoFileStoreId:sessionStorage.getItem("EKYC_BUILDING_PHOTO_FILESTORE_ID")};t.useEffect(()=>{sessionStorage.setItem("EKYC_CURRENT_STEP","REVIEW")},[]);const N=(e,t)=>{const n=x[e];return void 0!==n&&JSON.stringify(n)!==JSON.stringify(t)},[I,R]=t.useState(null),T=Digit.ULBService.getCurrentTenantId()||"dl",{mutate:O,isLoading:D}=Digit.Hooks.ekyc.useEkycApplicationUpdate(T),Y=D,K=function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,n,l;return(null==e||null===(t=e.data)||void 0===t||null===(n=t.files)||void 0===n||null===(l=n[0])||void 0===l?void 0:l.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}},P=(e,t)=>{const n=e.split(","),l=n[0].match(/:(.*?);/)[1],a=atob(n[1]);let o=a.length;const r=new Uint8Array(o);for(;o--;)r[o]=a.charCodeAt(o);return new File([r],t,{type:l})};return n.createElement("div",{className:"ground-container employee-app-container form-container"},n.createElement(t.Fragment,null,n.createElement("div",{className:"inbox-container"},n.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n "),n.createElement("div",{className:"filters-container"},n.createElement(a.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},n.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},n.createElement(a.HomeIcon,{style:{width:"20px",height:"20px"}})),n.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},g("EKYC_PROCESS")||"eKYC Process")),n.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:g("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:g("EKYC_STEP_ADDRESS")||"Address",done:!0,active:!1},{label:g("EKYC_STEP_PROPERTY")||"Property",done:!0,active:!1},{label:g("EKYC_STEP_REVIEW")||"Review",done:!1,active:!0}].map((e,t)=>n.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<3?"18px":0}},t<3&&n.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),n.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?n.createElement(W,{size:11,color:"#fff"}):t+1),n.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),n.createElement("div",{style:{flex:1,marginLeft:"16px"}},n.createElement(a.Card,null,n.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},n.createElement(a.CardHeader,{style:{margin:0,fontSize:"18px"}},g("EKYC_REVIEW_DETAILS")||"Review Details"),n.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},g("EKYC_K_NUMBER")||"K Number",":"," ",n.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},S))),n.createElement("div",{style:{backgroundColor:"#E1F5EE",border:"0.5px solid #5DCAA5",borderRadius:"8px",padding:"12px 16px",display:"flex",alignItems:"center",gap:"10px",marginBottom:"24px"}},n.createElement("div",{style:{backgroundColor:"#9FE1CB",padding:"5px",borderRadius:"6px",display:"flex",flexShrink:0}},n.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#085041",strokeWidth:"3",strokeLinecap:"round"},n.createElement("polyline",{points:"20 6 9 17 4 12"}))),n.createElement("div",{style:{fontSize:"13px",color:"#04342C",fontWeight:"500"}},g("EKYC_REVIEW_NOTICE")||"Please review all details carefully before submitting. You can edit any section by clicking Edit.")),n.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},n.createElement($,{icon:n.createElement(V,{size:16}),label:g("EKYC_AADHAAR_VERIFICATION_HEADER")||"Aadhaar details"}),n.createElement(Z,{icon:n.createElement(V,{size:16}),title:g("EKYC_AADHAAR_VERIFICATION_HEADER")||"Aadhaar details",onEdit:()=>{v.push("/digit-ui/employee/ekyc/aadhaar-verification",_.state)},editLabel:g("CS_COMMON_EDIT")||"Edit",t:g,rows:[{label:g("EKYC_NAME")||"Name",value:h.userName||"Rajesh Kumar Singh",isModified:N("userName",h.userName)},{label:g("EKYC_AADHAAR")||"Aadhaar no.",value:h.aadhaarLastFour?""+h.aadhaarLastFour:"XXXX XXXX 1234"},{label:g("EKYC_MOBILE_NO")||"Mobile no.",value:h.mobileNumber||"XXXXXXXXXX",isModified:N("mobileNumber",h.mobileNumber)},{label:g("EKYC_EMAIL_ADDRESS")||"Email",value:h.email||null,isModified:N("email",h.email)}]}),n.createElement("hr",{style:{margin:"20px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement($,{icon:n.createElement(X,{size:16}),label:g("EKYC_ADDRESS_DETAILS_HEADER")||"Address details"}),n.createElement(Z,{icon:n.createElement(X,{size:16}),title:g("EKYC_ADDRESS_DETAILS_HEADER")||"Address details",onEdit:()=>{v.push("/digit-ui/employee/ekyc/address-details",_.state)},editLabel:g("CS_COMMON_EDIT")||"Edit",t:g,rows:[{label:g("EKYC_FULL_ADDRESS")||"Full address",value:b.fullAddress||"H.No. 123, Sector 15, Rohini, Delhi – 110085",isModified:N("fullAddress",b.fullAddress)},{label:g("EKYC_FLAT_HOUSE_NUMBER")||"Flat / House no.",value:b.flatNo||null,isModified:N("flatNo",b.flatNo)},{label:g("EKYC_BUILDING_TOWER")||"Building",value:b.building||null,isModified:N("building",b.building)},{label:g("EKYC_LANDMARK")||"Landmark",value:b.landmark||null,isModified:N("landmark",b.landmark)},{label:g("EKYC_PINCODE")||"Pincode",value:b.pincode||"110085",isModified:N("pincode",b.pincode)},{label:g("EKYC_ASSEMBLY")||"Assembly",value:b.assembly||"AC-12 Chandni Chowk",isModified:N("assembly",b.assembly)},{label:g("EKYC_WARD")||"Ward",value:b.ward||"WARD-45 Civil Lines",isModified:N("ward",b.ward)}]}),n.createElement("hr",{style:{margin:"20px 0",border:0,borderTop:"1px solid #EAECF0"}}),n.createElement($,{icon:n.createElement(j,{size:16}),label:g("EKYC_PROPERTY_INFO")||"Property details"}),n.createElement(Z,{icon:n.createElement(j,{size:16}),title:g("EKYC_PROPERTY_INFO")||"Property details",onEdit:()=>{v.push("/digit-ui/employee/ekyc/property-info",_.state)},editLabel:g("CS_COMMON_EDIT")||"Edit",t:g,rows:[{label:g("EKYC_PROPERTY_OWNER")||"Property owner",value:A.ownerType||"Owner"},{label:g("EKYC_PID_NUMBER")||"PID number",value:A.pidNumber||null,isModified:N("pidNumber",A.pidNumber)},{label:g("EKYC_TYPE_OF_CONNECTION")||"Type of connection",value:(null===(i=A.connectionCategory)||void 0===i?void 0:i.label)||null,isModified:N("typeOfConnection",null===(s=A.connectionCategory)||void 0===s?void 0:s.value)},{label:g("EKYC_CONNECTION_CATEGORY")||"Connection category",value:(null===(c=A.connectionType)||void 0===c?void 0:c.label)||null,isModified:N("connectionCategory",null===(d=A.connectionType)||void 0===d?void 0:d.value)},{label:g("EKYC_USER_TYPE")||"User type",value:(null===(E=A.userType)||void 0===E?void 0:E.label)||null,isModified:N("userType",null===(m=A.userType)||void 0===m?void 0:m.value)},{label:g("EKYC_NO_OF_FLOORS")||"No. of floors",value:(null===(p=A.noOfFloors)||void 0===p?void 0:p.label)||null,isModified:N("noOfFloor",null===(u=A.noOfFloors)||void 0===u?void 0:u.value)}]})),n.createElement("div",{style:{marginTop:"24px"}},n.createElement(a.SubmitBar,{label:Y?g("EKYC_SUBMITTING")||"Submitting...":g("ES_COMMON_SUBMIT")||"Submit",onSubmit:function(){try{R(null);const e=f(function(){var e;function t(){function e(){function e(){var e,o,r,i;const s={updateType:"PROPERTY",kno:S,pidNumber:A.pidNumber||null,propertyDocumentFileStoreId:l,buildingImageFileStoreId:t,userType:(null===(e=A.userType)||void 0===e?void 0:e.value)||null,noOfFloor:null!==(o=A.noOfFloors)&&void 0!==o&&o.value?parseInt(A.noOfFloors.value,10):null,typeOfConnection:(null===(r=A.connectionCategory)||void 0===r?void 0:r.value)||null,connectionCategory:(null===(i=A.connectionType)||void 0===i?void 0:i.value)||null,modifiedBy:n.name||n.userName||null,mobileNumber:h.mobileNumber||null,email:h.email||null,userName:h.userName||null,noOfPersons:h.noOfPersons||null,doorPhotoFileStoreId:a,fullAddress:b.fullAddress||null,flatNo:b.flatNo||null,building:b.building||null,landmark:b.landmark||null,pincode:b.pincode||null,assembly:b.assembly||null,ward:b.ward||null};O(s,{onSuccess:e=>{R({type:"success",message:g("EKYC_SUBMIT_SUCCESS")||"Application submitted successfully!"}),Object.keys(sessionStorage).forEach(e=>{e.startsWith("EKYC_")&&sessionStorage.removeItem(e)}),setTimeout(()=>{v.push("/digit-ui/employee/ekyc/dashboard")},1800)},onError:e=>{var t,n,l,a;console.error("eKYC Submit Error:",e),R({type:"error",message:(null==e||null===(t=e.response)||void 0===t||null===(n=t.data)||void 0===n||null===(l=n.Errors)||void 0===l||null===(a=l[0])||void 0===a?void 0:a.message)||g("EKYC_SUBMIT_ERROR")||"Submission failed. Please try again."})}})}let a=b.doorPhotoFileStoreId||null;const o=function(){if(!a&&b.doorPhoto){const e=P(b.doorPhoto,"door_photo.jpg");return Promise.resolve(K(e,T)).then(function(e){a=e})}}();return o&&o.then?o.then(e):e()}let t=A.buildingPhotoFileStoreId||null;const a=function(){if(!t&&A.buildingPhoto){const e=P(A.buildingPhoto,"building_photo.jpg");return Promise.resolve(K(e,T)).then(function(e){t=e})}}();return a&&a.then?a.then(e):e()}const n=(null===(e=Digit.UserService.getUser())||void 0===e?void 0:e.info)||{};let l=A.propertyDocumentFileStoreId||null;const a=function(){if(!l&&A.propertyDocument instanceof File)return Promise.resolve(K(A.propertyDocument,T)).then(function(e){l=e})}();return a&&a.then?a.then(t):t()},function(e){console.error("eKYC Frontend Error:",e),R({type:"error",message:g("EKYC_SUBMIT_ERROR")||"An error occurred during submission."})});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},disabled:Y})),n.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},n.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},n.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),n.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),g("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure")))),I&&n.createElement(a.Toast,{label:I.message,error:"error"===I.type,success:"success"===I.type,onClose:()=>R(null)})))},q=e=>{let{path:t}=e;const{t:r}=o.useTranslation(),i=l.useLocation();sessionStorage.removeItem("revalidateddone");const s=[{icon:a.HomeIcon,path:"/digit-ui/employee"},{label:r((()=>{const e=i.pathname;return e.includes("/dashboard")?"ES_COMMON_INBOX":e.includes("/create-kyc")?"EKYC_CREATE_KYC":e.includes("/k-details")?"EKYC_K_DETAILS":e.includes("/aadhaar-verification")?"EKYC_AADHAAR_VERIFICATION":e.includes("/address-details")?"EKYC_ADDRESS_DETAILS":e.includes("/property-info")?"EKYC_PROPERTY_INFO":e.includes("/review")?"EKYC_REVIEW":"ES_COMMON_INBOX"})())}];return n.createElement(a.AppContainer,null,n.createElement("div",{className:"ground-container employee-app-container"},n.createElement(a.ModuleHeader,{leftContent:n.createElement(n.Fragment,null,n.createElement(a.ArrowLeft,{className:"icon"}),"Back"),onLeftClick:()=>window.history.back(),breadcrumbs:s}),n.createElement(l.Switch,null,n.createElement(a.PrivateRoute,{path:t+"/dashboard",component:()=>n.createElement(m,{parentRoute:t,businessService:"EKYC",moduleCode:"EKYC",isInbox:!0})}),n.createElement(a.PrivateRoute,{path:t+"/create-kyc",component:()=>n.createElement(u,null)}),n.createElement(a.PrivateRoute,{path:t+"/aadhaar-verification",component:()=>n.createElement(L,null)}),n.createElement(a.PrivateRoute,{path:t+"/address-details",component:()=>n.createElement(b,null)}),n.createElement(a.PrivateRoute,{path:t+"/property-info",component:()=>n.createElement(U,null)}),n.createElement(a.PrivateRoute,{path:t+"/review",component:()=>n.createElement(J,null)}),n.createElement(a.PrivateRoute,{path:t+"/",component:()=>n.createElement(m,{parentRoute:t,businessService:"EKYC",moduleCode:"EKYC",isInbox:!0})}))))},Q=e=>{let{stateCode:t,userType:a,tenants:o}=e;const{path:r,url:i}=l.useRouteMatch(),s=Digit.StoreData.getCurrentLanguage(),{isLoading:c}=Digit.Services.useStore({stateCode:t,moduleCode:"EKYC",language:s});return Digit.SessionStorage.set("EKYC_TENANTS",o),c?null:"employee"===a?n.createElement(q,{path:r,url:i,userType:a,tenants:o}):null},ee={EKYCModule:Q,EKYCCard:()=>{const{t:e}=o.useTranslation(),t={Icon:n.createElement(a.PersonIcon,null),moduleName:e("ACTION_TEST_EKYC"),kpis:[{count:"-",label:e("TOTAL_EKYC"),link:"/digit-ui/employee/ekyc/dashboard"}],links:[{label:e("EKYC_DASHBOARD"),link:"/digit-ui/employee/ekyc/dashboard"},{label:e("EKYC_CREATE_KYC"),link:"/digit-ui/employee/ekyc/create-kyc"}]};return n.createElement(a.EmployeeModuleCard,t)},EKYCInbox:m,EKYCDesktopInbox:s,EKYCMobileInbox:d,EKYC_INBOX_FILTER:e=>n.createElement(E,e)};exports.EkycModule=Q,exports.default=Q,exports.initEkycComponents=()=>{Object.entries(ee).forEach(e=>{let[t,n]=e;Digit.ComponentRegistryService.setComponent(t,n)})};
|
|
1
|
+
var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-i18next"),l=require("react-router-dom"),o=require("@djb25/digit-ui-react-components"),r=require("chart.js");r.Chart.register(...r.registerables);const i=e=>{let{countData:l}=e;const{t:o}=n.useTranslation(),i=t.useRef(null),s=t.useRef(null),c=(null==l?void 0:l.total)||0,d=(null==l?void 0:l.pending)||0,E=(null==l?void 0:l.completed)||0,m=(null==l?void 0:l.completed)||0,p=m,u=c>0?Math.round(m/c*100):0,v=c>0?Math.round(p/c*100):0,g=e=>new Intl.NumberFormat("en-IN").format(e||0);t.useEffect(()=>{if(i.current){s.current&&s.current.destroy();const e=i.current.getContext("2d");s.current=new r.Chart(e,{type:"doughnut",data:{labels:[o("EKYC_ACTIVE"),o("EKYC_PENDING"),o("EKYC_COMPLETED")],datasets:[{data:[E,d,0],backgroundColor:["#0c2a52","#77B6EA","#c8ddf5"],borderColor:["#ffffff","#ffffff","#ffffff"],borderWidth:2,hoverOffset:4}]},options:{cutout:"75%",plugins:{legend:{display:!1}},maintainAspectRatio:!1,responsive:!0}})}return()=>{s.current&&s.current.destroy()}},[d,0,E,o]);const C=[{color:"#0c2a52",label:o("EKYC_ACTIVE"),value:E},{color:"#77B6EA",label:o("EKYC_PENDING"),value:d},{color:"#c8ddf5",label:o("EKYC_COMPLETED"),value:0}];return a.createElement("div",{className:"ekyc-employee-container"},a.createElement("div",{className:"status-cards-wrapper"},a.createElement("div",{className:"status-cards-header"},a.createElement("div",null,a.createElement("div",{className:"eyebrow"},a.createElement("span",{className:"eyebrow-dot"}),o("EKYC_INSTITUTIONAL_OVERVIEW")||"Institutional Performance Overview"),a.createElement("h1",{className:"status-cards-h1"},o("EKYC_DASHBOARD_TITLE")||"eKYC Verification Dashboard"),a.createElement("p",{className:"status-cards-subtitle"},o("EKYC_DASHBOARD_SUBTITLE")||"Real-time monitoring of consumer verification workflows across all administrative zones.")),a.createElement("div",{className:"total-applications-card"},a.createElement("div",{className:"total-label"},o("EKYC_TOTAL_APPLICATIONS")||"Total Applications Processed"),a.createElement("div",{className:"total-number"},g(c)),a.createElement("div",{className:"total-badge"},"↗ +12.4% ",o("EKYC_FROM_LAST_QUARTER")||"from last quarter"))),a.createElement("div",{className:"status-panels-grid"},a.createElement("div",{className:"status-panel"},a.createElement("div",{className:"panel-title"},o("EKYC_STATUS_BREAKDOWN")||"Status Breakdown"),a.createElement("div",{className:"panel-subtitle"},o("EKYC_VERIFICATION_LIFECYCLE")||"Verification lifecycle distribution"),a.createElement("div",{className:"breakdown-body"},a.createElement("div",{className:"status-legend"},C.map(e=>a.createElement("div",{key:e.label,className:"legend-row"},a.createElement("span",{className:"legend-label"},a.createElement("span",{className:"indicator-dot",style:{background:e.color}}),e.label),a.createElement("span",{className:"legend-value"},g(e.value))))),a.createElement("div",{className:"chart-wrapper"},a.createElement("canvas",{ref:i,style:{width:"100%",height:"100%"}}),a.createElement("div",{className:"chart-center"},a.createElement("div",{className:"chart-percentage"},u,"%"),a.createElement("div",{className:"chart-label"},o("EKYC_COMPLETE")||"Complete"))))),a.createElement("div",{className:"status-panel"},a.createElement("div",{className:"panel-title"},o("EKYC_SUBMISSION_HEALTH")||"Submission Health",a.createElement("span",{className:"optimal-badge"},o("EKYC_OPTIMAL")||"Optimal")),a.createElement("div",{className:"panel-subtitle"},o("EKYC_PLATFORM_EFFICIENCY")||"Platform operational efficiency"),a.createElement("div",{className:"health-metrics-row"},a.createElement("div",{className:"health-percentage"},v,"%"),a.createElement("div",{className:"health-trend"},"↗ +2.1%")),a.createElement("div",{className:"status-progress-bar"},a.createElement("div",{className:"progress-fill",style:{width:v+"%"}})),a.createElement("div",{className:"mini-metrics-grid"},a.createElement("div",{className:"metric-box"},a.createElement("div",{className:"metric-label"},o("EKYC_AVG_LATENCY")||"Avg Latency"),a.createElement("div",{className:"metric-value"},"1.2s")),a.createElement("div",{className:"metric-box"},a.createElement("div",{className:"metric-label"},o("EKYC_ERROR_RATE")||"Error Rate"),a.createElement("div",{className:"metric-value"},"0.04%")))))))},s=e=>{var l;let{filterComponent:r,...s}=e;const{data:c,isLoading:d,onSort:E,onNextPage:m,onPrevPage:p,currentPage:u,pageSizeLimit:v,onPageSizeChange:g,parentRoute:C,searchParams:_,sortParams:f,totalRecords:S,countData:y}=s,{t:h}=n.useTranslation(),A=Digit.ULBService.getCurrentTenantId(),[x,N]=a.useState(()=>{var e;return null===(e=Digit.ComponentRegistryService)||void 0===e?void 0:e.getComponent(r)}),[b,T]=t.useState(!1),[I,R]=t.useState(""),[O,Y]=t.useState(""),D=(null===(l=Digit.Hooks.ekyc)||void 0===l?void 0:l.useEkycApplicationReview)||((e,t)=>Digit.Hooks.useMutation(t=>Digit.EkycService.application_review(t,e),t)),{mutate:K,isLoading:L}=D({tenantId:A},{onSuccess:e=>{if(null!=e&&e.applicationReviewInfo){const a=(t=e.applicationReviewInfo)?`\n <!DOCTYPE html>\n <html>\n <head>\n <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">\n <style>\n body { font-family: 'Inter', sans-serif; padding: 30px; color: #101828; line-height: 1.5; background: #fff; }\n .header { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #185FA5; padding-bottom: 20px; margin-bottom: 30px; }\n .title { margin: 0; color: #185FA5; font-size: 24px; font-weight: 700; }\n .subtitle { margin: 5px 0 0; color: #667085; font-size: 14px; }\n .section { margin-bottom: 30px; border: 1px solid #EAECF0; border-radius: 12px; overflow: hidden; }\n .section-header { background: #F9FAFB; padding: 12px 20px; border-bottom: 1px solid #EAECF0; font-weight: 700; font-size: 14px; color: #344054; text-transform: uppercase; letter-spacing: 0.05em; }\n .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }\n .item { padding: 16px 20px; border-bottom: 1px solid #F2F4F7; }\n .item:nth-last-child(-n+2) { border-bottom: none; }\n .label { font-size: 11px; color: #667085; text-transform: uppercase; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 4px; }\n .value { font-size: 14px; font-weight: 500; color: #1D2939; }\n .badge { display: inline-block; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600; }\n .badge-success { background: #ECFDF3; color: #027A48; }\n .badge-warning { background: #FFFAEB; color: #B54708; }\n .print-btn { background: #185FA5; color: #fff; padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 14px; display: block; margin: 20px auto; }\n @media print { .print-btn { display: none; } body { padding: 0; } }\n </style>\n </head>\n <body>\n <div class="header">\n <div>\n <h1 class="title">Delhi Jal Board</h1>\n <p class="subtitle">EKYC Application Review Summary</p>\n </div>\n <div style="text-align: right">\n <span class="badge ${"ACTIVE"===t.statusFlag?"badge-success":"badge-warning"}">${t.statusFlag||"N/A"}</span>\n <p class="subtitle" style="margin-top: 8px">Generated on: ${(new Date).toLocaleDateString()}</p>\n </div>\n </div>\n\n <div class="section">\n <div class="section-header">Basic Details</div>\n <div class="grid">\n <div class="item"><div class="label">KNO Number</div><div class="value">${t.kno||"N/A"}</div></div>\n <div class="item"><div class="label">Consumer Name</div><div class="value">${t.consumerName||"N/A"}</div></div>\n <div class="item"><div class="label">Mobile Number</div><div class="value">${t.mobileNo||"N/A"}</div></div>\n <div class="item"><div class="label">Email Address</div><div class="value">${t.email||"N/A"}</div></div>\n <div class="item"><div class="label">Connection Type</div><div class="value">${t.typeOfConnection||"N/A"}</div></div>\n <div class="item"><div class="label">Category</div><div class="value">${t.connectionCategory||"N/A"}</div></div>\n </div>\n </div>\n\n <div class="section">\n <div class="section-header">Location & Property Information</div>\n <div class="grid">\n <div class="item"><div class="label">Address</div><div class="value">${t.addressRaw||"N/A"}</div></div>\n <div class="item"><div class="label">Locality</div><div class="value">${t.locality||"N/A"}</div></div>\n <div class="item"><div class="label">City - Pincode</div><div class="value">${t.city||"N/A"} - ${t.pincode||"N/A"}</div></div>\n <div class="item"><div class="label">PID Number</div><div class="value">${t.pidNumber||"N/A"}</div></div>\n <div class="item"><div class="label">No. of Floors</div><div class="value">${t.noOfFloor||"N/A"}</div></div>\n <div class="item"><div class="label">Verification Status</div><div class="value"><span class="badge ${"SUCCESSFUL"===t.verificationStatus?"badge-success":"badge-warning"}">${t.verificationStatus||"PENDING"}</span></div></div>\n </div>\n </div>\n\n <div class="section">\n <div class="section-header">Meter Information</div>\n <div class="grid">\n <div class="item"><div class="label">Meter Number</div><div class="value">${t.meterNumber||"N/A"}</div></div>\n <div class="item"><div class="label">Meter Make</div><div class="value">${t.meterMake||"N/A"}</div></div>\n <div class="item"><div class="label">Meter Location</div><div class="value">${t.meterLocationAddress||"N/A"}</div></div>\n <div class="item"><div class="label">Working Status</div><div class="value">${t.workingStatus?"Working":"Not Working"}</div></div>\n </div>\n </div>\n\n <button class="print-btn" onclick="window.print()">Print This Review</button>\n </body>\n </html>\n `:"<h3>No data found</h3>";R(a),T(!0)}else{const t=(null==e?void 0:e.acknowledgementURL)||(null==e?void 0:e.reviewUrl)||(null==e?void 0:e.url);t?(R(""),setReviewUrl(t),T(!0)):alert(h("EKYC_REVIEW_INFO_NOT_FOUND"))}var t},onError:e=>{alert((null==e?void 0:e.message)||h("ERR_FAILED_TO_FETCH_REVIEW"))}}),P=t.useMemo(()=>[{Header:h("EKYC_APPLICATION_NO"),accessor:"applicationNumber",Cell:e=>{var t,n;let{row:l}=e;const o=(null===(t=l.original)||void 0===t?void 0:t.kno)||(null===(n=l.original)||void 0===n?void 0:n.applicationNumber)||"NA";return a.createElement("span",{className:"ekyc-application-link",style:{color:"#add8f7",cursor:"pointer",fontWeight:"bold"},onClick:()=>(e=>{Y(e),K({kno:e})})(o)},o)}},{Header:h("EKYC_CITIZEN_NAME"),accessor:"citizenName",Cell:e=>{var t;let{row:n}=e;return a.createElement("span",null,(null===(t=n.original)||void 0===t?void 0:t.citizenName)||"NA")}},{Header:h("EKYC_STATUS"),accessor:"status",Cell:e=>{var t;let{row:n}=e;const l=(null===(t=n.original)||void 0===t?void 0:t.status)||"DEFAULT";return a.createElement("span",{className:"ekyc-status-tag "+l},h(""+l))}}],[h,C]),k=t.useMemo(()=>(null==c?void 0:c.items)||[],[c]);return a.createElement("div",{className:"inbox-container"},b&&a.createElement(o.Modal,{headerBarMain:h("EKYC_APPLICATION_REVIEW")+(O?" - "+O:""),headerBarEnd:a.createElement("div",{style:{cursor:"pointer",padding:"5px 10px",background:"#F2F4F7",borderRadius:"4px"},onClick:()=>T(!1)},h("CLOSE")),hideSubmit:!0,popupStyles:{width:"90%",height:"90%",maxWidth:"1000px"},popupModuleMianStyles:{height:"calc(100% - 60px)",padding:0}},a.createElement("iframe",{srcDoc:I,src:I?void 0:reviewUrl,title:"Application Review",style:{width:"100%",height:"100%",border:"none"}})),(d||L)&&a.createElement(o.Loader,null),a.createElement("div",{className:"filters-container"},a.createElement(o.Card,{className:"sidebar-title-card",style:{display:"flex",alignItems:"center",padding:"16px",marginBottom:"16px",borderRadius:"4px"}},a.createElement("div",{className:"icon-container",style:{color:"#3A8DCC",marginRight:"12px"}},a.createElement(o.HomeIcon,{style:{width:"24px",height:"24px"}})),a.createElement("div",{style:{fontWeight:"700",fontSize:"18px",color:"#0B0C0C"}},h("ACTION_TEST_EKYC"))),a.createElement("div",null,x&&a.createElement(x,{defaultSearchParams:s.defaultSearchParams,onFilterChange:s.onSearch,searchParams:_,type:"desktop",moduleCode:"EKYC"}))),a.createElement("div",{style:{flex:1,marginLeft:"16px"}},a.createElement(o.Card,{className:"ekyc-metrics-card",style:{marginBottom:"16px",padding:"16px"}},a.createElement(i,{countData:y})),a.createElement("div",{className:"result",style:{flex:1}},a.createElement(o.Card,{className:"ekyc-table-card",style:{padding:0}},a.createElement(o.Table,{t:h,data:k,columns:P,isLoading:d,onSort:E,sortParams:f,totalRecords:S,onNextPage:m,onPrevPage:p,currentPage:u,pageSizeLimit:v,onPageSizeChange:g,getCellProps:e=>({className:"ekyc-table-cell"})})))))},c=e=>{var l,r,i;let{onSearch:s,searchParams:c,children:d,...E}=e;const{t:m}=n.useTranslation(),[p,u]=t.useState(()=>({...c})),v=(e,t)=>{u(a=>({...a,[e]:t}))};return a.createElement("div",{className:"ekyc-employee-container"},a.createElement("div",{className:"search-consumer-wrapper"},a.createElement("div",{className:"header-wrapper"},a.createElement(o.Card,{className:"sidebar-title-card"},a.createElement("div",{className:"icon-container"},a.createElement(o.HomeIcon,null)),a.createElement("div",{className:"title-text"},m("EKYC_SEARCH_CONSUMER_HEADER")))),a.createElement("div",{className:"main-content-wrapper"},a.createElement("div",{className:"search-stats-row"},a.createElement("div",{className:"identity-lookup-card"},a.createElement("div",{className:"lookup-card-title"},a.createElement("div",{className:"lookup-icon-bg"},a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#3A7BD5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("circle",{cx:"11",cy:"11",r:"8"}),a.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"}))),a.createElement("span",{className:"lookup-title-text"},m("EKYC_IDENTITY_LOOKUP")||"Identity Lookup")),a.createElement("form",{onSubmit:e=>{e&&e.preventDefault&&e.preventDefault(),s(p)}},a.createElement("div",{className:"inputs-row"},a.createElement("div",{className:"input-group"},a.createElement("label",null,m("EKYC_K_NUMBER")||"K Number",a.createElement("span",{className:"info-badge"},"i")),a.createElement(o.TextInput,{value:null==p?void 0:p.kNumber,onChange:e=>v("kNumber",e.target.value),placeholder:m("EKYC_K_NUMBER_PLACEHOLDER")||"e.g. 8234910234"})),a.createElement("div",{className:"input-group"},a.createElement("label",null,m("EKYC_K_NAME")||"K Name",a.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#3A7BD5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),a.createElement("circle",{cx:"12",cy:"7",r:"4"}))),a.createElement(o.TextInput,{value:null==p?void 0:p.kName,onChange:e=>v("kName",e.target.value),placeholder:m("EKYC_K_NAME_PLACEHOLDER")||"Consumer name search"}))),a.createElement("div",{className:"actions-row"},a.createElement("button",{type:"button",onClick:()=>{const e={kNumber:"",kName:""};u(e),s(e)},className:"clear-btn"},m("ES_COMMON_CLEAR")||"Clear"),a.createElement("button",{type:"submit",className:"search-btn"},m("ES_COMMON_SEARCH")||"Execute Search")))),a.createElement("div",{className:"stats-column"},a.createElement("div",{className:"audits-card"},a.createElement("div",{className:"audits-label"},m("EKYC_TODAYS_AUDITS")||"Today's Audits"),a.createElement("div",{className:"audits-count"},(null===(l=E.countData)||void 0===l?void 0:l.todaysAudits)||24),a.createElement("div",{className:"audits-change"},a.createElement("span",null,"↗"),(null===(r=E.countData)||void 0===r?void 0:r.auditChange)||"12% increase from yesterday"),a.createElement("div",{className:"audits-watermark"},"M")),a.createElement("div",{className:"queue-card"},a.createElement("div",{className:"queue-label"},m("EKYC_QUEUE_STATUS")||"Queue Status"),a.createElement("div",{className:"queue-content"},a.createElement("div",{className:"queue-status-text"},(null===(i=E.countData)||void 0===i?void 0:i.pendingCount)||3," Pending"),a.createElement("div",{className:"avatar-group"},[0,1].map(e=>a.createElement("div",{key:e,className:"avatar-item"},String.fromCharCode(65+e))),a.createElement("div",{className:"avatar-more"},"+1")))))),d)))},d=e=>{var t;let{data:r,isLoading:s,onSearch:d,searchParams:E,parentRoute:m,countData:p}=e;const{t:u}=n.useTranslation(),v=(null==r||null===(t=r.items)||void 0===t?void 0:t.map(e=>({[u("EKYC_APPLICATION_NO")]:e.applicationNumber,[u("EKYC_CITIZEN_NAME")]:e.citizenName,[u("EKYC_MOBILE_NO")]:e.mobileNumber,[u("EKYC_STATUS")]:a.createElement("span",{className:"ekyc-status-tag "+e.status},u("EKYC_STATUS_"+e.status))})))||[];return a.createElement("div",{className:"inbox-wrapper"},a.createElement("div",{className:"ekyc-header-container module-header"},a.createElement(o.Header,{className:"title"},u("EKYC_INBOX_HEADER")),a.createElement(l.Link,{to:m+"/create-kyc"},a.createElement(o.SubmitBar,{label:u("EKYC_CREATE_KYC")}))),a.createElement("div",{className:"ekyc-metrics-section"},a.createElement(i,{countData:p})),a.createElement(c,{onSearch:d,searchParams:E}),a.createElement("div",{className:"mobile-data-container"},s?a.createElement(o.Loader,null):(null==v?void 0:v.length)>0?a.createElement(o.DetailsCard,{data:v,t:u,serviceRequestIdKey:u("EKYC_APPLICATION_NO"),linkPrefix:m+"/application-details/"}):a.createElement(o.Card,null,u("ES_COMMON_NO_DATA").split("\\n").map((e,t)=>a.createElement("p",{key:t,style:{textAlign:"center"}},e)))))},E=e=>{let{searchParams:l,onFilterChange:r,defaultSearchParams:i,...s}=e;const{t:c}=n.useTranslation(),[d,E]=t.useState(()=>({...l}));return a.createElement(o.FilterForm,{onSubmit:()=>{r(d)},handleSubmit:e=>t=>{t&&t.preventDefault(),e()},onResetFilterForm:()=>{E({...i}),r({...i})},id:"ekyc-filter-form",onMobileExclusiveFilterPopupFormClose:s.onClose},a.createElement(o.FilterFormField,null,a.createElement("div",{className:"filter-label",style:{fontWeight:"normal"}},c("EKYC_STATUS"),":"),a.createElement(o.Dropdown,{option:[{label:c("EKYC_STATUS_ALL"),value:""},{label:c("EKYC_STATUS_ACTIVE"),value:"ACTIVE"},{label:c("EKYC_STATUS_PENDING"),value:"PENDING START"}],optionKey:"label",select:e=>{const t={...d,status:e};E(t),r(t)},selected:(null==d?void 0:d.status)||{label:c("EKYC_STATUS_ALL"),value:""}})))},m=e=>{var l;let{parentRoute:o,businessService:r="EKYC",initialStates:i={}}=e;const c=Digit.ULBService.getCurrentTenantId(),{t:E}=n.useTranslation(),[m,p]=t.useState(i.pageOffset||0),[u,v]=t.useState(i.pageSize||10),[g,C]=t.useState(i.sortParams||[{id:"createdTime",desc:!0}]),_=t.useMemo(()=>({label:E("EKYC_STATUS_ALL"),value:""}),[E]),[f,S]=t.useState(i.searchParams||{status:_}),{isLoading:y,data:h,isFetching:A}=Digit.Hooks.ekyc.useEkycSurveyorDashboard({},{tenantId:c,offset:m,limit:u},{enabled:!!c}),x=t.useMemo(()=>{var e,t;let a=(null==h||null===(e=h.dashboardInfo)||void 0===e?void 0:e.consumerList)||[];const n=null===(t=f.status)||void 0===t?void 0:t.value;return n&&""!==n&&(a=a.filter(e=>e.status===n)),a.map(e=>({...e,applicationNumber:e.kno||e.applicationNumber,citizenName:e.consumerName||e.citizenName}))},[h,f.status]),N=t.useMemo(()=>{const e=(null==h?void 0:h.dashboardInfo)||{};return{total:e.total||0,completed:e.completed||0,pending:e.pending||0,rejected:e.rejected||0,active:e.active||0}},[h]),b=(null==h||null===(l=h.dashboardInfo)||void 0===l?void 0:l.totalRecords)||(null==h?void 0:h.totalCount)||0,T=t.useCallback(e=>{S(t=>({...t,...e})),p(0)},[]),I=t.useCallback(e=>{e.length>0&&C(e)},[]),R=t.useMemo(()=>[{label:E("EKYC_STATUS"),name:"status",type:"dropdown",options:[{label:E("EKYC_STATUS_ALL"),value:""},{label:E("EKYC_STATUS_ACTIVE"),value:"ACTIVE"},{label:E("EKYC_STATUS_PENDING"),value:"PENDING START"}],optionsKey:"label"}],[E]);return a.createElement("div",{className:"ekyc-employee-container"},a.createElement("div",{className:"inbox-main-container"},Digit.Utils.browser.isMobile()?a.createElement(d,{data:{items:x,totalCount:b},isLoading:y||A,onSearch:T,searchFields:R,searchParams:f,parentRoute:o,countData:N}):a.createElement(s,{businessService:r,data:{items:x,totalCount:b},isLoading:y||A,searchFields:R,onSearch:T,onSort:I,onNextPage:()=>p(e=>e+u),onPrevPage:()=>p(e=>Math.max(e-u,0)),currentPage:Math.floor(m/u),pageSizeLimit:u,onPageSizeChange:e=>{const t=Number(e.target.value);v(t),p(0)},parentRoute:o,searchParams:f,sortParams:g,totalRecords:b,countData:N,filterComponent:"EKYC_INBOX_FILTER"})))},p=e=>{let{kNumber:r,kName:i,connectionDetails:s,isLoading:c}=e;const{t:d}=n.useTranslation(),E=l.useHistory(),{path:m}=l.useRouteMatch(),[p,u]=t.useState(!1),[v,g]=t.useState({code:"SELF",name:"EKYC_SELF"});if(c)return a.createElement(o.Loader,null);if(!s)return null;const C=(null==s?void 0:s.connectionDetails)||{},_=C.statusflag||"",f="active"===(null==_?void 0:_.toLowerCase())||"A"===_;return a.createElement(a.Fragment,null,a.createElement("div",{className:"ekyc-employee-container"},a.createElement("div",{className:"connection-details-card"},a.createElement("div",{className:"details-card-header"},a.createElement("div",{className:"header-title-wrapper"},a.createElement("div",{className:"header-icon-bg"},a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#3A7BD5",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),a.createElement("circle",{cx:"12",cy:"7",r:"4"}))),a.createElement("span",{className:"header-title-text"},d("EKYC_K_NUMBER_DETAILS")||"Consumer Identity Details")),a.createElement("span",{className:"status-badge "+(f?"active":"inactive")},f?d("EKYC_ACTIVE_CONNECTION")||"Active Connection":_||d("CS_NA"))),a.createElement("div",{className:"details-card-body"},a.createElement("div",{className:"body-content-row"},a.createElement("div",{className:"detail-section"},a.createElement("div",{className:"section-title"},d("EKYC_VERIFICATION_PARAMETERS")||"Verification Parameters"),a.createElement("div",{className:"data-grid"},a.createElement("div",{className:"data-item"},a.createElement("div",{className:"data-label"},d("EKYC_CONSUMER_NAME")||"Consumer Name"),a.createElement("div",{className:"data-value"},C.consumerName||i||d("CS_NA"))),a.createElement("div",{className:"data-item"},a.createElement("div",{className:"data-label"},d("EKYC_K_NUMBER")||"K Number"),a.createElement("div",{className:"data-value blue"},r||d("CS_NA"))),a.createElement("div",{className:"data-item"},a.createElement("div",{className:"data-label"},d("EKYC_METER_NO")||"Meter Serial No."),a.createElement("div",{className:"data-value"},C.meterNumber||d("CS_NA"))),a.createElement("div",{className:"data-item"},a.createElement("div",{className:"data-label"},d("EKYC_CONNECTION_TYPE")||"Connection Type"),a.createElement("div",{className:"data-value"},C.connectionType||d("CS_NA"))))),a.createElement("div",{className:"vertical-divider"}),a.createElement("div",{className:"detail-section"},a.createElement("div",{className:"section-title"},d("EKYC_ADDRESS_AND_CONTACT")||"Address & Contact"),a.createElement("div",{className:"address-block"},a.createElement("div",{className:"icon-wrapper-small"},a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#6B7B8E",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("path",{d:"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z"}),a.createElement("circle",{cx:"12",cy:"10",r:"3"}))),a.createElement("div",null,a.createElement("div",{className:"data-label"},d("EKYC_ADDRESS")||"Service Address"),a.createElement("div",{className:"address-text"},C.address||d("CS_NA")))),a.createElement("div",{className:"contact-row"},a.createElement("div",{className:"contact-item"},a.createElement("div",{className:"icon-wrapper-small"},a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#6B7B8E",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2",ry:"2"}),a.createElement("line",{x1:"12",y1:"18",x2:"12.01",y2:"18"}))),a.createElement("div",null,a.createElement("div",{className:"data-label"},d("EKYC_PHONE_NO")||"Contact"),a.createElement("div",{className:"address-text"},C.phoneNumber||d("CS_NA")))),a.createElement("div",{className:"contact-item"},a.createElement("div",{className:"icon-wrapper-small"},a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#6B7B8E",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("circle",{cx:"12",cy:"12",r:"4"}),a.createElement("path",{d:"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"}))),a.createElement("div",null,a.createElement("div",{className:"data-label"},d("EKYC_EMAIL")||"Email Address"),a.createElement("div",{className:"address-text"},C.email||d("CS_NA")))))))),a.createElement("div",{className:"details-card-footer"},a.createElement("div",{className:"footer-meta-text"},null!=s&&s.lastVerified?`${d("EKYC_LAST_VERIFIED")||"Last verified:"} ${s.lastVerified}`:""),a.createElement("div",{className:"action-btns-container"},a.createElement("button",{onClick:()=>u(!0),className:"primary-action-btn"},d("EKYC_START_VERIFICATION")||"Start Verification",a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),a.createElement("polyline",{points:"12 5 19 12 12 19"}))))))),p&&a.createElement(o.Modal,{headerBarMain:d("EKYC_SELECT_VERIFICATION_TYPE"),headerBarEnd:a.createElement("span",{onClick:()=>u(!1),style:{cursor:"pointer",padding:"8px"}},"X"),actionSaveLabel:d("ES_COMMON_CONFIRM"),actionSaveOnSubmit:()=>{const e=m.includes("/create-kyc")?m.replace("/create-kyc",""):m.replace("/k-details","");E.push(e+"/aadhaar-verification",{kNumber:r,selectedOption:v,connectionDetails:s}),u(!1)},actionCancelLabel:d("ES_COMMON_CANCEL"),actionCancelOnSubmit:()=>u(!1),style:{borderRadius:"12px"}},a.createElement("div",{style:{padding:"24px"}},a.createElement(o.RadioButtons,{options:[{code:"SELF",name:"EKYC_SELF"},{code:"OTHER",name:"EKYC_OTHER"}],optionsKey:"name",selectedOption:v,onSelect:g,style:{display:"flex",flexDirection:"column",gap:"12px",buttonStyle:{borderRadius:"5px"}},t:d}))))},u=()=>{const{t:e}=n.useTranslation(),[l,r]=t.useState(()=>{const e=sessionStorage.getItem("EKYC_CREATE_SEARCH_PARAMS");return e?JSON.parse(e):{kNumber:"",kName:""}}),[i,s]=t.useState(()=>"true"===sessionStorage.getItem("EKYC_CREATE_SEARCH_PERFORMED")),[d,E]=t.useState(null),m=Digit.ULBService.getCurrentTenantId(),{isLoading:u,data:v}=Digit.Hooks.ekyc.useSearchConnection({tenantId:m,details:{kno:l.kNumber,name:l.kName}},{enabled:i&&!!l.kNumber&&!!l.kName,onError:t=>{var a,n,l,o;E({error:!0,label:(null==t||null===(a=t.response)||void 0===a||null===(n=a.data)||void 0===n||null===(l=n.Errors)||void 0===l||null===(o=l[0])||void 0===o?void 0:o.message)||e("EKYC_SEARCH_ERROR_PLEASE_ENTER_THE_CORRECT_CREDENTIALS")}),s(!1),sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED")}});return a.createElement(c,{onSearch:t=>{if(!t.kNumber&&!t.kName)return r({kNumber:"",kName:""}),s(!1),sessionStorage.removeItem("EKYC_CREATE_SEARCH_PARAMS"),void sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED");t.kNumber&&t.kName?(r(t),s(!0),sessionStorage.getItem("EKYC_K_NUMBER")!==t.kNumber&&Object.keys(sessionStorage).forEach(e=>{e.startsWith("EKYC_")&&sessionStorage.removeItem(e)}),sessionStorage.setItem("EKYC_CREATE_SEARCH_PARAMS",JSON.stringify(t)),sessionStorage.setItem("EKYC_CREATE_SEARCH_PERFORMED","true"),sessionStorage.setItem("EKYC_K_NUMBER",t.kNumber)):E({error:!0,label:e("EKYC_FILL_ALL_FIELDS")})},searchParams:l},i&&a.createElement(p,{kNumber:l.kNumber,kName:l.kName,connectionDetails:v,isLoading:u}),!i&&!u&&a.createElement(o.Card,{style:{textAlign:"center",padding:"40px"}},a.createElement("div",{style:{color:"#667085"}},e("EKYC_SEARCH_TO_VIEW_DETAILS"))),d&&a.createElement(o.Toast,{error:d.error,label:d.label,onClose:()=>{E(null)},isDsc:!0}))};function v(){return(v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}const g=(e,t)=>{const a=sessionStorage.getItem(e);try{return a?JSON.parse(a):t}catch(a){return console.warn(`Error parsing sessionStorage key "${e}":`,a),t}};function C(e,t){try{var a=e()}catch(e){return t(e)}return a&&a.then?a.then(void 0,t):a}"undefined"!=typeof Symbol&&(Symbol.iterator||(Symbol.iterator=Symbol("Symbol.iterator"))),"undefined"!=typeof Symbol&&(Symbol.asyncIterator||(Symbol.asyncIterator=Symbol("Symbol.asyncIterator")));const _=e=>{let{size:t=28}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M9 2L7.17 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4H16.83L15 2H9ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"#185FA5"}))},f=e=>{let{size:t=20}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M12 8C9.79 8 8 9.79 8 12C8 14.21 9.79 16 12 16C14.21 16 16 14.21 16 12C16 9.79 14.21 8 12 8ZM20.94 11C20.48 6.83 17.17 3.52 13 3.06V1H11V3.06C6.83 3.52 3.52 6.83 3.06 11H1V13H3.06C3.52 17.17 6.83 20.48 11 20.94V23H13V20.94C17.17 20.48 20.48 17.17 20.94 13H23V11H20.94ZM12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19Z",fill:"#185FA5"}))},S=e=>{let{size:t=18}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M13 13V11H15V13H13ZM13 9V7H15V9H13ZM17 13V11H19V13H17ZM17 9V7H19V9H17ZM11 13V11H9V13H11ZM11 9V7H9V9H11ZM7 13V11H5V13H7ZM7 9V7H5V9H7ZM21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H21C22.1 21 23 20.1 23 19V5C23 3.9 22.1 3 21 3ZM21 19H3V5H21V19Z",fill:"currentColor"}))},y=e=>{let{size:t=11,color:n="#fff"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"3",strokeLinecap:"round"},a.createElement("polyline",{points:"20 6 9 17 4 12"}))},h=e=>{let{icon:t,topAligned:n=!1,inputStyle:l={},...r}=e;return a.createElement("div",{style:{position:"relative",width:"100%"}},a.createElement("div",{style:{position:"absolute",left:"10px",...n?{top:"14px"}:{top:"50%",transform:"translateY(-50%)"},zIndex:1,opacity:.45,display:"flex",pointerEvents:"none"}},t),a.createElement(o.TextInput,v({textInputStyle:{paddingLeft:"36px",paddingRight:"12px",...l}},r)))},A=e=>{let{icon:t,label:n}=e;return a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},a.createElement("div",{style:{opacity:.5,display:"flex"}},t),a.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},n),a.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},x=e=>{var r,i,s,c,d;let{isSection:E=!1,onComplete:m,parentState:p}=e;const{t:u}=n.useTranslation(),v=l.useHistory(),x=l.useLocation(),N=p||x.state||{kNumber:"EKYC-1234567890",selectedOption:{code:"SELF",name:"EKYC_SELF"},connectionDetails:null,initialData:{}},b=N.initialData||{},T=(null===(r=N.connectionDetails)||void 0===r?void 0:r.addressDetails)||{},[I,R]=t.useState(()=>g("EKYC_ADDRESS_TYPE",{code:"AADHAAR",name:"EKYC_AADHAAR_ADDRESS"})),[O,Y]=t.useState(()=>g("EKYC_ADDRESS_CORRECT",{code:"NO",name:"CORE_COMMON_NO"})),[D,K]=t.useState(()=>sessionStorage.getItem("EKYC_FULL_ADDRESS")||b.fullAddress||""),[L,P]=t.useState(()=>sessionStorage.getItem("EKYC_FLAT_NO")||b.flatNo||""),[k,F]=t.useState(()=>sessionStorage.getItem("EKYC_BUILDING")||b.building||""),[M,B]=t.useState(()=>sessionStorage.getItem("EKYC_LANDMARK")||b.landmark||""),[w,U]=t.useState(()=>sessionStorage.getItem("EKYC_PINCODE")||b.pincode||""),[H,z]=t.useState(()=>sessionStorage.getItem("EKYC_DOOR_PHOTO")||null),[W,V]=t.useState(()=>sessionStorage.getItem("EKYC_DOOR_PHOTO_FILESTORE_ID")||null),[j,G]=t.useState(null),[X,$]=t.useState(null),[Z,J]=t.useState(null);t.useEffect(()=>{sessionStorage.setItem("EKYC_ADDRESS_TYPE",JSON.stringify(I)),sessionStorage.setItem("EKYC_ADDRESS_CORRECT",JSON.stringify(O)),sessionStorage.setItem("EKYC_FULL_ADDRESS",D),sessionStorage.setItem("EKYC_FLAT_NO",L),sessionStorage.setItem("EKYC_BUILDING",k),sessionStorage.setItem("EKYC_LANDMARK",M),sessionStorage.setItem("EKYC_PINCODE",w),H&&sessionStorage.setItem("EKYC_DOOR_PHOTO",H),W&&sessionStorage.setItem("EKYC_DOOR_PHOTO_FILESTORE_ID",W),sessionStorage.setItem("EKYC_CURRENT_STEP","ADDRESS")},[I,O,D,L,k,M,w,H,W]),t.useEffect(()=>{!function(){try{$(null);const e=function(){if(j){const e=function(){if(j.size>=2e6)$(u("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),J({type:"error",message:u("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=C(function(){return J({type:"info",message:u("EKYC_UPLOADING")}),Promise.resolve(function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,a,n;return(null==e||null===(t=e.data)||void 0===t||null===(a=t.files)||void 0===a||null===(n=a[0])||void 0===n?void 0:n.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}}(j,ee)).then(function(e){if(e){V(e);const t=new FileReader;t.onloadend=()=>z(t.result),t.readAsDataURL(j),J({type:"success",message:u("EKYC_UPLOAD_SUCCESS")})}else $(u("EKYC_FILE_UPLOAD_ERROR")),J({type:"error",message:u("EKYC_FILE_UPLOAD_ERROR")})})},function(){$(u("EKYC_FILE_UPLOAD_ERROR")),J({type:"error",message:u("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[j]);const[q,Q]=t.useState(!1),ee=(t.useRef(null),Digit.ULBService.getCurrentTenantId()),{data:te,isLoading:ae}=Digit.Hooks.useCommonMDMS(ee,"egov-location",["TenantBoundary"]),ne=(null==te?void 0:te.MdmsRes)||te,le=(null==ne||null===(i=ne["egov-location"])||void 0===i||null===(s=i.TenantBoundary)||void 0===s?void 0:s.find(e=>"ADMIN"===e.hierarchyType.code))||(null==ne||null===(c=ne["egov-location"])||void 0===c||null===(d=c.TenantBoundary)||void 0===d?void 0:d[0]),oe=null==le?void 0:le.boundary,re=e=>{if(!e)return[];let t=[];for(const n of e){var a;const e=(n.label||n.name||"").toLowerCase().replace(/_/g," ");"assembly constituency"!==e&&"assemblyconstituency"!==e||t.push({code:n.code,name:n.name,children:n.children}),null!==(a=n.children)&&void 0!==a&&a.length&&t.push(...re(n.children))}return t},ie=e=>{if(!e)return[];let t=[];for(const n of e){var a;"block"===(n.label||n.name||"").toLowerCase().replace(/_/g," ")&&t.push({code:n.code,name:n.name}),null!==(a=n.children)&&void 0!==a&&a.length&&t.push(...ie(n.children))}return t},se=re(Array.isArray(oe)?oe:oe?[oe]:[]),[ce,de]=t.useState(()=>g("EKYC_ASSEMBLY_DATA",b.assembly?{name:b.assembly}:null)),[Ee,me]=t.useState(()=>g("EKYC_WARD_DATA",b.ward?{name:b.ward}:null));t.useEffect(()=>{sessionStorage.setItem("EKYC_ASSEMBLY_DATA",JSON.stringify(ce)),sessionStorage.setItem("EKYC_WARD_DATA",JSON.stringify(Ee))},[ce,Ee]),t.useEffect(()=>{if(ne&&T.assembly&&(null==ce||!ce.code)){const e=se.find(e=>e.name===T.assembly||e.code===T.assembly);e&&de(e)}},[ne,se]);const pe=ce?ie(ce.children):[];t.useEffect(()=>{ce&&Ee&&!pe.find(e=>e.name===Ee.name)&&me(null)},[ce]);const ue=[{code:"AADHAAR",name:"EKYC_AADHAAR_ADDRESS"},{code:"OLD",name:"EKYC_OLD_ADDRESS"}],ve=[{code:"YES",name:"CORE_COMMON_YES"},{code:"NO",name:"CORE_COMMON_NO"}],ge=()=>{const e={addressType:I,fullAddress:D,flatNo:L,building:k,landmark:M,pincode:w,doorPhoto:H,doorPhotoFileStoreId:W,assembly:null==ce?void 0:ce.name,ward:null==Ee?void 0:Ee.name};if(m)m(e);else{const{kNumber:t,selectedOption:a,connectionDetails:n,initialData:l}=N;v.push("/digit-ui/employee/ekyc/property-info",{kNumber:t,selectedOption:a,connectionDetails:n,addressDetails:e,initialData:l})}};function Ce(e){V(null),G(e.target.files[0])}const _e=()=>{z(null),V(null),G(null)},fe=()=>{"geolocation"in navigator?(Q(!0),navigator.geolocation.getCurrentPosition(function(e){let{coords:{latitude:t,longitude:a}}=e;try{return Promise.resolve(function(e,n){try{var l=C(function(){return Promise.resolve(fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${t}&lon=${a}&zoom=18&addressdetails=1`)).then(function(e){if(!e.ok)throw new Error("Geocode failed");return Promise.resolve(e.json()).then(function(e){if(null!=e&&e.address){const t=e.address;K([t.amenity,t.road,t.neighbourhood,t.suburb,t.city,t.state,t.postcode].filter(Boolean).join(", ")),U(t.postcode||""),B(t.suburb||t.neighbourhood||""),P(t.amenity||"")}})})},function(e){console.error("Reverse geocode error:",e)})}catch(e){return n(!0,e)}return l&&l.then?l.then(n.bind(null,!1),n.bind(null,!0)):n(!1,l)}(0,function(e,t){if(Q(!1),e)throw t;return t}))}catch(e){return Promise.reject(e)}},e=>{console.error("Geolocation error:",e),Q(!1),alert(u("LOCATION_FETCH_FAILED"))},{enableHighAccuracy:!0,timeout:1e4,maximumAge:0})):alert(u("GEOLOCATION_NOT_SUPPORTED"))},Se=()=>a.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},a.createElement(A,{icon:a.createElement(o.LocationIcon,{className:"icon",styles:{fill:"#0B0C0C",width:"16px",height:"16px"}}),label:u("EKYC_ADDRESS_DETAILS_HEADER")}),a.createElement("div",{style:{marginBottom:"20px"}},a.createElement(o.RadioButtons,{options:ue,optionsKey:"name",selectedOption:I,onSelect:R,t:u,innerStyles:{display:"flex",alignItems:"center"},style:{display:"flex",gap:"40px"}})),"AADHAAR"===I.code&&a.createElement("div",{style:{backgroundColor:"#E1F5EE",border:"0.5px solid #5DCAA5",borderRadius:"8px",padding:"14px 16px",display:"flex",alignItems:"flex-start",gap:"12px",marginBottom:"20px",animation:"fadeSlideIn 0.3s ease"}},a.createElement("div",{style:{backgroundColor:"#9FE1CB",padding:"6px",borderRadius:"6px",display:"flex",flexShrink:0}},a.createElement(o.LocationIcon,{className:"icon",styles:{fill:"#085041",width:"16px",height:"16px"}})),a.createElement("div",{style:{fontSize:"14px",lineHeight:"1.6",color:"#04342C",fontWeight:"500"}},T.fullAddress)),"OLD"===I.code&&a.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"14px"}},a.createElement(o.CardLabel,{style:{fontWeight:"500",marginBottom:0,fontSize:"13px",color:"#505A5F"}},u("EKYC_ADDRESS_CORRECTION_PROMPT")),a.createElement(o.RadioButtons,{options:ve,optionsKey:"name",selectedOption:O,onSelect:Y,t:u,innerStyles:{display:"flex",gap:"20px"},style:{marginBottom:0}})),a.createElement("div",{onClick:q?void 0:fe,style:{border:"0.5px solid #D0D5DD",borderRadius:"8px",padding:"12px 16px",display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"20px",cursor:q?"not-allowed":"pointer",backgroundColor:q?"#F9FAFB":"#fff",transition:"background 0.15s",opacity:q?.7:1},onMouseOver:e=>{q||(e.currentTarget.style.background="#F9FAFB")},onMouseOut:e=>{q||(e.currentTarget.style.background="#fff")}},a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px"}},a.createElement("div",{style:{backgroundColor:"#E6F1FB",padding:"7px",borderRadius:"7px",display:"flex"}},q?a.createElement("div",{style:{width:"18px",height:"18px",border:"2px solid #185FA5",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}):a.createElement(f,{size:18})),a.createElement("span",{style:{fontWeight:"500",fontSize:"14px",color:"#344054"}},u(q?"EKYC_FETCHING_LOCATION":"EKYC_USE_CURRENT_LOCATION"))),!q&&a.createElement("span",{style:{fontSize:"18px",color:"#98A2B3",lineHeight:1}},"›")),a.createElement("div",{style:{marginBottom:"14px"}},a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_FULL_ADDRESS")),a.createElement(h,{icon:a.createElement(o.PropertyHouse,{styles:{fill:"#0068fa",width:"15px",height:"15px"}}),topAligned:!0,value:D,onChange:e=>K(e.target.value),placeholder:u("EKYC_ENTER_FULL_ADDRESS"),inputStyle:{minHeight:"72px"}})),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"14px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_FLAT_HOUSE_NUMBER")),a.createElement(h,{icon:a.createElement(o.PropertyHouse,{styles:{fill:"#0068fa",width:"15px",height:"15px"}}),value:L,onChange:e=>P(e.target.value),placeholder:u("EKYC_ENTER_FLAT_NO")})),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_BUILDING_TOWER")),a.createElement(h,{icon:a.createElement(o.PropertyHouse,{styles:{fill:"#0068fa",width:"15px",height:"15px"}}),value:k,onChange:e=>F(e.target.value),placeholder:u("EKYC_ENTER_BUILDING")}))),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"4px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_LANDMARK")),a.createElement(h,{icon:a.createElement(o.LocationIcon,{className:"icon",styles:{fill:"#0068fa",width:"15px",height:"15px"}}),value:M,onChange:e=>B(e.target.value),placeholder:u("EKYC_ENTER_LANDMARK")})),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_PINCODE")),a.createElement(h,{icon:a.createElement(S,{size:15}),value:w,onChange:e=>{/^\d*$/.test(e.target.value)&&U(e.target.value)},placeholder:u("EKYC_ENTER_PINCODE"),maxLength:6})))),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(A,{icon:a.createElement(o.PropertyHouse,{styles:{fill:"#0B0C0C",width:"16px",height:"16px"}}),label:u("EKYC_ADMINISTRATIVE_DIVISION")}),ae?a.createElement(o.Loader,null):a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"24px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_ASSEMBLY")),a.createElement(o.Dropdown,{option:se,optionKey:"name",selected:ce,select:e=>{de(e),me(null)},t:u})),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},u("EKYC_WARD")||"Block"),a.createElement(o.Dropdown,{option:pe,optionKey:"name",selected:Ee,select:me,disabled:!ce,t:u}))),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(A,{icon:a.createElement(_,{size:16}),label:u("EKYC_CAPTURE_DOOR_IMAGE")}),a.createElement("div",{style:{fontSize:"12px",color:"#667085",marginBottom:"12px"}},u("EKYC_REQUIRED_FOR_VERIFICATION")),a.createElement(o.UploadFile,{id:"ekyc-door-photo",extraStyleName:"propertyCreate",accept:".jpg,.png,.jpeg",onUpload:Ce,onDelete:_e,message:W?"1 "+u("EKYC_ACTION_FILEUPLOADED"):u("EKYC_ACTION_NO_FILEUPLOADED"),error:X}),H&&a.createElement("div",{style:{marginTop:"10px",borderRadius:"8px",overflow:"hidden",border:"1px solid #EAECF0"}},a.createElement("img",{src:H,alt:"Door Preview",style:{width:"100%",maxHeight:"250px",objectFit:"cover"}})),E?a.createElement("div",{style:{marginTop:"24px"}},a.createElement(o.SubmitBar,{label:u("ES_COMMON_SAVE_CONTINUE"),onSubmit:ge})):a.createElement(o.ActionBar,null,a.createElement(o.SubmitBar,{label:u("EKYC_COMPLETE_VERIFICATION"),onSubmit:ge})),a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},a.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},a.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),a.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),u("EKYC_SECURE_DATA_NOTICE")),Z&&a.createElement(o.Toast,{label:Z.message,error:"error"===Z.type,info:"info"===Z.type,success:"success"===Z.type,onClose:()=>J(null)}));return E?a.createElement(t.Fragment,null,a.createElement("hr",{style:{margin:"32px 0",border:0,borderTop:"2px solid #EAECF0"}}),Se()):a.createElement("div",{className:"inbox-container"},a.createElement("style",null,"\n @keyframes spin { to { transform: rotate(360deg); } }\n @keyframes fadeSlideIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }\n "),a.createElement("div",{className:"filters-container"},a.createElement(o.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},a.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},a.createElement(o.HomeIcon,{style:{width:"20px",height:"20px"}})),a.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},u("EKYC_PROCESS")||"eKYC Process")),a.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:u("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:u("EKYC_STEP_ADDRESS")||"Address",done:!1,active:!0},{label:u("EKYC_STEP_PROPERTY")||"Property",done:!1,active:!1},{label:u("EKYC_STEP_METER")||"Meter",done:!1,active:!1},{label:u("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>a.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<4?"18px":0}},t<4&&a.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),a.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?a.createElement(y,{size:11,color:"#fff"}):t+1),a.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),a.createElement("div",{style:{flex:1,marginLeft:"16px"}},a.createElement(o.Card,null,a.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},a.createElement(o.CardHeader,{style:{margin:0,fontSize:"18px"}},u("EKYC_ADDRESS_DETAILS_HEADER")||"Address Details"),a.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},u("EKYC_K_NUMBER")||"K Number",":"," ",a.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},null==N?void 0:N.kNumber))),Se())))},N=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round"},a.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),a.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"}))},b=e=>{let{size:t=16,color:n="currentColor"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"1.8",strokeLinecap:"round"},a.createElement("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),a.createElement("circle",{cx:"12",cy:"7",r:"4"}))},T=e=>{let{size:t=16,color:n="currentColor"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"1.8",strokeLinecap:"round"},a.createElement("path",{d:"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-5.37-5.37 19.79 19.79 0 01-3.07-8.63A2 2 0 014.82 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.91 7.91a16 16 0 006.16 6.16l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"}))},I=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z",fill:"#25D366"}),a.createElement("path",{d:"M12 2C6.477 2 2 6.477 2 12c0 1.89.525 3.66 1.438 5.168L2 22l4.832-1.438A9.96 9.96 0 0012 22c5.523 0 10-4.477 10-10S17.523 2 12 2z",stroke:"#25D366",strokeWidth:"1.8",strokeLinecap:"round"}))},R=e=>{let{size:t=16,color:n="currentColor"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"1.8",strokeLinecap:"round"},a.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),a.createElement("path",{d:"M22 6l-10 7L2 6"}))},O=e=>{let{size:t=16,color:n="currentColor"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"1.8",strokeLinecap:"round"},a.createElement("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),a.createElement("circle",{cx:"9",cy:"7",r:"4"}),a.createElement("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"}))},Y=e=>{let{size:t=15,color:n="#1D9E75"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"2.8",strokeLinecap:"round"},a.createElement("polyline",{points:"20 6 9 17 4 12"}))},D=e=>{let{icon:t,rightIcon:n,inputStyle:l={},...r}=e;return a.createElement("div",{style:{position:"relative",width:"100%"}},a.createElement("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",zIndex:1,opacity:.45,display:"flex",pointerEvents:"none"}},t),a.createElement(o.TextInput,v({textInputStyle:{paddingLeft:"36px",paddingRight:n?"36px":"12px",...l}},r)),n&&a.createElement("div",{style:{position:"absolute",right:"10px",top:"50%",transform:"translateY(-50%)",display:"flex"}},n))},K=e=>{let{icon:t,label:n}=e;return a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},a.createElement("div",{style:{opacity:.5,display:"flex"}},t),a.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},n),a.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},L=e=>{let{label:t,selected:n,onSelect:l,t:r,options:i}=e;return a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}},a.createElement(o.CardLabel,{style:{fontWeight:"500",marginBottom:0,fontSize:"13px",color:"#505A5F"}},t),a.createElement(o.RadioButtons,{options:i,optionsKey:"name",selectedOption:n,onSelect:l,t:r,innerStyles:{display:"flex",gap:"20px",alignItems:"center"},style:{display:"flex",gap:"20px",marginBottom:0}}))},P=()=>{const{t:e}=n.useTranslation(),r=l.useLocation(),i=l.useHistory(),s=t.useRef(null),{kNumber:c,selectedOption:d,connectionDetails:E}=r.state||{kNumber:"EKYC-1234567890",selectedOption:{code:"SELF",name:"EKYC_SELF"},connectionDetails:{connectionDetailsInfo:{consumerName:"Rajesh Kumar Singh",address:"House No. 45, Sector 12, New Delhi - 110001",phoneNumber:"9876543210",email:"rajesh.singh@example.com"}}},m=(null==E?void 0:E.connectionDetails)||(null==E?void 0:E.connectionDetailsInfo)||{},[p]=t.useState(()=>{var e,t,a,n,l,o,r,i,s,c,d,p,u;return g("EKYC_INITIAL_DATA",{userName:m.consumerName||"",mobileNumber:m.phoneNumber||"",whatsappNumber:m.phoneNumber||"",email:m.email||"",noOfPersons:(null==E||null===(e=E.addressDetails)||void 0===e?void 0:e.noOfPerson)||"",pidNumber:(null==E||null===(t=E.propertyDetails)||void 0===t?void 0:t.pidNumber)||"",typeOfConnection:(null==E||null===(a=E.connectionDetails)||void 0===a?void 0:a.connectionType)||"",connectionCategory:(null==E||null===(n=E.connectionDetails)||void 0===n?void 0:n.connectionCategory)||"",userType:(null==E||null===(l=E.propertyDetails)||void 0===l?void 0:l.userType)||"",noOfFloor:(null==E||null===(o=E.propertyDetails)||void 0===o?void 0:o.noOfFloor)||null,fullAddress:(null==E||null===(r=E.addressDetails)||void 0===r?void 0:r.fullAddress)||"",flatNo:(null==E||null===(i=E.addressDetails)||void 0===i?void 0:i.flatHouseNumber)||"",building:(null==E||null===(s=E.addressDetails)||void 0===s?void 0:s.buildingTower)||"",landmark:(null==E||null===(c=E.addressDetails)||void 0===c?void 0:c.landmark)||"",pincode:(null==E||null===(d=E.addressDetails)||void 0===d?void 0:d.pinCode)||"",assembly:(null==E||null===(p=E.addressDetails)||void 0===p?void 0:p.assembly)||"",ward:(null==E||null===(u=E.addressDetails)||void 0===u?void 0:u.ward)||""})});t.useEffect(()=>{sessionStorage.setItem("EKYC_INITIAL_DATA",JSON.stringify(p))},[p]);const[u,v]=t.useState(()=>sessionStorage.getItem("EKYC_AADHAAR_LAST_FOUR")||""),[C,_]=t.useState(()=>"true"===sessionStorage.getItem("EKYC_AADHAAR_VERIFIED")),[f,S]=t.useState(!1),[y,h]=t.useState(!1),[A,P]=t.useState(""),[k,F]=t.useState(!1),[M,B]=t.useState(()=>g("EKYC_NAME_CORRECT",{code:"NO",name:"CORE_COMMON_NO"})),[w,U]=t.useState(()=>sessionStorage.getItem("EKYC_USER_NAME")||p.userName),[H,z]=t.useState(()=>g("EKYC_MOBILE_CHANGE",{code:"NO",name:"CORE_COMMON_NO"})),[W,V]=t.useState(()=>sessionStorage.getItem("EKYC_MOBILE_NUMBER")||p.mobileNumber),[j,G]=t.useState(()=>sessionStorage.getItem("EKYC_WHATSAPP_NUMBER")||p.whatsappNumber),[X,$]=t.useState(()=>sessionStorage.getItem("EKYC_EMAIL")||p.email),[Z,J]=t.useState(()=>sessionStorage.getItem("EKYC_NO_OF_PERSONS")||p.noOfPersons);t.useEffect(()=>{sessionStorage.setItem("EKYC_AADHAAR_LAST_FOUR",u),sessionStorage.setItem("EKYC_AADHAAR_VERIFIED",C),sessionStorage.setItem("EKYC_NAME_CORRECT",JSON.stringify(M)),sessionStorage.setItem("EKYC_USER_NAME",w),sessionStorage.setItem("EKYC_MOBILE_CHANGE",JSON.stringify(H)),sessionStorage.setItem("EKYC_MOBILE_NUMBER",W),sessionStorage.setItem("EKYC_WHATSAPP_NUMBER",j),sessionStorage.setItem("EKYC_EMAIL",X),sessionStorage.setItem("EKYC_NO_OF_PERSONS",Z),sessionStorage.setItem("EKYC_CURRENT_STEP","AADHAAR")},[u,C,M,w,H,W,j,X,Z]);const[q,Q]=t.useState(!1),[ee,te]=t.useState(null),ae=[{code:"YES",name:"CORE_COMMON_YES"},{code:"NO",name:"CORE_COMMON_NO"}],ne={verifiedInput:{borderColor:"#1D9E75",backgroundColor:"#E1F5EE"},verifiedCard:{backgroundColor:"#E1F5EE",border:"0.5px solid #5DCAA5",borderRadius:"8px",padding:"16px",marginTop:"14px",marginBottom:"4px",animation:"fadeSlideIn 0.35s ease"},infoLabel:{fontSize:"11px",fontWeight:"600",color:"#1D9E75",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:"3px"},infoValue:{fontSize:"14px",fontWeight:"500",color:"#04342C"},twoCol:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"20px"},optionalTag:{display:"inline-block",fontSize:"10px",background:"#F1EFE8",color:"#5F5E5A",border:"0.5px solid #D3D1C7",borderRadius:"10px",padding:"1px 7px",marginLeft:"6px",fontWeight:"400"}};return a.createElement("div",{className:"inbox-container"},a.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes pulseGreen {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(29,158,117,0.35); }\n 50% { box-shadow: 0 0 0 6px rgba(29,158,117,0); }\n }\n .ekyc-sidebar-step { display: flex; gap: 10px; align-items: flex-start; position: relative; padding-bottom: 18px; }\n .ekyc-sidebar-step:last-child { padding-bottom: 0; }\n .ekyc-step-line { position: absolute; left: 10px; top: 22px; width: 1px; height: calc(100% - 10px); background: #EAECF0; }\n .ekyc-step-dot { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid #D0D5DD; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; color: #98A2B3; background: #fff; flex-shrink: 0; margin-top: 1px; }\n .ekyc-step-dot.active { border-color: #185FA5; color: #185FA5; background: #E6F1FB; }\n .ekyc-step-dot.done { border-color: #0F6E56; background: #0F6E56; color: #fff; }\n .ekyc-step-label { font-size: 12px; color: #667085; padding-top: 2px; }\n .ekyc-step-label.active { color: #0B0C0C; font-weight: 600; }\n .ekyc-step-label.done { color: #0F6E56; }\n .ekyc-field-label { font-size: 11px; font-weight: 600; color: #667085; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }\n "),a.createElement("div",{className:"filters-container"},a.createElement(o.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},a.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},a.createElement(o.HomeIcon,{style:{width:"20px",height:"20px"}})),a.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},e("EKYC_PROCESS")||"eKYC Process")),a.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:e("EKYC_STEP_AADHAAR")||"Aadhaar",done:q,active:!q},{label:e("EKYC_STEP_ADDRESS")||"Address",done:null!==ee,active:q&&null===ee},{label:e("EKYC_STEP_PROPERTY")||"Property",done:!1,active:!1},{label:e("EKYC_STEP_METER")||"Meter",done:!1,active:!1},{label:e("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>a.createElement("div",{className:"ekyc-sidebar-step",key:t},a.createElement("div",{className:"ekyc-step-dot"+(e.done?" done":e.active?" active":"")},e.done?a.createElement(Y,{size:11,color:"#fff"}):t+1),t<4&&a.createElement("div",{className:"ekyc-step-line"}),a.createElement("div",{className:"ekyc-step-label"+(e.done?" done":e.active?" active":"")},e.label))))),a.createElement("div",{style:{flex:1,marginLeft:"16px"}},a.createElement(o.Card,null,a.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginBottom:"20px"}},a.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},e("EKYC_K_NUMBER")||"K Number",":"," ",a.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},c))),a.createElement(K,{icon:a.createElement(N,{size:16}),label:e("EKYC_AADHAAR_NUMBER_HEADER")||"Aadhaar Number"}),a.createElement("div",{className:"ekyc-field-label"},e("EKYC_LAST_4_DIGIT_AADHAAR")||"Enter 12 digits of Aadhaar"),a.createElement(o.LabelFieldPair,null,a.createElement("div",{className:"field"},a.createElement(D,{icon:a.createElement(N,{size:15}),rightIcon:C?a.createElement(Y,{size:15}):null,value:u,onChange:e=>{const t=e.target.value;t.length<=12&&/^\d*$/.test(t)&&v(t)},placeholder:e("EKYC_ENTER_LAST_4_DIGIT")||"Enter 12 digits",maxLength:12,disabled:C,inputStyle:C?ne.verifiedInput:{}}))),!C&&!y&&a.createElement(o.SubmitBar,{label:f?e("EKYC_VERIFYING")||"Verifying...":e("EKYC_VERIFY_AADHAAR_BTN")||"Verify Aadhaar",onSubmit:()=>{12!==u.length||f||(S(!0),setTimeout(()=>{S(!1),h(!0)},1200))},disabled:12!==u.length||f,style:{marginTop:"12px"}}),!C&&y&&a.createElement(t.Fragment,null,a.createElement("div",{className:"ekyc-field-label",style:{marginTop:"16px"}},e("EKYC_ENTER_OTP")),a.createElement(o.LabelFieldPair,null,a.createElement("div",{className:"field"},a.createElement(D,{icon:a.createElement(N,{size:15}),value:A,onChange:e=>{const t=e.target.value;/^\d*$/.test(t)&&(P(t),k&&F(!1))},placeholder:e("EKYC_ENTER_OTP_PLACEHOLDER")||"Enter 123456",maxLength:6}))),k&&a.createElement("div",{style:{color:"#D4351C",fontSize:"12px",marginTop:"4px"}},e("EKYC_INVALID_OTP")||"Invalid OTP. Please enter 123456."),a.createElement(o.SubmitBar,{label:e("EKYC_VERIFY_OTP_BTN")||"Verify OTP",onSubmit:()=>{"123456"===A?(_(!0),h(!1),F(!1),Q(!0),setTimeout(()=>{var e;null===(e=s.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"})},100)):F(!0)},disabled:6!==A.length,style:{marginTop:"12px"}})),C&&a.createElement("div",{style:ne.verifiedCard},a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"14px"}},a.createElement("div",{style:{width:"24px",height:"24px",borderRadius:"50%",background:"#9FE1CB",display:"flex",alignItems:"center",justifyContent:"center",animation:"pulseGreen 2s ease infinite",flexShrink:0}},a.createElement(Y,{size:13,color:"#085041"})),a.createElement("span",{style:{fontWeight:"600",color:"#085041",fontSize:"14px"}},e("EKYC_AADHAAR_VERIFIED_SUCCESS")||"Aadhaar Verified Successfully")),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"}},a.createElement("div",null,a.createElement("div",{style:ne.infoLabel},e("EKYC_NAME")||"Name"),a.createElement("div",{style:ne.infoValue},m.consumerName)),a.createElement("div",null,a.createElement("div",{style:ne.infoLabel},e("EKYC_AADHAAR")||"Aadhaar"),a.createElement("div",{style:ne.infoValue},u)),a.createElement("div",{style:{gridColumn:"span 2"}},a.createElement("div",{style:ne.infoLabel},e("EKYC_ADDRESS")||"Address"),a.createElement("div",{style:{...ne.infoValue,fontSize:"13px"}},m.address)))),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(K,{icon:a.createElement(b,{size:16}),label:e("EKYC_CONTACT_DETAILS_HEADER")||"Contact Details"}),a.createElement(L,{label:`${e("EKYC_USER_NAME")} (${e("EKYC_NAME_CORRECT_HINT")})`,selected:M,onSelect:B,options:ae,sty:!0,t:e}),a.createElement(o.LabelFieldPair,null,a.createElement("div",{className:"field"},a.createElement(D,{icon:a.createElement(b,{size:15,color:"YES"===M.code?"#64748b":"#94a3b8"}),style:{marginBottom:"12px"},value:w,onChange:e=>U(e.target.value),placeholder:e("EKYC_ENTER_NAME_PLACEHOLDER")||"Enter full name",disabled:"YES"!==M.code}))),a.createElement(L,{label:`${e("EKYC_USER_MOBILE_NUMBER")} (${e("EKYC_UPDATE_MOBILE_HINT")})`,selected:H,onSelect:z,options:ae,t:e}),a.createElement(o.LabelFieldPair,null,a.createElement("div",{className:"field"},a.createElement(D,{icon:a.createElement(T,{size:15,color:"YES"===H.code?"#64748b":"#94a3b8"}),style:{marginBottom:"12px"},value:W,onChange:e=>V(e.target.value),placeholder:"+91 XXXXX XXXXX",disabled:"YES"!==H.code}))),a.createElement("div",{style:ne.twoCol},a.createElement("div",null,a.createElement("div",{className:"ekyc-field-label"},e("EKYC_WHATSAPP_NUMBER")||"WhatsApp Number",a.createElement("span",{style:ne.optionalTag},e("EKYC_OPTIONAL")||"Optional")),a.createElement(D,{icon:a.createElement(I,{size:15}),value:j,onChange:e=>G(e.target.value),placeholder:"+91 XXXXX XXXXX"})),a.createElement("div",null,a.createElement("div",{className:"ekyc-field-label"},e("EKYC_EMAIL_ADDRESS")||"Email Address",a.createElement("span",{style:ne.optionalTag},e("EKYC_OPTIONAL")||"Optional")),a.createElement(D,{icon:a.createElement(R,{size:15}),value:X,onChange:e=>$(e.target.value),placeholder:e("EKYC_EMAIL_ADDRESS_PLACEHOLDER")||"example@email.com"}))),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(K,{icon:a.createElement(O,{size:16}),label:e("EKYC_FAMILY_DETAILS_HEADER")||"Family Details"}),a.createElement("div",{className:"ekyc-field-label"},e("EKYC_NO_OF_PERSONS")||"Number of Family Members"),a.createElement(o.LabelFieldPair,null,a.createElement("div",{className:"field"},a.createElement(D,{icon:a.createElement(O,{size:15}),value:Z,onChange:e=>{/^\d*$/.test(e.target.value)&&J(e.target.value)},placeholder:e("EKYC_ENTER_NO_OF_PERSONS")||"Enter total number of persons"}))),!q&&a.createElement("div",{style:{marginTop:"24px"}},a.createElement(o.SubmitBar,{label:e("ES_COMMON_SAVE_CONTINUE")||"Save & Continue",onSubmit:()=>{Q(!0),setTimeout(()=>{var e;null===(e=s.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"})},100)}})),q&&a.createElement("div",{ref:s},a.createElement(x,{isSection:!0,onComplete:e=>{te(e),i.push("/digit-ui/employee/ekyc/property-info",{kNumber:c,selectedOption:d,connectionDetails:E,aadhaarDetails:{aadhaarLastFour:u,isAadhaarVerified:C,userName:w,mobileNumber:W,whatsappNumber:j,email:X,noOfPersons:Z},addressDetails:e,initialData:p})},parentState:{kNumber:c,selectedOption:d,connectionDetails:E}})),a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"20px",fontSize:"11px",color:"#98A2B3"}},a.createElement(N,{size:11}),e("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure"))))},k=e=>{let{size:t=11,color:n="#fff"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"3",strokeLinecap:"round"},a.createElement("polyline",{points:"20 6 9 17 4 12"}))},F=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8V9h8v10zm-2-8h-4v2h4v-2zm0 4h-4v2h4v-2z"}))},M=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M20 6H16V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v13c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6-2v2h-4V4h4z"}))},B=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13z"}))},w=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},a.createElement("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),a.createElement("path",{d:"M7 8h5M7 12h8M7 16h4"}))},U=e=>{let{icon:t,label:n}=e;return a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},a.createElement("div",{style:{opacity:.5,display:"flex"}},t),a.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},n),a.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},H=e=>{let{icon:t,...n}=e;return a.createElement("div",{style:{position:"relative",width:"100%"}},a.createElement("div",{style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",zIndex:1,opacity:.45,display:"flex",pointerEvents:"none"}},t),a.createElement(o.TextInput,v({textInputStyle:{paddingLeft:"36px",paddingRight:"12px"}},n)))},z=()=>{var e,r,i,s,c,d,E,m;const{t:p}=n.useTranslation(),u=l.useHistory(),v=l.useLocation().state||{kNumber:sessionStorage.getItem("EKYC_K_NUMBER")||"EKYC-1234567890",initialData:g("EKYC_INITIAL_DATA",{})},{kNumber:_}=v,f=v.initialData||g("EKYC_INITIAL_DATA",{}),S=Digit.ULBService.getCurrentTenantId(),{data:y}=Digit.Hooks.ekyc.useGetPropertyType(S),{data:h}=Digit.Hooks.ekyc.useGetConnectionTypeV2(S),{data:A}=Digit.Hooks.ekyc.useGetUserType(S),{data:x}=Digit.Hooks.ekyc.useGetFloorCount(S),[N,b]=t.useState(()=>sessionStorage.getItem("EKYC_OWNER_TYPE")||f.ownerType||"OWNER"),[T,I]=t.useState(()=>sessionStorage.getItem("EKYC_PID_NUMBER")||f.pidNumber||""),[R,O]=t.useState(()=>g("EKYC_TYPE_OF_CONNECTION_DATA",f.typeOfConnection?{label:p(f.typeOfConnection),value:f.typeOfConnection}:null)),[Y,D]=t.useState(()=>g("EKYC_CONNECTION_CATEGORY_DATA",f.connectionCategory?{label:p(f.connectionCategory),value:f.connectionCategory}:null)),[K,L]=t.useState(()=>g("EKYC_USER_TYPE_DATA",f.userType?{label:p(f.userType),value:f.userType}:null)),[P,z]=t.useState(()=>g("EKYC_NO_OF_FLOORS_DATA",f.noOfFloor?{label:p(f.noOfFloor),value:f.noOfFloor}:null)),[W,V]=t.useState(()=>sessionStorage.getItem("EKYC_PROPERTY_DOC")||null),[j,G]=t.useState(()=>sessionStorage.getItem("EKYC_PROPERTY_DOC_FILESTORE_ID")||null),[X,$]=t.useState(()=>sessionStorage.getItem("EKYC_BUILDING_PHOTO")||null),[Z,J]=t.useState(()=>sessionStorage.getItem("EKYC_BUILDING_PHOTO_FILESTORE_ID")||null),[q,Q]=t.useState(null),[ee,te]=t.useState(null),[ae,ne]=t.useState(null),[le,oe]=t.useState(null);t.useEffect(()=>{sessionStorage.setItem("EKYC_OWNER_TYPE",N),sessionStorage.setItem("EKYC_PID_NUMBER",T),sessionStorage.setItem("EKYC_TYPE_OF_CONNECTION_DATA",JSON.stringify(R)),sessionStorage.setItem("EKYC_CONNECTION_CATEGORY_DATA",JSON.stringify(Y)),sessionStorage.setItem("EKYC_USER_TYPE_DATA",JSON.stringify(K)),sessionStorage.setItem("EKYC_NO_OF_FLOORS_DATA",JSON.stringify(P)),W&&sessionStorage.setItem("EKYC_PROPERTY_DOC",W),j&&sessionStorage.setItem("EKYC_PROPERTY_DOC_FILESTORE_ID",j),X&&sessionStorage.setItem("EKYC_BUILDING_PHOTO",X),Z&&sessionStorage.setItem("EKYC_BUILDING_PHOTO_FILESTORE_ID",Z),sessionStorage.setItem("EKYC_CURRENT_STEP","PROPERTY")},[N,T,R,Y,K,P,W,j,X,Z]);const re=function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,a,n;return(null==e||null===(t=e.data)||void 0===t||null===(a=t.files)||void 0===a||null===(n=a[0])||void 0===n?void 0:n.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}};t.useEffect(()=>{!function(){try{ne(null);const e=function(){if(q){const e=function(){if(q.size>=5e6)ne(p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),oe({type:"error",message:p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=C(function(){return oe({type:"info",message:p("EKYC_UPLOADING")}),Promise.resolve(re(q,S)).then(function(e){e?(G(e),V(q.name),oe({type:"success",message:p("EKYC_UPLOAD_SUCCESS")})):(ne(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")}))})},function(){ne(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[q]),t.useEffect(()=>{!function(){try{ne(null);const e=function(){if(ee){const e=function(){if(ee.size>=2e6)ne(p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),oe({type:"error",message:p("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=C(function(){return oe({type:"info",message:p("EKYC_UPLOADING")}),Promise.resolve(re(ee,S)).then(function(e){if(e){J(e);const t=new FileReader;t.onloadend=()=>$(t.result),t.readAsDataURL(ee),oe({type:"success",message:p("EKYC_UPLOAD_SUCCESS")})}else ne(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")})})},function(){ne(p("EKYC_FILE_UPLOAD_ERROR")),oe({type:"error",message:p("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[ee]),t.useRef(null),t.useRef(null),null==y||null===(e=y["ws-services-calculation"])||void 0===e||null===(r=e.propertyTypeV2)||void 0===r||r.map(e=>({label:p(e.code),value:e.code})),null==h||null===(i=h["ws-services-calculation"])||void 0===i||null===(s=i.connectionTypeV2)||void 0===s||s.map(e=>({label:p(e.code),value:e.code}));const ie=(null==A||null===(c=A["ws-services-calculation"])||void 0===c||null===(d=c.userTypeV2)||void 0===d?void 0:d.map(e=>({label:p(e.code),value:e.code})))||[],se=(null==x||null===(E=x["ws-services-calculation"])||void 0===E||null===(m=E.floorCount)||void 0===m?void 0:m.map(e=>({label:p(e.code),value:e.code})))||[];return a.createElement(t.Fragment,null,a.createElement("div",{className:"inbox-container"},a.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n "),a.createElement("div",{className:"filters-container"},a.createElement(o.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},a.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},a.createElement(o.HomeIcon,{style:{width:"20px",height:"20px"}})),a.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},p("EKYC_PROCESS")||"eKYC Process")),a.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:p("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:p("EKYC_STEP_ADDRESS")||"Address",done:!0,active:!1},{label:p("EKYC_STEP_PROPERTY")||"Property",done:!1,active:!0},{label:p("EKYC_STEP_METER")||"Meter",done:!1,active:!1},{label:p("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>a.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<4?"18px":0}},t<4&&a.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),a.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?a.createElement(k,{size:11,color:"#fff"}):t+1),a.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),a.createElement("div",{style:{flex:1,marginLeft:"16px"}},a.createElement(o.Card,null,a.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},a.createElement(o.CardHeader,{style:{margin:0,fontSize:"18px"}},p("EKYC_PROPERTY_DETAILS_HEADER")||"Property Details"),a.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},p("EKYC_K_NUMBER")||"K Number",":"," ",a.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},_))),a.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},a.createElement(U,{icon:a.createElement(M,{size:16}),label:p("EKYC_PROPERTY_DETAILS")||"Property details"}),a.createElement("div",{style:{marginBottom:"20px"}},a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},p("EKYC_PROPERTY_OWNER")||"Property owner"),a.createElement("div",{style:{display:"flex",backgroundColor:"#F2F4F7",padding:"4px",borderRadius:"10px",gap:"4px"}},["OWNER","TENANT"].map(e=>a.createElement("button",{key:e,onClick:()=>b(e),style:{flex:1,padding:"9px 12px",borderRadius:"7px",border:"none",cursor:"pointer",fontSize:"13px",fontWeight:"600",transition:"all 0.15s",background:N===e?"#185FA5":"transparent",color:N===e?"#fff":"#667085"}},p("EKYC_"+e)||("OWNER"===e?"Owner":"Tenant"))))),a.createElement("div",{style:{marginBottom:"20px"}},a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_PID_NUMBER")||"PID number"," ",a.createElement("span",{style:{fontStyle:"italic",fontWeight:"400",textTransform:"none",color:"#98A2B3"}},"— ",p("EKYC_OPTIONAL")||"optional")),a.createElement(H,{icon:a.createElement(w,{size:15}),value:T,onChange:e=>I(e.target.value),placeholder:p("EKYC_ENTER_PID_NUMBER")||"Enter PID number"})),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(U,{icon:a.createElement(F,{size:16}),label:p("EKYC_BUILDING_INFO")||"Building info"}),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"14px"}}),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"24px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_USER_TYPE")||"User type"),a.createElement(o.Dropdown,{selected:K,select:L,option:ie,optionKey:"label",t:p,placeholder:p("EKYC_SELECT")||"Select"})),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},p("EKYC_NO_OF_FLOORS")||"No. of floors"),a.createElement(o.Dropdown,{selected:P,select:z,option:se,optionKey:"label",t:p,placeholder:p("EKYC_SELECT")||"Select"}))),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(U,{icon:a.createElement(B,{size:16}),label:p("EKYC_DOCUMENTS_PHOTO")||"Documents & photo"}),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"20px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},p("EKYC_UPLOAD_PROPERTY_DOC")||"Upload property document"),a.createElement(o.UploadFile,{id:"ekyc-property-doc",extraStyleName:"propertyCreate",accept:".pdf",onUpload:function(e){G(null),Q(e.target.files[0])},onDelete:()=>{G(null),V(null),Q(null)},message:j?"1 "+p("EKYC_ACTION_FILEUPLOADED"):p("EKYC_ACTION_NO_FILEUPLOADED"),error:ae,disabled:!T}),!T&&a.createElement("div",{style:{fontSize:"11px",color:"#D92D20",marginTop:"4px"}},p("EKYC_ENTER_PID_FIRST_CTA")||"Enter PID to upload")),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},p("EKYC_CAPTURE_BUILDING_IMAGE")||"Capture building image"),a.createElement(o.UploadFile,{id:"ekyc-building-photo",extraStyleName:"propertyCreate",accept:".jpg,.png,.jpeg",onUpload:function(e){J(null),te(e.target.files[0])},onDelete:()=>{J(null),$(null),te(null)},message:Z?"1 "+p("EKYC_ACTION_FILEUPLOADED"):p("EKYC_ACTION_NO_FILEUPLOADED"),error:ae}),X&&a.createElement("div",{style:{marginTop:"10px",borderRadius:"8px",overflow:"hidden",border:"1px solid #EAECF0"}},a.createElement("img",{src:X,alt:"Building Preview",style:{width:"100%",maxHeight:"150px",objectFit:"cover"}})))),a.createElement("div",{style:{backgroundColor:"#E6F1FB",border:"0.5px solid #B5D4F4",borderRadius:"8px",padding:"12px 14px",display:"flex",alignItems:"flex-start",gap:"10px",marginBottom:"4px"}},a.createElement("div",{style:{flexShrink:0,marginTop:"1px"}},a.createElement(o.InfoBannerIcon,{fill:"#185FA5"})),a.createElement("div",{style:{fontSize:"13px",color:"#185FA5",lineHeight:"1.5"}},p("EKYC_TENANT_INFO_NOTICE")||"This section is enabled only if the user is not the owner. Tenant details will be required if tenant is selected."))),a.createElement("div",{style:{marginTop:"24px"}},a.createElement(o.SubmitBar,{label:p("EKYC_SAVE_AND_CONTINUE")||"Save & Continue",onSubmit:()=>{u.push("/digit-ui/employee/ekyc/meter-details",{...v,propertyDetails:{ownerType:N,pidNumber:T,connectionType:Y,connectionCategory:R,userType:K,noOfFloors:P,propertyDocument:W,propertyDocumentFileStoreId:j,buildingPhoto:X,buildingPhotoFileStoreId:Z},initialData:f})}})),a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},a.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},a.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),a.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),p("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure")))),le&&a.createElement(o.Toast,{label:le.message,error:"error"===le.type,info:"info"===le.type,success:"success"===le.type,onClose:()=>oe(null)}))},W=e=>{let{size:t=11,color:n="#fff"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"3",strokeLinecap:"round"},a.createElement("polyline",{points:"20 6 9 17 4 12"}))},V=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"}))},j=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}))},G=e=>{let{icon:t,label:n}=e;return a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},a.createElement("div",{style:{opacity:.5,display:"flex"}},t),a.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},n),a.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},X=()=>{var e,r,i,s;const{t:c}=n.useTranslation(),d=l.useHistory(),E=l.useLocation(),m=E.state||{kNumber:sessionStorage.getItem("EKYC_K_NUMBER")||"EKYC-1234567890",initialData:g("EKYC_INITIAL_DATA",{})},{kNumber:p}=m,u=m.initialData||g("EKYC_INITIAL_DATA",{}),v=Digit.ULBService.getCurrentTenantId(),{data:_}=Digit.Hooks.ekyc.useGetPropertyType(v),{data:f}=Digit.Hooks.ekyc.useGetConnectionTypeV2(v),[S,y]=t.useState(()=>g("EKYC_METER_STATUS_DATA",u.meterStatus?{label:c("EKYC_METER_"+u.meterStatus),value:u.meterStatus}:null)),[h,A]=t.useState(()=>sessionStorage.getItem("EKYC_METER_PHOTO")||null),[x,N]=t.useState(()=>sessionStorage.getItem("EKYC_METER_PHOTO_FILESTORE_ID")||null),[b,T]=t.useState(()=>g("EKYC_METER_WORKING_STATUS_DATA",u.workingStatus?{label:c("EKYC_METER_"+u.workingStatus),value:u.workingStatus}:null)),[I,R]=t.useState(()=>sessionStorage.getItem("EKYC_METER_LOCATION")||u.meterLocation||""),[O,Y]=t.useState(()=>g("EKYC_LAST_BILL_RAISED_DATA",u.lastBillRaised?{label:c("EKYC_"+u.lastBillRaised),value:u.lastBillRaised}:null)),[D,K]=t.useState(()=>sessionStorage.getItem("EKYC_REASON_FOR_NO_BILL")||u.noBillReason||""),[L,P]=t.useState(()=>g("EKYC_SEWER_CONNECTION_DATA",u.sewerConnection?{label:c("EKYC_"+u.sewerConnection),value:u.sewerConnection}:null)),[k,F]=t.useState(()=>g("EKYC_TYPE_OF_CONNECTION_DATA",u.typeOfConnection?{label:c(u.typeOfConnection),value:u.typeOfConnection}:null)),[M,B]=t.useState(()=>g("EKYC_CONNECTION_CATEGORY_DATA",u.connectionCategory?{label:c(u.connectionCategory),value:u.connectionCategory}:null)),[w,U]=t.useState(null),[H,z]=t.useState(null),[X,$]=t.useState(null);t.useEffect(()=>{sessionStorage.setItem("EKYC_METER_STATUS_DATA",JSON.stringify(S)),sessionStorage.setItem("EKYC_METER_WORKING_STATUS_DATA",JSON.stringify(b)),sessionStorage.setItem("EKYC_METER_LOCATION",I),sessionStorage.setItem("EKYC_LAST_BILL_RAISED_DATA",JSON.stringify(O)),sessionStorage.setItem("EKYC_REASON_FOR_NO_BILL",D),sessionStorage.setItem("EKYC_SEWER_CONNECTION_DATA",JSON.stringify(L)),sessionStorage.setItem("EKYC_TYPE_OF_CONNECTION_DATA",JSON.stringify(k)),sessionStorage.setItem("EKYC_CONNECTION_CATEGORY_DATA",JSON.stringify(M)),h&&sessionStorage.setItem("EKYC_METER_PHOTO",h),x&&sessionStorage.setItem("EKYC_METER_PHOTO_FILESTORE_ID",x),sessionStorage.setItem("EKYC_CURRENT_STEP","METER")},[S,b,I,O,D,L,k,M,h,x]),t.useEffect(()=>{!function(){try{z(null);const e=function(){if(w){const e=function(){if(w.size>=2e6)z(c("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")),$({type:"error",message:c("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")});else{const e=C(function(){return $({type:"info",message:c("EKYC_UPLOADING")}),Promise.resolve(function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,a,n;return(null==e||null===(t=e.data)||void 0===t||null===(a=t.files)||void 0===a||null===(n=a[0])||void 0===n?void 0:n.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}}(w,v)).then(function(e){if(e){N(e);const t=new FileReader;t.onloadend=()=>A(t.result),t.readAsDataURL(w),$({type:"success",message:c("EKYC_UPLOAD_SUCCESS")})}else z(c("EKYC_FILE_UPLOAD_ERROR")),$({type:"error",message:c("EKYC_FILE_UPLOAD_ERROR")})})},function(){z(c("EKYC_FILE_UPLOAD_ERROR")),$({type:"error",message:c("EKYC_FILE_UPLOAD_ERROR")})});if(e&&e.then)return e.then(function(){})}}();if(e&&e.then)return e.then(function(){})}}();e&&e.then&&e.then(function(){})}catch(e){Promise.reject(e)}}()},[w]);const Z=[{label:c("EKYC_METERED"),value:"Metered"},{label:c("EKYC_UNMETERED"),value:"Unmetered"}],J=[{label:c("EKYC_WORKING"),value:"Working"},{label:c("EKYC_NOT_WORKING"),value:"Not Working"}],q=[{label:c("CORE_COMMON_YES"),value:"Yes"},{label:c("CORE_COMMON_NO"),value:"No"}],Q=(null==_||null===(e=_["ws-services-calculation"])||void 0===e||null===(r=e.propertyTypeV2)||void 0===r?void 0:r.map(e=>({label:c(e.code),value:e.code})))||[],ee=(null==f||null===(i=f["ws-services-calculation"])||void 0===i||null===(s=i.connectionTypeV2)||void 0===s?void 0:s.map(e=>({label:c(e.code),value:e.code})))||[];return a.createElement("div",{className:"inbox-container"},a.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n "),a.createElement("div",{className:"filters-container"},a.createElement(o.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},a.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},a.createElement(o.HomeIcon,{style:{width:"20px",height:"20px"}})),a.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},c("EKYC_PROCESS")||"eKYC Process")),a.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:c("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:c("EKYC_STEP_ADDRESS")||"Address",done:!0,active:!1},{label:c("EKYC_STEP_PROPERTY")||"Property",done:!0,active:!1},{label:c("EKYC_STEP_METER")||"Meter",done:!1,active:!0},{label:c("EKYC_STEP_REVIEW")||"Review",done:!1,active:!1}].map((e,t)=>a.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<4?"18px":0}},t<4&&a.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),a.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?a.createElement(W,{size:11,color:"#fff"}):t+1),a.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),a.createElement("div",{style:{flex:1,marginLeft:"16px"}},a.createElement(o.Card,null,a.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},a.createElement(o.CardHeader,{style:{margin:0,fontSize:"18px"}},c("EKYC_METER_DETAILS_HEADER")||"Meter Details"),a.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},c("EKYC_K_NUMBER")||"K Number",":"," ",a.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},p))),a.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},a.createElement(G,{icon:a.createElement(V,{size:16}),label:c("EKYC_METER_DETAILS")||"Meter details"}),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"20px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_METER_STATUS")||"Meter status"),a.createElement(o.Dropdown,{selected:S,select:y,option:Z,optionKey:"label",t:c,placeholder:c("EKYC_SELECT")||"Select"})),"Metered"===(null==S?void 0:S.value)&&a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_METER_WORKING_STATUS")||"Meter working status"),a.createElement(o.Dropdown,{selected:b,select:T,option:J,optionKey:"label",t:c,placeholder:c("EKYC_SELECT")||"Select"}))),"Metered"===(null==S?void 0:S.value)&&a.createElement(t.Fragment,null,a.createElement("div",{style:{marginBottom:"20px"}},a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"8px"}},c("EKYC_CAPTURE_METER_IMAGE")||"Capture meter image"),a.createElement(o.UploadFile,{id:"ekyc-meter-photo",extraStyleName:"propertyCreate",accept:".jpg,.png,.jpeg",onUpload:function(e){N(null),U(e.target.files[0])},onDelete:()=>{N(null),A(null),U(null)},message:x?"1 "+c("EKYC_ACTION_FILEUPLOADED"):c("EKYC_ACTION_NO_FILEUPLOADED"),error:H}),h&&a.createElement("div",{style:{marginTop:"10px",borderRadius:"8px",overflow:"hidden",border:"1px solid #EAECF0"}},a.createElement("img",{src:h,alt:"Meter Preview",style:{width:"100%",maxHeight:"150px",objectFit:"cover"}}))),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"20px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_METER_LOCATION")||"Meter location"),a.createElement(o.TextInput,{value:I,onChange:e=>R(e.target.value),placeholder:c("EKYC_ENTER_METER_LOCATION")||"Enter location"})),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_LAST_BILL_RAISED")||"Last bill raised"),a.createElement(o.Dropdown,{selected:O,select:Y,option:q,optionKey:"label",t:c,placeholder:c("EKYC_SELECT")||"Select"}))),"No"===(null==O?void 0:O.value)&&a.createElement("div",{style:{marginBottom:"20px"}},a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_REASON_FOR_NO_BILL")||"Reason for no bill"),a.createElement(o.TextInput,{value:D,onChange:e=>K(e.target.value),placeholder:c("EKYC_ENTER_REASON")||"Enter reason"}))),a.createElement("div",{style:{marginBottom:"20px"}},a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_SEWER_CONNECTION")||"Sewer connection"),a.createElement("div",{style:{width:"calc(50% - 7px)"}},a.createElement(o.Dropdown,{selected:L,select:P,option:q,optionKey:"label",t:c,placeholder:c("EKYC_SELECT")||"Select"}))),a.createElement("hr",{style:{margin:"24px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(G,{icon:a.createElement(j,{size:16}),label:c("EKYC_PROPERTY_CONNECTION_DETAILS")||"Property Connection Details"}),a.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"14px",marginBottom:"24px"}},a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_TYPE_OF_CONNECTION")||"Type of connection"),a.createElement(o.Dropdown,{selected:k,select:F,option:Q,optionKey:"label",t:c,placeholder:c("EKYC_SELECT")||"Select"})),a.createElement("div",null,a.createElement("div",{style:{fontSize:"11px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:"6px"}},c("EKYC_CONNECTION_CATEGORY")||"Connection category"),a.createElement(o.Dropdown,{selected:M,select:B,option:ee,optionKey:"label",t:c,placeholder:c("EKYC_SELECT")||"Select"})))),a.createElement("div",{style:{marginTop:"24px"}},a.createElement(o.SubmitBar,{label:c("EKYC_SAVE_AND_CONTINUE")||"Save & Continue",onSubmit:()=>{d.push("/digit-ui/employee/ekyc/review",{...E.state,meterDetails:{meterStatus:S,meterPhoto:h,meterPhotoFileStoreId:x,workingStatus:b,meterLocation:I,lastBillRaised:O,noBillReason:D,sewerConnection:L,connectionType:M,connectionCategory:k}})}})),a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},a.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},a.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),a.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),c("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure"))),X&&a.createElement(o.Toast,{label:X.message,error:"error"===X.type,info:"info"===X.type,success:"success"===X.type,onClose:()=>$(null)}))},$=e=>{let{size:t=11,color:n="#fff"}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"3",strokeLinecap:"round"},a.createElement("polyline",{points:"20 6 9 17 4 12"}))},Z=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"}))},J=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"}))},q=e=>{let{size:t=16}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8V9h8v10zm-2-8h-4v2h4v-2zm0 4h-4v2h4v-2z"}))},Q=e=>{let{size:t=14}=e;return a.createElement("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},a.createElement("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),a.createElement("path",{d:"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"}))},ee=e=>{let{icon:t,label:n}=e;return a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16px",marginTop:"4px"}},a.createElement("div",{style:{opacity:.5,display:"flex"}},t),a.createElement("span",{style:{fontSize:"15px",fontWeight:"600",color:"#0B0C0C",whiteSpace:"nowrap"}},n),a.createElement("div",{style:{flex:1,height:"1px",background:"#EAECF0"}}))},te=e=>{let{icon:t,title:n,onEdit:l,editLabel:o,rows:r,t:i}=e;return a.createElement("div",{style:{border:"0.5px solid #EAECF0",borderRadius:"10px",overflow:"hidden",marginBottom:"16px",animation:"fadeSlideIn 0.3s ease"}},a.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"14px 16px",background:"#F9FAFB",borderBottom:"0.5px solid #EAECF0"}},a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},a.createElement("div",{style:{opacity:.5,display:"flex"}},t),a.createElement("span",{style:{fontSize:"14px",fontWeight:"600",color:"#0B0C0C"}},n)),a.createElement("button",{onClick:l,style:{display:"flex",alignItems:"center",gap:"5px",background:"none",border:"0.5px solid #D0D5DD",borderRadius:"6px",padding:"5px 12px",fontSize:"12px",fontWeight:"600",color:"#185FA5",cursor:"pointer"}},a.createElement(Q,{size:12}),o)),a.createElement("div",{style:{padding:"4px 0"}},r.map((e,t)=>e.value?a.createElement("div",{key:t,style:{display:"flex",alignItems:"flex-start",padding:"10px 16px",borderBottom:t<r.length-1?"0.5px solid #F2F4F7":"none"}},a.createElement("div",{style:{flex:"0 0 180px",fontSize:"12px",fontWeight:"600",color:"#667085",textTransform:"uppercase",letterSpacing:"0.04em",paddingTop:"1px"}},e.label),a.createElement("div",{style:{flex:1,fontSize:"14px",color:"#101828",fontWeight:"500",wordBreak:"break-word",display:"flex",alignItems:"center",gap:"8px"}},e.value,e.isModified&&a.createElement("span",{style:{fontSize:"10px",background:"#FFF4ED",color:"#B45309",border:"0.5px solid #FDE68A",borderRadius:"4px",padding:"2px 6px",fontWeight:"600",textTransform:"uppercase"}},i("EKYC_MODIFIED")||"Modified"))):null)))},ae=()=>{var e,r,i,s,c,d,E,m,p,u,v,_,f,S,y,h,A,x,N,b,T,I;const{t:R}=n.useTranslation(),O=l.useHistory(),Y=l.useLocation(),D=Y.state||{},K=D.initialData||g("EKYC_INITIAL_DATA",{}),L=D.kNumber||sessionStorage.getItem("EKYC_K_NUMBER")||"EKYC-1234567890",P=D.aadhaarDetails||{userName:sessionStorage.getItem("EKYC_USER_NAME"),mobileNumber:sessionStorage.getItem("EKYC_MOBILE_NUMBER"),whatsappNumber:sessionStorage.getItem("EKYC_WHATSAPP_NUMBER"),email:sessionStorage.getItem("EKYC_EMAIL"),noOfPersons:sessionStorage.getItem("EKYC_NO_OF_PERSONS")},k=D.addressDetails||{fullAddress:sessionStorage.getItem("EKYC_FULL_ADDRESS"),flatNo:sessionStorage.getItem("EKYC_FLAT_NO"),building:sessionStorage.getItem("EKYC_BUILDING"),landmark:sessionStorage.getItem("EKYC_LANDMARK"),pincode:sessionStorage.getItem("EKYC_PINCODE"),assembly:null===(e=g("EKYC_ASSEMBLY_DATA"))||void 0===e?void 0:e.name,ward:null===(r=g("EKYC_WARD_DATA"))||void 0===r?void 0:r.name,doorPhoto:sessionStorage.getItem("EKYC_DOOR_PHOTO"),doorPhotoFileStoreId:sessionStorage.getItem("EKYC_DOOR_PHOTO_FILESTORE_ID")},F=D.propertyDetails||{ownerType:sessionStorage.getItem("EKYC_OWNER_TYPE"),pidNumber:sessionStorage.getItem("EKYC_PID_NUMBER"),userType:g("EKYC_USER_TYPE_DATA"),noOfFloors:g("EKYC_NO_OF_FLOORS_DATA"),propertyDocument:sessionStorage.getItem("EKYC_PROPERTY_DOC"),propertyDocumentFileStoreId:sessionStorage.getItem("EKYC_PROPERTY_DOC_FILESTORE_ID"),buildingPhoto:sessionStorage.getItem("EKYC_BUILDING_PHOTO"),buildingPhotoFileStoreId:sessionStorage.getItem("EKYC_BUILDING_PHOTO_FILESTORE_ID")},M=D.meterDetails||{meterStatus:g("EKYC_METER_STATUS_DATA"),workingStatus:g("EKYC_METER_WORKING_STATUS_DATA"),meterLocation:sessionStorage.getItem("EKYC_METER_LOCATION"),lastBillRaised:g("EKYC_LAST_BILL_RAISED_DATA"),noBillReason:sessionStorage.getItem("EKYC_REASON_FOR_NO_BILL"),sewerConnection:g("EKYC_SEWER_CONNECTION_DATA"),connectionCategory:g("EKYC_TYPE_OF_CONNECTION_DATA"),connectionType:g("EKYC_CONNECTION_CATEGORY_DATA"),meterPhoto:sessionStorage.getItem("EKYC_METER_PHOTO"),meterPhotoFileStoreId:sessionStorage.getItem("EKYC_METER_PHOTO_FILESTORE_ID")};t.useEffect(()=>{sessionStorage.setItem("EKYC_CURRENT_STEP","REVIEW")},[]);const B=(e,t)=>{const a=K[e];return void 0!==a&&JSON.stringify(a)!==JSON.stringify(t)},[w,U]=t.useState(null),H=Digit.ULBService.getCurrentTenantId()||"dl",{mutate:z,isLoading:W}=Digit.Hooks.ekyc.useEkycApplicationUpdate(H),V=W,j=function(e,t){try{return e?Promise.resolve(Digit.UploadServices.Filestorage("EKYC",e,t)).then(function(e){var t,a,n;return(null==e||null===(t=e.data)||void 0===t||null===(a=t.files)||void 0===a||null===(n=a[0])||void 0===n?void 0:n.fileStoreId)||null}):Promise.resolve(null)}catch(e){return Promise.reject(e)}},G=(e,t)=>{const a=e.split(","),n=a[0].match(/:(.*?);/)[1],l=atob(a[1]);let o=l.length;const r=new Uint8Array(o);for(;o--;)r[o]=l.charCodeAt(o);return new File([r],t,{type:n})};return a.createElement(t.Fragment,null,a.createElement("div",{className:"inbox-container"},a.createElement("style",null,"\n @keyframes fadeSlideIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n "),a.createElement("div",{className:"filters-container"},a.createElement(o.Card,{style:{display:"flex",alignItems:"center",padding:"12px 16px",marginBottom:"12px",borderRadius:"8px"}},a.createElement("div",{style:{color:"#185FA5",marginRight:"10px",display:"flex"}},a.createElement(o.HomeIcon,{style:{width:"20px",height:"20px"}})),a.createElement("div",{style:{fontWeight:"600",fontSize:"15px",color:"#0B0C0C"}},R("EKYC_PROCESS")||"eKYC Process")),a.createElement("div",{style:{background:"#fff",padding:"16px 14px",borderRadius:"8px",border:"1px solid #EAECF0"}},[{label:R("EKYC_STEP_AADHAAR")||"Aadhaar",done:!0,active:!1},{label:R("EKYC_STEP_ADDRESS")||"Address",done:!0,active:!1},{label:R("EKYC_STEP_PROPERTY")||"Property",done:!0,active:!1},{label:R("EKYC_STEP_METER")||"Meter",done:!0,active:!1},{label:R("EKYC_STEP_REVIEW")||"Review",done:!1,active:!0}].map((e,t)=>a.createElement("div",{key:t,style:{display:"flex",gap:"10px",alignItems:"flex-start",position:"relative",paddingBottom:t<4?"18px":0}},t<4&&a.createElement("div",{style:{position:"absolute",left:"10px",top:"22px",width:"1px",height:"calc(100% - 10px)",background:"#EAECF0"}}),a.createElement("div",{style:{width:"20px",height:"20px",borderRadius:"50%",flexShrink:0,marginTop:"1px",border:e.done?"none":e.active?"1.5px solid #185FA5":"1.5px solid #D0D5DD",background:e.done?"#0F6E56":e.active?"#E6F1FB":"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:"500",color:e.done?"#fff":e.active?"#185FA5":"#98A2B3"}},e.done?a.createElement($,{size:11,color:"#fff"}):t+1),a.createElement("div",{style:{fontSize:"12px",paddingTop:"2px",color:e.done?"#0F6E56":e.active?"#0B0C0C":"#667085",fontWeight:e.done||e.active?"600":"400"}},e.label))))),a.createElement("div",{style:{flex:1,marginLeft:"16px"}},a.createElement(o.Card,null,a.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"20px"}},a.createElement(o.CardHeader,{style:{margin:0,fontSize:"18px"}},R("EKYC_REVIEW_DETAILS")||"Review Details"),a.createElement("div",{style:{background:"#F9FAFB",border:"0.5px solid #EAECF0",borderRadius:"20px",padding:"4px 14px",fontSize:"12px",color:"#667085"}},R("EKYC_K_NUMBER")||"K Number",":"," ",a.createElement("span",{style:{color:"#0B0C0C",fontWeight:"600"}},L))),a.createElement("div",{style:{backgroundColor:"#E1F5EE",border:"0.5px solid #5DCAA5",borderRadius:"8px",padding:"12px 16px",display:"flex",alignItems:"center",gap:"10px",marginBottom:"24px"}},a.createElement("div",{style:{backgroundColor:"#9FE1CB",padding:"5px",borderRadius:"6px",display:"flex",flexShrink:0}},a.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#085041",strokeWidth:"3",strokeLinecap:"round"},a.createElement("polyline",{points:"20 6 9 17 4 12"}))),a.createElement("div",{style:{fontSize:"13px",color:"#04342C",fontWeight:"500"}},R("EKYC_REVIEW_NOTICE")||"Please review all details carefully before submitting. You can edit any section by clicking Edit.")),a.createElement("div",{style:{animation:"fadeSlideIn 0.3s ease"}},a.createElement(ee,{icon:a.createElement(Z,{size:16}),label:R("EKYC_AADHAAR_VERIFICATION_HEADER")||"Aadhaar details"}),a.createElement(te,{icon:a.createElement(Z,{size:16}),title:R("EKYC_AADHAAR_VERIFICATION_HEADER")||"Aadhaar details",onEdit:()=>{O.push("/digit-ui/employee/ekyc/aadhaar-verification",Y.state)},editLabel:R("CS_COMMON_EDIT")||"Edit",t:R,rows:[{label:R("EKYC_NAME")||"Name",value:P.userName||"Rajesh Kumar Singh",isModified:B("userName",P.userName)},{label:R("EKYC_AADHAAR")||"Aadhaar no.",value:P.aadhaarLastFour?""+P.aadhaarLastFour:"XXXX XXXX 1234"},{label:R("EKYC_MOBILE_NO")||"Mobile no.",value:P.mobileNumber||"XXXXXXXXXX",isModified:B("mobileNumber",P.mobileNumber)},{label:R("EKYC_EMAIL_ADDRESS")||"Email",value:P.email||null,isModified:B("email",P.email)}]}),a.createElement("hr",{style:{margin:"20px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(ee,{icon:a.createElement(J,{size:16}),label:R("EKYC_ADDRESS_DETAILS_HEADER")||"Address details"}),a.createElement(te,{icon:a.createElement(J,{size:16}),title:R("EKYC_ADDRESS_DETAILS_HEADER")||"Address details",onEdit:()=>{O.push("/digit-ui/employee/ekyc/address-details",Y.state)},editLabel:R("CS_COMMON_EDIT")||"Edit",t:R,rows:[{label:R("EKYC_FULL_ADDRESS")||"Full address",value:k.fullAddress||"H.No. 123, Sector 15, Rohini, Delhi – 110085",isModified:B("fullAddress",k.fullAddress)},{label:R("EKYC_FLAT_HOUSE_NUMBER")||"Flat / House no.",value:k.flatNo||null,isModified:B("flatNo",k.flatNo)},{label:R("EKYC_BUILDING_TOWER")||"Building",value:k.building||null,isModified:B("building",k.building)},{label:R("EKYC_LANDMARK")||"Landmark",value:k.landmark||null,isModified:B("landmark",k.landmark)},{label:R("EKYC_PINCODE")||"Pincode",value:k.pincode||"110085",isModified:B("pincode",k.pincode)},{label:R("EKYC_ASSEMBLY")||"Assembly",value:k.assembly||"AC-12 Chandni Chowk",isModified:B("assembly",k.assembly)},{label:R("EKYC_WARD")||"Ward",value:k.ward||"WARD-45 Civil Lines",isModified:B("ward",k.ward)}]}),a.createElement("hr",{style:{margin:"20px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(ee,{icon:a.createElement(q,{size:16}),label:R("EKYC_PROPERTY_INFO")||"Property details"}),a.createElement(te,{icon:a.createElement(q,{size:16}),title:R("EKYC_PROPERTY_INFO")||"Property details",onEdit:()=>{O.push("/digit-ui/employee/ekyc/property-info",Y.state)},editLabel:R("CS_COMMON_EDIT")||"Edit",t:R,rows:[{label:R("EKYC_PROPERTY_OWNER")||"Property owner",value:F.ownerType||"Owner"},{label:R("EKYC_PID_NUMBER")||"PID number",value:F.pidNumber||null,isModified:B("pidNumber",F.pidNumber)},{label:R("EKYC_TYPE_OF_CONNECTION")||"Type of connection",value:(null===(i=F.connectionCategory)||void 0===i?void 0:i.label)||null,isModified:B("typeOfConnection",null===(s=F.connectionCategory)||void 0===s?void 0:s.value)},{label:R("EKYC_CONNECTION_CATEGORY")||"Connection category",value:(null===(c=F.connectionType)||void 0===c?void 0:c.label)||null,isModified:B("connectionCategory",null===(d=F.connectionType)||void 0===d?void 0:d.value)},{label:R("EKYC_USER_TYPE")||"User type",value:(null===(E=F.userType)||void 0===E?void 0:E.label)||null,isModified:B("userType",null===(m=F.userType)||void 0===m?void 0:m.value)},{label:R("EKYC_NO_OF_FLOORS")||"No. of floors",value:(null===(p=F.noOfFloors)||void 0===p?void 0:p.label)||null,isModified:B("noOfFloor",null===(u=F.noOfFloors)||void 0===u?void 0:u.value)}]}),a.createElement("hr",{style:{margin:"20px 0",border:0,borderTop:"1px solid #EAECF0"}}),a.createElement(ee,{icon:a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"})),label:R("EKYC_METER_DETAILS_HEADER")||"Meter details"}),a.createElement(te,{icon:a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor"},a.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"})),title:R("EKYC_METER_DETAILS_HEADER")||"Meter details",onEdit:()=>{O.push("/digit-ui/employee/ekyc/meter-details",Y.state)},editLabel:R("CS_COMMON_EDIT")||"Edit",t:R,rows:[{label:R("EKYC_METER_STATUS")||"Meter status",value:(null===(v=M.meterStatus)||void 0===v?void 0:v.label)||null,isModified:B("meterStatus",null===(_=M.meterStatus)||void 0===_?void 0:_.value)},{label:R("EKYC_METER_WORKING_STATUS")||"Meter working status",value:(null===(f=M.workingStatus)||void 0===f?void 0:f.label)||null,isModified:B("meterWorkingStatus",null===(S=M.workingStatus)||void 0===S?void 0:S.value)},{label:R("EKYC_METER_LOCATION")||"Meter location",value:M.meterLocation||null,isModified:B("meterLocation",M.meterLocation)},{label:R("EKYC_LAST_BILL_RAISED")||"Last bill raised",value:(null===(y=M.lastBillRaised)||void 0===y?void 0:y.label)||null,isModified:B("lastBillRaised",null===(h=M.lastBillRaised)||void 0===h?void 0:h.value)},{label:R("EKYC_REASON_FOR_NO_BILL")||"Reason for no bill",value:M.noBillReason||null,isModified:B("noBillReason",M.noBillReason)},{label:R("EKYC_SEWER_CONNECTION")||"Sewer connection",value:(null===(A=M.sewerConnection)||void 0===A?void 0:A.label)||null,isModified:B("sewerConnection",null===(x=M.sewerConnection)||void 0===x?void 0:x.value)},{label:R("EKYC_TYPE_OF_CONNECTION")||"Type of connection",value:(null===(N=M.connectionCategory)||void 0===N?void 0:N.label)||null,isModified:B("typeOfConnection",null===(b=M.connectionCategory)||void 0===b?void 0:b.value)},{label:R("EKYC_CONNECTION_CATEGORY")||"Connection category",value:(null===(T=M.connectionType)||void 0===T?void 0:T.label)||null,isModified:B("connectionCategory",null===(I=M.connectionType)||void 0===I?void 0:I.value)}]})),a.createElement("div",{style:{marginTop:"24px"}},a.createElement(o.SubmitBar,{label:V?R("EKYC_SUBMITTING")||"Submitting...":R("ES_COMMON_SUBMIT")||"Submit",onSubmit:function(){try{U(null);const e=C(function(){var e;function t(){function e(){function e(){function e(){var e,r,i,s,c,d,E,m,p,u;const v={updateType:"PROPERTY",kno:L,pidNumber:F.pidNumber||null,propertyDocumentFileStoreId:n,buildingImageFileStoreId:t,userType:(null===(e=F.userType)||void 0===e?void 0:e.value)||null,noOfFloor:null!==(r=F.noOfFloors)&&void 0!==r&&r.value?parseInt(F.noOfFloors.value,10):null,typeOfConnection:(null===(i=F.connectionCategory)||void 0===i?void 0:i.value)||null,connectionCategory:(null===(s=F.connectionType)||void 0===s?void 0:s.value)||null,modifiedBy:a.name||a.userName||null,mobileNumber:P.mobileNumber||null,email:P.email||null,userName:P.userName||null,noOfPersons:P.noOfPersons||null,doorPhotoFileStoreId:l,fullAddress:k.fullAddress||null,flatNo:k.flatNo||null,building:k.building||null,landmark:k.landmark||null,pincode:k.pincode||null,assembly:k.assembly||null,ward:k.ward||null,meterStatus:(null===(c=M.meterStatus)||void 0===c?void 0:c.value)||null,meterWorkingStatus:(null===(d=M.workingStatus)||void 0===d?void 0:d.value)||null,meterLocation:M.meterLocation||null,lastBillRaised:(null===(E=M.lastBillRaised)||void 0===E?void 0:E.value)||null,noBillReason:M.noBillReason||null,sewerConnection:(null===(m=M.sewerConnection)||void 0===m?void 0:m.value)||null,typeOfConnection:(null===(p=M.connectionCategory)||void 0===p?void 0:p.value)||null,connectionCategory:(null===(u=M.connectionType)||void 0===u?void 0:u.value)||null,meterImageFileStoreId:o};z(v,{onSuccess:e=>{U({type:"success",message:R("EKYC_SUBMIT_SUCCESS")||"Application submitted successfully!"}),Object.keys(sessionStorage).forEach(e=>{e.startsWith("EKYC_")&&sessionStorage.removeItem(e)}),setTimeout(()=>{O.push("/digit-ui/employee/ekyc/dashboard")},1800)},onError:e=>{var t,a,n,l;console.error("eKYC Submit Error:",e),U({type:"error",message:(null==e||null===(t=e.response)||void 0===t||null===(a=t.data)||void 0===a||null===(n=a.Errors)||void 0===n||null===(l=n[0])||void 0===l?void 0:l.message)||R("EKYC_SUBMIT_ERROR")||"Submission failed. Please try again."})}})}let o=M.meterPhotoFileStoreId||null;const r=function(){if(!o&&M.meterPhoto){const e=G(M.meterPhoto,"meter_photo.jpg");return Promise.resolve(j(e,H)).then(function(e){o=e})}}();return r&&r.then?r.then(e):e()}let l=k.doorPhotoFileStoreId||null;const o=function(){if(!l&&k.doorPhoto){const e=G(k.doorPhoto,"door_photo.jpg");return Promise.resolve(j(e,H)).then(function(e){l=e})}}();return o&&o.then?o.then(e):e()}let t=F.buildingPhotoFileStoreId||null;const l=function(){if(!t&&F.buildingPhoto){const e=G(F.buildingPhoto,"building_photo.jpg");return Promise.resolve(j(e,H)).then(function(e){t=e})}}();return l&&l.then?l.then(e):e()}const a=(null===(e=Digit.UserService.getUser())||void 0===e?void 0:e.info)||{};let n=F.propertyDocumentFileStoreId||null;const l=function(){if(!n&&F.propertyDocument instanceof File)return Promise.resolve(j(F.propertyDocument,H)).then(function(e){n=e})}();return l&&l.then?l.then(t):t()},function(e){console.error("eKYC Frontend Error:",e),U({type:"error",message:R("EKYC_SUBMIT_ERROR")||"An error occurred during submission."})});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},disabled:V})),a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"5px",marginTop:"16px",fontSize:"11px",color:"#98A2B3"}},a.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},a.createElement("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),a.createElement("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})),R("EKYC_SECURE_DATA_NOTICE")||"Your data is encrypted and secure")))),w&&a.createElement(o.Toast,{label:w.message,error:"error"===w.type,success:"success"===w.type,onClose:()=>U(null)}))},ne=e=>{let{path:t}=e;const{t:r}=n.useTranslation(),i=l.useLocation();sessionStorage.removeItem("revalidateddone");const s=[{icon:o.HomeIcon,path:"/digit-ui/employee"},{label:r((()=>{const e=i.pathname;return e.includes("/dashboard")?"ES_COMMON_INBOX":e.includes("/create-kyc")?"EKYC_CREATE_KYC":e.includes("/k-details")?"EKYC_K_DETAILS":e.includes("/aadhaar-verification")?"EKYC_AADHAAR_VERIFICATION":e.includes("/address-details")?"EKYC_ADDRESS_DETAILS":e.includes("/property-info")?"EKYC_PROPERTY_INFO":e.includes("/meter-details")?"EKYC_METER_DETAILS":e.includes("/review")?"EKYC_REVIEW":"ES_COMMON_INBOX"})())}];return a.createElement(o.AppContainer,null,a.createElement("div",{className:"ground-container employee-app-container employee-app-homepage-container"},a.createElement(o.ModuleHeader,{leftContent:a.createElement(a.Fragment,null,a.createElement(o.ArrowLeft,{className:"icon"}),"Back"),onLeftClick:()=>window.history.back(),breadcrumbs:s}),a.createElement(l.Switch,null,a.createElement(o.PrivateRoute,{path:t+"/dashboard",component:()=>a.createElement(m,{parentRoute:t,businessService:"EKYC",moduleCode:"EKYC",isInbox:!0})}),a.createElement(o.PrivateRoute,{path:t+"/create-kyc",component:()=>a.createElement(u,null)}),a.createElement(o.PrivateRoute,{path:t+"/aadhaar-verification",component:()=>a.createElement(P,null)}),a.createElement(o.PrivateRoute,{path:t+"/address-details",component:()=>a.createElement(x,null)}),a.createElement(o.PrivateRoute,{path:t+"/property-info",component:()=>a.createElement(z,null)}),a.createElement(o.PrivateRoute,{path:t+"/meter-details",component:()=>a.createElement(X,null)}),a.createElement(o.PrivateRoute,{path:t+"/review",component:()=>a.createElement(ae,null)}),a.createElement(o.PrivateRoute,{path:t+"/",component:()=>a.createElement(m,{parentRoute:t,businessService:"EKYC",moduleCode:"EKYC",isInbox:!0})}))))},le=()=>{const{t:e}=n.useTranslation(),t=l.useLocation(),{path:r}=l.useRouteMatch();sessionStorage.removeItem("revalidateddone");const i=[{icon:o.HomeIcon,path:"/digit-ui/citizen"},{label:e((()=>{const e=t.pathname;return e.includes("/create-kyc")?"EKYC_CREATE_KYC":e.includes("/aadhaar-verification")?"EKYC_AADHAAR_VERIFICATION":e.includes("/address-details")?"EKYC_ADDRESS_DETAILS":e.includes("/property-info")?"EKYC_PROPERTY_INFO":e.includes("/meter-details")?"EKYC_METER_DETAILS":e.includes("/review")?"EKYC_REVIEW":"EKYC_HOME"})())}];return a.createElement(o.AppContainer,null,a.createElement("div",{className:"ground-container employee-app-container form-container"},a.createElement(o.ModuleHeader,{leftContent:a.createElement(a.Fragment,null,a.createElement(o.ArrowLeft,{className:"icon"}),e("CS_COMMON_BACK")),onLeftClick:()=>window.history.back(),breadcrumbs:i}),a.createElement(l.Switch,null,a.createElement(o.PrivateRoute,{path:r+"/create-kyc",component:()=>a.createElement(u,null)}),a.createElement(o.PrivateRoute,{path:r+"/aadhaar-verification",component:()=>a.createElement(P,null)}),a.createElement(o.PrivateRoute,{path:r+"/address-details",component:()=>a.createElement(x,null)}),a.createElement(o.PrivateRoute,{path:r+"/property-info",component:()=>a.createElement(z,null)}),a.createElement(o.PrivateRoute,{path:r+"/meter-details",component:()=>a.createElement(X,null)}),a.createElement(o.PrivateRoute,{path:r+"/review",component:()=>a.createElement(ae,null)}),a.createElement(o.PrivateRoute,{path:r+"/",component:()=>a.createElement(u,null)}))))},oe=e=>{let{stateCode:t,userType:n,tenants:o}=e;const{path:r,url:i}=l.useRouteMatch(),s=Digit.StoreData.getCurrentLanguage(),{isLoading:c}=Digit.Services.useStore({stateCode:t,moduleCode:"EKYC",language:s});return Digit.SessionStorage.set("EKYC_TENANTS",o),c?null:"employee"===n?a.createElement(ne,{path:r,url:i,userType:n,tenants:o}):a.createElement(le,null)},re=e=>{let{matchPath:t}=e;const{t:l}=n.useTranslation(),r=[{link:t+"/create-kyc",i18nKey:l("EKYC_CREATE_KYC")}];return a.createElement(o.CitizenHomeCard,{header:l("EKYC_MODULE_NAME"),links:r,Icon:()=>a.createElement(o.DocumentIcon,{className:"fill-path-primary-main"})})},ie={EKYCModule:oe,EKYCCard:()=>{const{t:e}=n.useTranslation(),t={Icon:a.createElement(o.PersonIcon,null),moduleName:e("ACTION_TEST_EKYC"),kpis:[{count:"-",label:e("TOTAL_EKYC"),link:"/digit-ui/employee/ekyc/dashboard"}],links:[{label:e("EKYC_DASHBOARD"),link:"/digit-ui/employee/ekyc/dashboard"},{label:e("EKYC_CREATE_KYC"),link:"/digit-ui/employee/ekyc/create-kyc"}]};return a.createElement(o.EmployeeModuleCard,t)},EKYCInbox:m,EKYCDesktopInbox:s,EKYCMobileInbox:d,EKYC_INBOX_FILTER:e=>a.createElement(E,e),EkycLinks:re};exports.EkycLinks=re,exports.EkycModule=oe,exports.default=oe,exports.initEkycComponents=()=>{Object.entries(ie).forEach(e=>{let[t,a]=e;Digit.ComponentRegistryService.setComponent(t,a)})};
|