https://www.telkom.co.za/_next/static/chunks/381.7da5637f5ba415e3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[381],{70381:function(e,t,r){r.r(t),r.d(t,{default:function(){return x}});var n=r(85893),i=r(67294),o=r(5152),l=r.n(o),u=r(18201),a=r(1091);let c={type:"Retail",version:"LMTC241TTM",bESRI:!1,key:"2d185450-cd53-47f7-9832-ecbb2741a41f"},d="ucmMap",s="ucmLayerSwitcher",m="esriGC",f="AddressInfoContainer",v={RM3G:"Roaming 3G",TM3G:"Telkom Mobile 3G",TMLTE:"Telkom LTE",FTTH:"Telkom Fibre",TM5G:"Telkom 5G"},p=e=>String(e||"").trim().toUpperCase(),w=e=>{let t=p(e);return v[t]||t},y=e=>{let t=p(e);if(!t)return;let r=window.__originalUpdateCovs;if("function"==typeof r){r(t);return}let n=window.updateCovs;if("function"==typeof n&&n!==y){n(t);return}document.dispatchEvent(new CustomEvent("TelkomCoverageLayerSelection",{detail:{code:t,label:w(t)}}))},g=()=>{let e=window.updateCovs;"function"==typeof e&&e!==y&&(window.__originalUpdateCovs=e),window.updateCovs=y},h=new Map,T=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c,t=new URLSearchParams;return e.type&&t.append("type",e.type),e.version&&t.append("v",e.version),void 0!==e.bESRI&&t.append("bESRI",String(e.bESRI)),e.key&&t.append("key",e.key),"https://gis.telkom.co.za/apps/ucmapi/?".concat(t.toString())},E=()=>[{src:"https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js",id:"jquery-script"},{src:"https://gis.telkom.co.za/apps/ucmapi/js/ucmConfig241ttm.js",id:"ucmConfig"},{src:T(),id:"ucmapi-script"}],b=e=>new Promise((t,r)=>{if(e.id&&document.getElementById(e.id)){if(!e.id.includes("ucmapi")||window.initTelkomMap){t();return}let r=document.getElementById(e.id);null==r||r.remove()}let n=document.createElement("script");n.src=e.src,n.async=!1,e.id&&(n.id=e.id),n.onload=()=>t(),n.onerror=()=>{h.delete(e.id||e.src),r(Error("Failed loading script: ".concat(e.src)))},document.head.appendChild(n)}),C=async e=>{for(let t of e){let e=t.id||t.src;h.has(e)||h.set(e,b(t)),await h.get(e)}},k=e=>{var t,r,n,i,o,l,u,a,c;return e&&"object"==typeof e?e.payload?e.payload:(null==e?void 0:null===(n=e.results)||void 0===n?void 0:null===(r=n.items)||void 0===r?void 0:null===(t=r[0])||void 0===t?void 0:t.payload)?e.results.items[0].payload:(null==e?void 0:null===(u=e.data)||void 0===u?void 0:null===(l=u.results)||void 0===l?void 0:null===(o=l.items)||void 0===o?void 0:null===(i=o[0])||void 0===i?void 0:i.payload)?e.data.results.items[0].payload:(null==e?void 0:null===(c=e.items)||void 0===c?void 0:null===(a=c[0])||void 0===a?void 0:a.payload)?e.items[0].payload:null:null},M=e=>{var t;let r=k(e);if(!r)return null;let n=null==r?void 0:null===(t=r.buildingNumberInfo)||void 0===t?void 0:t.buildingInfo,i=Array.isArray(n)?n[0]:Object.values(n||{}).find(e=>"object"==typeof e),o=null==i?void 0:i.BUILDING_NAME,l=null==i?void 0:i.FLOOR,c=null==i?void 0:i.NUM,d=(0,a.rG)(r,o,l,c);if(!d)return null;let s=(0,u.L6)();return s.isReady=!0,s.loading=!1,s.info=d,s.payload=r,s},L=()=>{["ucmConfig","ucmapi-script"].forEach(e=>{let t=document.getElementById(e);if(t)try{t.remove()}catch(e){}h.delete(e)});try{window.initTelkomMap=void 0,window.updateCovs=void 0,window.__originalUpdateCovs=void 0,window.map=null,window.view=null}catch(e){}},R=e=>{switch(String(e||"").trim().toLowerCase()){case"5g":case"tm5g":return"TM5G";case"lte":case"tmlte":return"TMLTE";case"fibre":case"ftth":return"FTTH";case"rm3g":return"RM3G";default:return"TM3G"}};function j(e){let{id:t,sx:r,onLocationSelect:o,onBuildingInfoInvalid:l,containerHeight:a="90vh",showLoading:c=!0,loadingComp:v,setAddressInfo:p,onConfirmDetails:w,enableTestHook:h=!1,isVisible:T=!1,coverageSubCategory:b}=e,[k,j]=(0,i.useState)(!1),[x,S]=(0,i.useState)(null),I=(0,i.useRef)("TM3G"),G="string"==typeof b?b:null==b?void 0:b.name;I.current=R(G)||"TM3G";let A=(0,i.useRef)(!1),N=(0,i.useRef)(!1),_=(0,i.useRef)(!1),U=(0,i.useRef)(null),F=(0,i.useRef)(w),q=(0,i.useRef)(l),B=(0,i.useRef)(null),O=(0,i.useRef)(!1),z=(0,i.useRef)(!1);F.current=w,q.current=l;let H=(0,i.useCallback)(async()=>{try{let e=E();if(await C(e),!N.current)return;j(!0)}catch(t){let e=t instanceof Error?t:Error("Script load failed");console.error(e),S(e)}},[]),P=(0,i.useRef)(null),$=(0,i.useRef)([]),D=(0,i.useCallback)(e=>{let t=["RM3G","TM3G","TMLTE","FTTH","TM5G"].some(e=>void 0!==window[e]);return e&&void 0!==window[e]||t},[]);(0,i.useEffect)(()=>()=>

