(this["webpackJsonp6th-street"]=this["webpackJsonp6th-street"]||[]).push([[51],{679:function(e,i,t){e.exports=t.p+"static/media/icon.c7fff068.svg"},724:function(e,i,t){"use strict";t.r(i);var o=t(746);t.d(i,"default",(function(){return o.a}))},746:function(e,i,t){"use strict";(function(e){var o=t(0),l=t.n(o),a=t(13),r=t(11),c=(t(1),t(608)),d=t(679),n=t.n(d);t(921);var v=t(10).checkBEMProps;i.a=Object(a.b)(e=>({addressCityData:e.MyAccountReducer.addressCityData}),null)(i=>{var t,a,d,u,s,y,b,S,p;const{addressCityData:h,showHideCityAreaSelection:k,showCityAreaSelectionPopUp:m,autoPopulateCityArea:A,setExpressPopUp:C}=i,O=JSON.parse(null===(t=localStorage)||void 0===t?void 0:t.getItem("cityAreaFromSelectionPopUp")),[f,j]=Object(o.useState)(!0),[_,g]=Object(o.useState)(!1),[L,w]=Object(o.useState)((null===(a=JSON.parse(null===(d=localStorage)||void 0===d?void 0:d.getItem("currentSelectedAddress")))||void 0===a?void 0:a.city)?null===(u=JSON.parse(null===(s=localStorage)||void 0===s?void 0:s.getItem("currentSelectedAddress")))||void 0===u?void 0:u[Object(r.h)()?"city_ar":"city"]:(null===O||void 0===O?void 0:O.city)?null===O||void 0===O?void 0:O[Object(r.h)()?"city_ar":"city"]:""),[I,x]=Object(o.useState)((null===(y=JSON.parse(null===(b=localStorage)||void 0===b?void 0:b.getItem("currentSelectedAddress")))||void 0===y?void 0:y.area)?null===(S=JSON.parse(null===(p=localStorage)||void 0===p?void 0:p.getItem("currentSelectedAddress")))||void 0===S?void 0:S[Object(r.h)()?"area_ar":"area"]:(null===O||void 0===O?void 0:O.area)?null===O||void 0===O?void 0:O[Object(r.h)()?"area_ar":"area"]:""),[B,J]=Object(o.useState)(""),P=e=>{"city"===e?(j(!0),g(!1),J("")):(j(!1),g(!0),J(""))},U=e=>{J(e.target.value)};return(()=>{var i;const t=e(f?"Select a City":"Select an Area"),o=_&&L&&(null===h||void 0===h?void 0:h.find(e=>{var i,t,o;return(null===e||void 0===e||null===(i=e[Object(r.h)()?"city_ar":"city"])||void 0===i||null===(t=i.toLowerCase())||void 0===t?void 0:t.trim())===(null===L||void 0===L||null===(o=L.toLowerCase())||void 0===o?void 0:o.trim())})),a=_?""!=B?(e=>{var i,t;return{city:null===e||void 0===e?void 0:e.city,city_ar:null===e||void 0===e?void 0:e.city_ar,areas:null===e||void 0===e||null===(i=e.areas)||void 0===i?void 0:i.filter(e=>{var i,t,o;if(null===e||void 0===e||null===(i=e.toLowerCase())||void 0===i||null===(t=i.trim())||void 0===t?void 0:t.includes(null===B||void 0===B||null===(o=B.toLowerCase())||void 0===o?void 0:o.trim()))return e}),areas_ar:null===e||void 0===e||null===(t=e.areas_ar)||void 0===t?void 0:t.filter(e=>{var i,t,o;if(null===e||void 0===e||null===(i=e.toLowerCase())||void 0===i||null===(t=i.trim())||void 0===t?void 0:t.includes(null===B||void 0===B||null===(o=B.toLowerCase())||void 0===o?void 0:o.trim()))return e})}})(o):o:f&&""!=B?(e=>e.filter(e=>{var i,t,o,l;if(null===e||void 0===e||null===(i=e.city)||void 0===i||null===(t=i.toLowerCase())||void 0===t||null===(o=t.trim())||void 0===o?void 0:o.includes(null===B||void 0===B||null===(l=B.toLowerCase())||void 0===l?void 0:l.trim()))return e}))(h):h,d=L||e("City"),u=I||e("Area");let s={};return v(l.a,c.a,{show:m,onClose:()=>(C(!1),k(!1))},v(l.a,"div",{block:"cityAreaSelectionMainBlock",mods:{isArabic:Object(r.h)(),V2:!0}},v(l.a,"div",{block:"cityAreaSelectionOuterblock"},v(l.a,"div",{block:"cityAreaSelectionPopUp"},v(l.a,"div",{block:"cityAreaSelectionInnerBlock"},v(l.a,"div",{block:"cityAreaButtons",mods:{V2:!0}},v(l.a,"button",{block:"button ".concat(f?"active":""),onClick:()=>P("city")},d),v(l.a,"button",{block:"button ".concat(_?"active":""),onClick:()=>P("area"),disabled:!L},u)),v(l.a,"h3",{block:"headingText"},t),v(l.a,"div",{block:"cityAreaSearchBox"},v(l.a,"img",{block:"searchIcon",src:n.a,mods:{isArabic:Object(r.h)()}}),v(l.a,"input",{type:"text",block:"cityAreaSearchInputBoxForMobile",placeholder:e("Search"),id:"cityAreasearchBox",onChange:U,value:B,autoComplete:"off",mods:{isArabic:Object(r.h)()}})),v(l.a,"div",{block:"cityAreaList"},v(l.a,"ul",{block:"cityAreaUL"},f?null===a||void 0===a?void 0:a.map((e,i)=>v(l.a,"li",{onClick:()=>(e=>{w(null===e||void 0===e?void 0:e[Object(r.h)()?"city_ar":"city"]),j(!1),g(!0),J("")})(e),key:i,block:"cityListLI"},null===e||void 0===e?void 0:e[Object(r.h)()?"city_ar":"city"])):null===a||void 0===a||null===(i=a[Object(r.h)()?"areas_ar":"areas"])||void 0===i?void 0:i.map((e,i)=>v(l.a,"li",{onClick:()=>{var e,t;s={city:null===a||void 0===a?void 0:a.city,city_ar:null===a||void 0===a?void 0:a.city_ar,area:null===a||void 0===a||null===(e=a.areas)||void 0===e?void 0:e[i],area_ar:null===a||void 0===a||null===(t=a.areas_ar)||void 0===t?void 0:t[i]},(e=>{x(null===e||void 0===e?void 0:e[Object(r.h)()?"area_ar":"area"]),J(""),k(!1);let i={...e,isSelectedFromCitySelectionPopUp:!0};A(i)})(s)},key:i,block:"areaListLI"},e)))))))))})()})}).call(this,t(29))},921:function(e,i,t){}}]);