https://virginmobile.sa/join/static/js/18.9cf29b32.chunk.js

1(this.webpackJsonpvm_ksa_web_onboarding_app=this.webpackJsonpvm_ksa_web_onboarding_app||[]).push([[18],{1168:function(e,t,a){"use strict";var n=a(89),s=a.n(n),r=a(1),i=a(3),o=a(65),l={};l.phoneUtil=s.a.PhoneNumberUtil.getInstance(),l.initForm=(e,t,a)=>{l[e]={},l[e].id=e,l[e].submit=a,l[e].reset=()=>{l.reset(e)};let n=Object.keys(t);l[e].fields_validity={},l[e].validity=!1,l[e].fields=n,l[e].loading=!1;for(let s of n)l[e][s]=t[s],l[e].fields_validity[s]=!0;r.a.set("form_"+e,l[e])},l.isCardExpiryDateValid=e=>{let t=e.indexOf("/"),a=parseInt("20"+e.substr(t+1,2),10),n=parseInt(e.substr(0,t),10),s=new Date,r=s.getFullYear(),i=s.getMonth()+1;return n>=1&&n<13&&a<=r+10&&(a>r||a===r&&n>=i)},l.reset=e=>{l[e].loading=!1,r.a.set("form_"+e,l[e])},l.submit=e=>{l[e].loading=!0,r.a.set("form_"+e,l[e]),l[e].submit(l[e])},l.inputChangedHandler=(e,t,a)=>{if(l[e][a].value=l.getEventValue(t),l[e][a].conditionals){let t=l[e][a].conditionals;for(let n of t)-1===n.values.indexOf(l[e][a].value)?(l[e][n.field_id].value=l[e][n.field_id].default,l[e][n.field_id].disabled=!0):l[e][n.field_id].disabled=!1}r.a.set("form_"+e,l[e]),setTimeout(()=>{l.checkFieldValidity(e,a)},100)},l.checkFormValidity=e=>{let t=!0,a=l[e].fields;if(Array.isArray(a))for(let n of a){let a=l[e][n].required,s=l[e][n].dependent_on;if(s&&l[e][s].value){let t=l[e][s].value;a=!1;for(let r of l[e][s].conditionals)if(r.field_id===n&&-1!==r.values.indexOf(t)){a=!0;break}}if(a&&!l[e][n].value||!l[e].fields_validity[n]){t=!1;break}}l[e].validity=t,r.a.set("form_"+e,l[e])},l.checkFieldValidity=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(t){let a=l[e].fields_validity,n=l[e][t].value,s=l[e][t].type;if(l[e][t].required&&!l[e][t].value)a[t]=!1;else{if(a[t]=!0,"phone"===s)if(n.length>6&&i.a.formats.phonenumber.test(n)){let s=l[e][t].dependency,r=null;if(l[e][t].country){let a=l[e][t].country;r=o.a.Countries[a]}else{let t=l[e][s].value;r=o.a.Countries[t]}if(r&&r.ISO_2Code){let e=l.phoneUtil.parse(n,r.ISO_2Code);a[t]=l.phoneUtil.isValidNumber(e)}else a[t]=i.a.formats.phonenumber.test(n)}else a[t]=!1;if("country"===s&&l[e][t].dependent)return void l.checkFieldValidity(e,l[e][t].dependent)}if(l[e].fields_validity=a,l[e][t].conditionals)for(let r of l[e][t].conditionals)!r.required||l[e][r.field_id].disabled?l[e].fields_validity[r.field_id]=!0:l.checkFieldValidity(e,r.field_id);if(!a[t])return l[e].validity=!1,void r.a.set("form_"+e,l[e]);r.a.set("form_"+e,l[e]),l.checkFormValidity(e)}},l.getEventValue=(e,t)=>e&&e.target?"checkbox"===e.target.type||"radio"===e.target.type?e.target.checked:e.target.value:e,t.a=l},1186:function(e,t,a){"use strict";var n=a(4),s=a(1),r=a(3),i=a(1215),o=a.n(i),l=a(1216),d=a.n(l),c=a(2),u=a(97),m=a.n(u),p=a(7),g={mapIsLoaded:!1,timer:null,instances:{},config:{},lat_shift:0,markers:[],user_lat:0,user_lng:0,using_current_location:!0,fetchingCurrentPosition:!0};const _=m.a.create();g.loadJS=e=>{var t=window.document.getElementsByTagName("script")[0],a=window.document.createElement("script");a.src=e,a.id="gmaps",a.async=!0,t.parentNode.insertBefore(a,t),g.timer=setInterval(()=>{document.getElementById("gmaps")&&window.google&&window.google.maps&&g.initMaps()},200)},g.addJS=()=>{document.getElementById("gmaps")||g.loadJS("https://maps.googleapis.com/maps/api/js?key="+r.a.get("google_maps_app_id")+"&language="+c.a.getCurrentLanguage()+"&libraries=geometry,places&callback=mapLoaded")},g.rerender=e=>{g.maps.event.trigger(g.instances[e],"resize")},g.createMapListener=e=>{let t=new window.google.maps.Geocoder;g.instances[e].addListener("click",(function(a){g.instances[e].panTo(a.latLng),t.geocode({latLng:a.latLng},(function(t,n){if(n===window.google.maps.GeocoderStatus.OK&&t[0]){window.deliveryAddress=t[0].formatted_address,window.updateAddressFromMap=t[0].formatted_address;let n={lat:a.latLng.lat(),lng:a.latLng.lng()};g.setMarker(n,e,"user_location"),"map2"===e&&(s.a.set("readAddress",!1),document.getElementById("pac-input2").value=window.updateAddressFromMap,document.getElementById("address_name").value=window.updateAddressFromMap,document.getElementById("address_name"),s.a.set("user_address_value",window.updateAddressFromMap),g.addSearch("pac-input2",e)),s.a.set(e+"_marker",n),s.a.set("user_location",n),s.a.set("currentCordinate",n)}}))}))},g.createMap=e=>{if(g.maps=window.google.maps,g.directionsService=new g.maps.DirectionsService,g.directionsDisplay=new g.maps.DirectionsRenderer,document.getElementById(e)){if(g.instances[e]){g.instances[e].setCenter(g.config[e].center);let t=document.getElementById(e),a=new g.maps.Map(t,g.config[e]);return g.instances[e]=a,g.instances[e]}g.config[e]={zoom:10,minZoom:2,center:new g.maps.LatLng(29.3759,47.9774),mapTypeControl:!1,navigationControl:!0,streetViewControl:!1,fullscreenControl:!1,styles:[{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#efd3c6"}]}],zoomControl:!0,zoomControlOptions:{position:g.maps.ControlPosition.LEFT_CENTER},mapTypeId:g.maps.MapTypeId.ROADMAP};let t=document.getElementById(e),a=new g.maps.Map(t,g.config[e]);return g.directionsDisplay.setMap(a),a.bounds=new g.maps.LatLngBounds,g.instances[e]=a,"map1"!==e&&g.createMapListener(e),g.instances[e]}return null},g.createMarker=(e,t)=>{let a=new window.google.maps.LatLng(t.lat,t.lng);g.instances[e].bounds.extend({lat:a.lat(),lng:a.lng()});let n,r,i="";if(s.a.get("currentCordinate")){let e,t;n=g.getDistance(a),s.a.get("currentCordinate").latitude?(e=s.a.get("currentCordinate").latitude,t=s.a.get("currentCordinate").longitude):(e=s.a.get("currentCordinate").lat,t=s.a.get("currentCordinate").lng),console.log("GEO",e,t),"not allowed"===n&&(n="",i="")}r=i+'<div class="infoBuble custom-info-window"><div class="sign-container"><div class="virgin-sign"></div><div class="virgin-sign-bg"></div></div><div class="container">'+`<p class="title">${c.a.keys.store_pickup_location}</p><p class="desc">`+t.address_1+'</p></div><div class="container">'+`<p class="title">${c.a.keys.store_pickup_contact}</p><p class="desc">`+t.phone+"</p></div></div>";var o={url:d.a,scaledSize:new g.maps.Size(46,46),origin:new g.maps.Point(0,0),anchor:new g.maps.Point(24,24)};let l=new g.maps.Marker({position:a,icon:o,map:g.instances[e],zIndex:Math.round(-1e5*a.lat)<<5});return g.maps.event.addListener(l,"click",(function(){g.instances[e].infowindow&&g.instances[e].infowindow.close(),g.config[e].center=new g.maps.LatLng(a.lat()+1,a.lng()),g.instances[e].setCenter(g.config[e].center),g.instances[e].infowindow=new g.maps.InfoWindow,g.instances[e].infowindow.setContent(r),g.instances[e].infowindow.open(g.instances[e],l),f({event_screen:"show_store",event_label:"store_name",interaction_type:"click",

1store_details:`${(null===t||void 0===t?void 0:t.address_1)||""}, ${(null===t||void 0===t?void 0:t.phone)||""}`}),f({event_screen:"visit_store",event_label:"visit_store",interaction_type:"click"})})),l},g.hidePopup=e=>{g.instances[e].infowindow.close()},g.createPin=(e,t,a,n)=>{var s={url:o.a,scaledSize:new g.maps.Size(46,46),origin:new g.maps.Point(0,0),anchor:new g.maps.Point(24,24)};return new g.maps.Marker({position:t,map:g.instances[e],icon:s,zIndex:Math.round(-1e5*t.lat)<<5})},g.watcherOff=!1,g.setMarker=(e,t,a)=>{if(g[a]){g[a].setPosition(e),g[a].setMap(null);let s=Object.keys(g).filter(e=>"place_"===e.substring(0,6));n.a.log("places===",s);for(let e=0;e<s.length;e++)g[s[e]].setMap(null);g[a]=g.createPin(t,e,"name","<b>Location</b><br>"+e.lat+", "+e.lng)}else g[a]&&g[a].setMap(null),e&&(g[a]=g.createPin(t,e,"name","<b>Location</b><br>"+e.lat+", "+e.lng)),"place_"===a.substring(0,6)&&g[a]&&(g[a].setMap(null),g[a]=g.createPin(t,e,"name","<b>Location</b><br>"+e.lat+", "+e.lng));e&&(g.config[t]&&(g.config[t].center=new g.maps.LatLng(e.lat+g.lat_shift,e.lng),g.instances[t].setCenter(g.config[t].center),g.instances[t].setZoom(10)),s.a.set("map_"+t+"_marker",e),s.a.set("user_location",e),s.a.set("currentCordinate",e),"map1"!==t&&g.createMapListener(t))},g.detect_location=()=>{if(document.getElementById("pac-input1")&&(document.getElementById("pac-input1").value=""),document.getElementById("pac-input2")&&(document.getElementById("pac-input2").value="",document.getElementById("address_name").value=""),g.user_lat>0){var e={lat:g.user_lat,lng:g.user_lng};g.using_current_location=!0,g.setMarker(e,Object.keys(g.instances)[0],"user_location"),document.getElementById("pac-input1")&&(g.instances.map1.setZoom(17),g.instances.map1.setCenter(e))}},g.handleCurrentPosition=e=>{if(g.using_current_location){g.fetchingCurrentPosition=!1,g.user_lng=e.coords.longitude,g.user_lat=e.coords.latitude;var t={lat:e.coords.latitude,lng:e.coords.longitude};g.setMarker(t,Object.keys(g.instances)[0],"user_location")}},g.locateUser=e=>{if(navigator.geolocation&&!s.a.get("fetchingCurrentPosition")){s.a.set("fetchingCurrentPosition",!0);let t=new Date;n.a.log("Fetching location started at :"),n.a.log(t.toLocaleTimeString()),navigator.geolocation.watchPosition((function(t){if(g.handleCurrentPosition(t),!g.watcherOff&&(g.watcherOff=!0,s.a.get("fetchingCurrentPosition"))){let a=new Date;n.a.log("Location found at :"),n.a.log(a.toLocaleTimeString());let r={lat:t.coords.latitude,lng:t.coords.longitude};s.a.set("user_location",r),"map1"!==e&&g.createMapListener(e),g.setMarker(r,e,"user_location")}})),navigator.geolocation.getCurrentPosition((function(e){n.a.log("success: fetched location"),s.a.set("currentCordinate",e.coords)}),(function(){n.a.log("error: fetching location"),s.a.set("fetchingCurrentPosition",!1),s.a.set("currentCordinate","not allowed")}))}else g.setMarker(s.a.get("user_location"),Object.keys(g.instances)[0],"user_location")},g.rad=e=>e*Math.PI/180,g.calculateDistance=e=>{if("not allowed"===s.a.get("currentCordinate"))return"not allowed";var t,a;s.a.get("currentCordinate").latitude?(t=s.a.get("currentCordinate").latitude,a=s.a.get("currentCordinate").longitude):(t=s.a.get("currentCordinate").lat,a=s.a.get("currentCordinate").lng);var n=new window.google.maps.LatLng(t,a),r=new window.google.maps.LatLng(e.lat(),e.lng()),i=window.google.maps.geometry.spherical.computeDistanceBetween(n,r);return i>1e3?parseFloat(i/1e3).toFixed(2)+" Km ":parseInt(i,10)+" m "},g.getDistance=e=>g.calculateDistance(e),g.setFilters=e=>{if(g.allFilters={},e){let t=e.length;for(let a=0;a<t;a++)g.allFilters[e[a].code]=e[a].code}},g.filter=(e,t)=>{let a=Object.keys(e),n=g.markers.length;for(let s=0;s<n;s++){t[s].type.split("").some(e=>a.indexOf(e)>=0)?g.markers[s].setVisible(!0):g.markers[s].setVisible(!1)}},g.drawPlaces=(e,t)=>{0!==t.length&&(g.markers.forEach((function(e){e.setMap(null)})),g.markers=[],t.forEach(t=>{let a=g.createMarker(e,t);g.markers.push(a)}),g.instances[e].fitBounds(g.instances[e].bounds),"map1"===e?g.instances[e].setZoom(10):g.instances[e].setZoom(5.8))},g.addSearch=(e,t)=>{var a=document.getElementById(e),r=new g.maps.places.SearchBox(a);g.instances[t].addListener("bounds_changed",(function(){r.setBounds(g.instances[t].getBounds())})),r.addListener("places_changed",(function(){var e=r.getPlaces();if(0!==e.length){var a=new g.maps.LatLngBounds;e.forEach((function(e){if(!e.geometry)return void n.a.log("Returned search place contains 

1no geometry");let r={lat:e.geometry.location.lat(),lng:e.geometry.location.lng()};g.setMarker(r,t,"place_"+e.name),"map2"===t&&(document.getElementById("address_name").value=e.name,document.getElementById("address_name"),s.a.set("readAddress",!1),s.a.set("user_address_value",e.name)),e.geometry.viewport?a.union(e.geometry.viewport):a.extend(e.geometry.location)})),g.instances[t].fitBounds(a),s.a.set("fetchingCurrentPosition",!1)}}))},g.initMaps=()=>{clearInterval(g.timer),g.maps=window.google.maps,g.directionsService=new g.maps.DirectionsService,g.directionsDisplay=new g.maps.DirectionsRenderer,s.a.set("maps_loaded",!0)},g.mapLoaded=()=>{g.mapIsLoaded=!0},window.mapLoaded=()=>{g.mapLoaded()},g.addJS(),g.fetchStores=e=>{let t={method:"get",url:r.a.fetch_stores_api+"&filter=ABC&lang="+e};return _(t)},g.fetchFilters=e=>{let t={method:"get",url:r.a.fetch_stores_api+"&action=GetTypes&lang="+e};return _(t)};const f=e=>{let{event_screen:t="",event_label:a="",interaction_type:n="",...s}=e;const r={event_category:"onboarding_find_address",event_screen:t,event_label:a,interaction_type:n,...s};p.a.commonFunction(r)};t.a=g},1215:function(e,t,a){e.exports=a.p+"static/media/location.9642e613.svg"},1216:function(e,t,a){e.exports=a.p+"static/media/store-icon.0e8618cc.svg"},523:function(e,t,a){"use strict";a.r(t);var n=a(0),s=a.n(n),r=a(1),i=a(1168),o=a(2),l=a(250),d=a(39),c=a(65),u=a(99),m=a(160),p=a.n(m);class g extends n.Component{componentDidMount(){this.setState({selected_country:this.props.defaultCountry,disabled:this.props.disabled})}constructor(){super(),this.state={selected_country:null,isOpen:!1},this.customStylesSelect={control:e=>({...e,background:"transparent",color:"#404040",fontSize:"16px",cursor:"pointer",fontWeight:"500",minHeight:"44px",width:"220px",borderRadius:"10px 10px 0px 0px",borderTop:"1px solid #898D9A",borderRight:"1px solid #898D9A",borderLeft:"1px solid #898D9A",padding:"0px 5px"}),menu:e=>({...e,width:"220px",borderRadius:"0px 0px 10px 10px",border:"1px solid #898D9A",padding:"0px 5px",background:"#ffffff"}),option:(e,t)=>({...e,fontStyle:"normal",fontWeight:400,fontSize:"15px",lineHeight:"20px",color:(t.isSelected,"#404040"),cursor:"pointer",paddingTop:"5px",paddingBottom:"5px",paddingRight:"5px",backgroundColor:"#ffffff",borderTop:"1px solid #898D9A","&:first-of-type":{borderTop:"none"},".country-option-label":{display:"flex",justifyContent:"space-between",alignItems:"center",img:{aspectRatio:1.5,maxHeight:"20px"},"& > div":{display:"flex",width:"100%",justifyContent:"space-between",margin:"0px 5px"}},"&:hover":t.isSelected?{}:{backgroundColor:"#e10a0a",color:"#ffffff"}})},this.countries=c.a.Countries,this.country_codes=c.a.sortedCountryCodes,this.countries_list=[],this.getFlag=e=>a(1243)("./"+e.toUpperCase()+".png"),this.SingleValue=e=>{let{data:t}=e;return s.a.createElement("div",{className:"storefront-country-selected"},s.a.createElement("img",{src:this.getFlag(t.flagCode),alt:t.flagCode}),t.countryCode)};for(var e=0;e<this.country_codes.length;e++)this.countries_list.push({value:this.countries[this.country_codes[e]].CountryName,flagCode:this.countries[this.country_codes[e]].ISO_2Code,countryCode:this.countries[this.country_codes[e]].CountryCode,label:s.a.createElement("div",{className:"country-option-label"},s.a.createElement("img",{src:this.getFlag(this.countries[this.country_codes[e]].ISO_2Code),alt:this.countries[this.country_codes[e]].ISO_2Code}),s.a.createElement("div",null,this.countries[this.country_codes[e]].CountryName,s.a.createElement("span",null,"(",this.countries[this.country_codes[e]].CountryCode,")")))})}selectCountry(e){this.setState({selected_country:e.flagCode,isOpen:!1});let t=e.countryCode;this.props.updateFieled(e.flagCode,t)}render(){let e="",t=this.countries_list;return this.state.selected_country&&(e=s.a.createElement("div",{style:{height:"100%"}},s.a.createElement(_,{isOpen:this.state.isOpen,onClose:()=>this.setState({isOpen:!1}),target:s.a.createElement("div",{onClick:()=>{this.props.disabled||this.setState({isOpen:!0})},style:{display:"flex",alignItems:"center",width:"100%",height:"100%",cursor:this.props.disabled?"unset":"pointer"}},s.a.createElement("div",{className:"storefront-country-selected"},s.a.createElement("img",{src:this.getFlag(this.state.selected_country),alt:this.state.selected_country}),this.countries[this.state.selected_country].CountryCode),this.state.disabled?null:s.a.createElement("img",{src:p.a,alt:"",style:{margin:"0px 8px"}}))},s.a.createElement(u.a,{unstyled:!0,autoFocus:!0,backspaceRemovesValue:!1,controlShouldRenderValue:!1,hideSelectedOptions:!1,isClearable:!1,menuIsOpen:!0,placeholder:o.a.keys.scr_protection_channel_select,tabSelectsValue:!1,defaultValue:{value:this.countries[this.state.selected_country].CountryName,flagCode:this.state.selected_country,countryCode:this.countries[this.state.selected_country].CountryCode,label:s.a.createElement("div",{className:"country-option-label"},s.a.createElement("img",{src:this.getFlag(this.state.selected_country),alt:this.state.selected_country}),s.a.createElement("div",null,this.countries[this.state.selected_country].CountryName,s.a.createElement("span",null,this.countries[this.state.selected_country].CountryCode)))},onChange:e=>this.selectCountry(e),options:t,styles:this.customStylesSelect,components:{SingleValue:this.SingleValue,IndicatorSeparator:null,DropdownIndicator:null,NoOptionsMessage:()=>s.a.createElement("div",{className:"no-country-records"},"-")}})))),e}}const _=e=>{let{children:t,isOpen:a,target:n,onClose:r}=e;return s.a.createElement("div",{style:{position:"relative",display:"flex",height:"100%",alignItems:"center",justifyContent:"center"}},n,a?s.a.createElement(f,null,t):null,a?s.a.createElement(h,{onClick:r}):null)},f=e=>s.a.createElement("div",Object.assign({style:{backgroundColor:"white",borderRadius:"10px 10px 0px 0px",position:"absolute",zIndex:2,top:"-1px",left:"-1px"}}

1,e)),h=e=>s.a.createElement("div",Object.assign({style:{bottom:0,left:0,top:0,right:0,position:"fixed",zIndex:1}},e));var v=a(8),y=a(7),b=a(12);const C=[];function w(e){const t={address_name:{default:"",value:"",type:"text",required:!0},address_instructions:{default:"",value:"",type:"text",required:!1},contact_name:{default:"",value:"",type:"text",required:!0},address_phone:{default:"",value:"",type:"phone",required:!0,dependency:"selected_country"},address_latlng:{default:null,value:null,type:"latlng",required:!0,map_id:e.map_id},selected_country:{default:"KW",value:"KW",type:"country",required:!0,dependent:"address_phone"}},a=l.a.submitDelivery,[c,u]=Object(n.useState)(null),[m,p]=Object(n.useState)("");return Object(n.useEffect)(()=>{i.a.initForm("delivery",t,a);let n=!1;return r.a.get_obsrv("form_delivery").subscribe(t=>{t&&(u({...t}),e.map_id&&!n&&t.id&&r.a.get_obsrv("map_"+e.map_id+"_marker").subscribe(e=>{e&&(n=!0,i.a.inputChangedHandler(t.id,e,"address_latlng"))}))}),()=>{if(C&&(null===C||void 0===C?void 0:C.length))for(let e of C)e.unsubscribe()}},[]),Object(n.useEffect)(()=>{r.a.get_obsrv("user_address_value").subscribe(e=>{e&&p(e)})},[]),Object(n.useEffect)(()=>{if(m){let e={target:{value:m}};i.a.inputChangedHandler(c.id,e,"address_name")}},[m]),c&&s.a.createElement(s.a.Fragment,null,c.loading?s.a.createElement(b.a,null):s.a.createElement("div",{className:"delivery-form"},s.a.createElement("div",{className:"search-panel-ob",id:"map_search"},s.a.createElement("div",{className:"container"},s.a.createElement("div",{className:"search-field-container"},s.a.createElement("label",{className:"search-label"},o.a.keys.stf_search_location,"*"),s.a.createElement("div",{className:"search-panel-inner"},s.a.createElement("div",{className:"search-input-area2"},s.a.createElement("button",{className:"search-icn"}),s.a.createElement("input",{type:"text",className:"search-input",id:"pac-input2",placeholder:o.a.keys.stf_search_location})))))),s.a.createElement("div",{className:"form-field-container"},s.a.createElement(S.Consumer,null,e=>{let t=["form-txt"];if(m&&!e.readAddressFromMap){let t={target:{value:m}};i.a.inputChangedHandler(c.id,t,"address_name"),e.consumedAddressFromMap()}return c.fields_validity.address_name?t.push("valid"):t.push("invalid"),c.address_name.value&&t.push("filled"),s.a.createElement("div",{className:"field-container"},s.a.createElement("label",null,o.a.keys["scr_3.8_address_placeholder"],"*"),s.a.createElement("input",{type:"text",name:"address_name",id:"address_name",className:"storefront-search-input "+(c.fields_validity.address_name?"":"error"),placeholder:o.a.keys["scr_3.8_enter_your_address"],onChange:e=>{i.a.inputChangedHandler(c.id,e,"address_name")}}))})),s.a.createElement("div",{className:"form-field-container"},s.a.createElement("div",{className:"field-container"},s.a.createElement("label",null,o.a.keys["scr_3.8_delivery_instruction_placeholder"]),s.a.createElement("input",{type:"text",className:"storefront-search-input "+(c.fields_validity.address_instructions?"":"error"),placeholder:o.a.keys["scr_3.8_enter_your_instructions"],name:"address_instructions",id:"address_instructions",value:c.address_instructions.value,onChange:e=>{i.a.inputChangedHandler(c.id,e,"address_instructions")}}))),s.a.createElement("div",{className:"form-field-container"},s.a.createElement("div",{className:"field-container"},s.a.createElement("label",null,o.a.keys["scr_3.8_contact_name_label"],"*"),s.a.createElement("input",{type:"text",className:"storefront-search-input "+(c.fields_validity.contact_name?"":"error"),name:"contact_name",id:"contact_name",value:c.contact_name.value,placeholder:o.a.keys["scr_3.8_enter_contact_name"],onChange:e=>i.a.inputChangedHandler(c.id,e,"contact_name")}))),s.a.createElement("div",{className:"form-field-container"},s.a.createElement("div",{className:"field-container"},s.a.createElement("label",null,o.a.keys["scr_3.8_contact_number"],"*"),s.a.createElement("div",{className:"storefront-two-fields",style:{justifyContent:"center",width:"100%"}},s.a.createElement("div",{className:"country-select-container"},s.a.createElement(g,{defaultCountry:"KW",disabled:!0})),s.a.createElement("div",null,s.a.createElement("input",{type:"number",className:"storefront-search-input "+(c.fields_validity.address_phone?"":"error"),placeholder:"Ex. 70 123 456",name:"address_phone",id:"address_phone",value:c.address_phone.value,onChange:e=>i.a.inputChangedHandler(c.id,e,"address_phone")}))))),s.a.createElement("div",{className:"center margt-50 action-btn"},s.a.createElement("button",{className:"continue-button "+(!c.validity||c.loading?"diabled":""),disabled:!c.validity||c.loading,onClick:()=>{y.a.commonFunction({event_category:"onboarding_add_address",event_screen:"choose_address",interaction_type:"click",event_label:"confirm"}),d.a.event("address_form_btn_click","Deliver my Sim","address_form_submitted","Address Form Submitted"),y.a.button_clicked(v.a.DELIVERY_SCREEN,"scr_3.8_action_btn"),i.a.submit(c.id)}}

1,o.a.keys["scr_3.8_action_btn"]))))}var E=a(1186);const k=[];function x(){const e="map2",t=()=>{setTimeout(()=>{E.a.createMap(e)&&(E.a.locateUser(e),E.a.addSearch("pac-input2",e))},1e3)};return Object(n.useEffect)(()=>(r.a.get_obsrv("delivery_status").subscribe(e=>{r.a.get("maps_loaded")&&t()}),k.push(r.a.get_obsrv("maps_loaded").subscribe(e=>{e&&t()})),()=>{if(k&&(null===k||void 0===k?void 0:k.length))for(let e of k)e.unsubscribe()}),[]),s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"map_wrapper"},s.a.createElement("div",{className:"map-area short"},s.a.createElement("div",{className:"detect_location  detect_location_delivery",id:"detect_location",onClick:()=>{y.a.commonFunction({event_category:"onboarding_add_address",event_screen:"choose_address",interaction_type:"click",event_label:"set_map_pin"}),E.a.detect_location(e)}}),s.a.createElement("div",{className:"map",id:"map2"},"Loading map..."))))}const S=s.a.createContext(),M=s.a.createContext();var L=()=>{const[e,t]=Object(n.useState)(""),[a,i]=Object(n.useState)(!!r.a.get("readAddress")&&r.a.get("readAddress")),l=e=>{t(e),i(!1)},c=()=>{i(!0)};return void 0!==window.updateAddressFromMap&&(window.updateAddressFromMap=l),Object(n.useEffect)(()=>{let e={language:o.a.getCurrentLanguage(),page_name:r.a.get("Page_name")};e.unique_user_id_session=r.a.get("session"),e.event="page_view",e.eventCategory="",e.eventAction="",e.eventLabel="",e.eventValue="",d.a.pushData(e)}),s.a.createElement("div",{className:"container-ob-single"},s.a.createElement("h1",{className:"delivery-heading"},o.a.keys.stf_get_your_sim),s.a.createElement(S.Provider,{value:{addressValue:e,readAddressFromMap:a,updateAddressFromMap:l,consumedAddressFromMap:c}},s.a.createElement(M.Provider,{value:{addressValue:e,readAddressFromMap:a,updateAddressFromMap:l,consumedAddressFromMap:c}},s.a.createElement(x,null),s.a.createElement("div",{className:"one-column"},s.a.createElement(w,{map_id:"map2"})))))};t.default=e=>s.a.createElement(s.a.Fragment,null,s.a.createElement(L,null))}}]);
2//# sourceMappingURL=18.9cf29b32.chunk.js.map