1{P.current&&clearTimeout(P.current),$.current.forEach(e=>clearTimeout(e)),$.current=[]},[]);let J=(0,i.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t>50||!e)return;let r=window.__originalUpdateCovs,n=window.updateCovs,i="function"==typeof r?r:"function"==typeof n&&n!==y?n:null;if(D(),!i){P.current=window.setTimeout(()=>J(e,t+1),300);return}try{i(e)}catch(r){P.current=window.setTimeout(()=>J(e,t+1),300)}},[D]),K=(0,i.useCallback)(()=>{$.current.forEach(e=>clearTimeout(e)),$.current=[0,250,500,1e3,2e3,4e3,8e3].map(e=>window.setTimeout(()=>{J(I.current)},e))},[J]),Q=(0,i.useCallback)((e,t)=>{try{if(!window.$)return;let e="string"==typeof t?JSON.parse(t):t,r=M(e);r&&(null==p||p(r)),null==o||o(r)}catch(e){console.error("Telkom response error:",e)}},[o,p]);(0,i.useEffect)(()=>{if(!k||!window.$)return;let e=(e,t)=>{Q(e,t)};return U.current=e,window.$(document).off("TelkomUCMResp"),window.$(document).on("TelkomUCMResp",e),()=>{U.current&&window.$(document).off("TelkomUCMResp",U.current)}},[k,Q]),(0,i.useEffect)(()=>{if(!k)return;let e=e=>{let t=e.target,r=document.getElementById(f);if(!t||!(null==r?void 0:r.contains(t)))return;let n="".concat(t.name||""," ").concat(t.id||"").toLowerCase(),i=/floor|unit|number/.test(n),o=String(t.value||"").trim().toLowerCase();if(i&&(!o||"select..."===o||"select"===o)){var l;null===(l=q.current)||void 0===l||l.call(q)}};return document.addEventListener("change",e,!0),()=>{document.removeEventListener("change",e,!0)}},[k]),(0,i.useEffect)(()=>{if(!k)return;let e=document.getElementById(f);if(!e)return;let t=()=>{if(/building information not complete\.?/i.test(e.innerText||"")){var t;null===(t=q.current)||void 0===t||t.call(q)}},r=new MutationObserver(t);return r.observe(e,{childList:!0,characterData:!0,subtree:!0}),t(),()=>r.disconnect()},[k]),(0,i.useEffect)(()=>{if(!k)return;let e=e=>{let t=e.target;(null==t?void 0:t.closest("#confirmAdr"))&&(B.current=window.setTimeout(()=>{var e;null===(e=F.current)||void 0===e||e.call(F)},0))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e),null!==B.current&&(clearTimeout(B.current),B.current=null)}},[k]),(0,i.useEffect)(()=>{if(!k)return;let e=()=>{let e=document.querySelector("#".concat(m," input")),t=document.querySelector("#confirmAdr");if(e){if(!e.value.trim()){if(z.current){z.current=!1;let e=(0,u.L6)();null==p||p(e),null==o||o(e)}if(!t)return;O.current=!0,t.setAttribute("aria-disabled","true"),t.setAttribute("disabled","disabled"),t.style.pointerEvents="none",t.style.opacity="0.5";return}z.current=!0,t&&O.current&&(O.current=!1,t.removeAttribute("aria-disabled"),t.removeAttribute("disabled"),t.style.pointerEvents="",t.style.opacity="")}},t=e=>{let t=e.target;if(!(null==t?void 0:t.closest("#confirmAdr")))return;let r=document.querySelector("#".concat(m," input"));(null==r?void 0:r.value.trim())||(e.preventDefault(),e.stopImmediatePropagation())},r=new MutationObserver(e);return r.observe(document.body,{childList:!0,subtree:!0}),document.addEventListener("input",e,!0),document.addEventListener("change",e,!0),document.addEventListener("click",t,!0),e(),()=>{r.disconnect(),document.removeEventListener("input",e,!0),document.removeEventListener("change",e,!0),document.removeEventListener("click",t,!0)}},[k,p,o]);let V=(0,i.useCallback)(async()=>{try{if(A.current||(A.current=!0,await H(),!N.current)||(await new Promise(e=>setTimeout(e,1200)),!N.current))return;let e=document.getElementById(d);if(!e)return;e.innerHTML="";let t=document.getElementById(s);t&&(t.innerHTML="");try{window.map=null,window.view=null}catch(e){}if(!window.initTelkomMap)return;window.initTelkomMap(),g(),K()}catch(e){console.error("Map initialization failed:",e)}finally{A.current=!1}},[H,K]);return((0,i.useEffect)(()=>(N.current=!0,A.current=!1,_.current=!1,j(!1),S(null),()=>{N.current=!1,A.current=!1,_.current=!1}),[]),(0,i.useEffect)(()=>{_.current=!1,V().then(()=>{_.current=!0})},[V]),(0,i.useEffect)(()=>{k&&I.current&&K()},[null==b?void 0:b.name,k,K]),(0,i.useEffect)(()=>{if(!T||!_.current)return;let e=setTimeout(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{V()})})},700);return()=>clearTimeout(e)},[T,V]),(0,i.useEffect)(()=>()=>{L()},[]),x)?(0,n.jsx)("div",{style:{padding:16,textAlign:"center",color:"red"},children:"Failed to load map scripts. Please refresh the page."}):(0,n.jsx)("div",{id:t,style:{width:"100%",height:"100%",position:"relative",...r},children:(0,n.jsxs)("div",{id:"mapContainer",className:"map-parent",style:{width:"100%",height:a,position:"relative"},children:[(0,n.jsx)("div",{id:s,className:"CoverageLeyers CoverageRadio esri-widget"}),(0,n.jsx)("div",{id:m,className:"esri-gc esri-component esri-search esri-widget"}),(0,n.jsx)("div",{id:d,className:"CoverageContainer map-container",style:{width:"100%",height:"100%",position:"relative"}}

1),c&&!k&&(0,n.jsx)("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:11},children:v||(0,n.jsx)("span",{children:"Loading..."})}),(0,n.jsx)("div",{className:"info-block absolute z-[4] top-20 left-4 w-full max-w-[400px]",children:(0,n.jsx)("div",{className:"card border-0 shadow p-1",children:(0,n.jsx)("div",{id:f,className:"card-body p-4 mb-1 overflow-y-auto max-h-[30vh] "})})})]})})}var x=l()(async()=>j,{ssr:!1})}}]);