https://www.ooredoo.mv/_next/static/chunks/4869-2e86b9e7c9bf45a9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4869],{27858:function(e,i,t){"use strict";var a,n=t(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}var o=function(e){return n.createElement("svg",l({width:16,height:17,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=n.createElement("path",{d:"M7.333 3.167H2.667A1.333 1.333 0 0 0 1.333 4.5v9.333a1.333 1.333 0 0 0 1.334 1.334H12a1.333 1.333 0 0 0 1.333-1.334V9.167m-1-7a1.414 1.414 0 1 1 2 2L8 10.5l-2.667.667L6 8.5l6.333-6.333Z",stroke:"#ED1C24",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))};i.Z=o},14762:function(e,i,t){"use strict";var a,n=t(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}var o=function(e){return n.createElement("svg",l({width:14,height:8,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=n.createElement("path",{d:"m1 1 6 6 6-6",stroke:"#000",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))};i.Z=o},11443:function(e,i,t){"use strict";var a,n=t(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}var o=function(e){return n.createElement("svg",l({width:18,height:13,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=n.createElement("path",{d:"M17 1 6 12 1 7",stroke:"#B0E020",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))};i.Z=o},89527:function(e,i,t){"use strict";var a=t(26042),n=t(85893),l=t(47321),o=t.n(l),d=function(e){var i=e.className,t=e.style;return(0,n.jsx)("div",{className:"".concat(o().container," ").concat(i),style:(0,a.Z)({},void 0===t?{}:t)})};i.Z=d},93751:function(e,i,t){"use strict";var a=t(85893),n=t(81224),l=t.n(n),o=t(40450),d=t(67294),r=t(14762),s=function(e){var i=e.textLabel,t=e.optionalLabel,n=e.isLabelRequired,s=e.disabled,c=void 0!==s&&s,u=e.id,p=void 0===u?"select":u,v=e.caption,h=e.isCaptionRequired,m=void 0!==h&&h,g=e.isValidationRequired,b=void 0!==g&&g,f=e.handleValidation,x=(e.isFocusRequired,e.autoFocus),y=void 0!==x&&x,j=e.placeholder,R=e.isPlaceHolderRequired,N=e.errorMessage,q=(e.background,e.className),L=e.labelClassName,w=e.focusOutCallback,C=(e.style,e.name),Z=e.value,_=void 0===Z?"":Z,k=(e.width,e.changeHandler),E=void 0===k?function(){}:k,V=e.options,P=(0,d.useState)(!1),O=(P[0],P[1]),B=(0,d.useState)(),S=B[0],H=B[1];if(b&&!f)throw Error("Validate function required if isValidationRequired = true");var T=function(e){E&&E(e)};return(0,d.useEffect)(function(){var e=function(){O(!0),H()},i=function(e){if(O(!1),b&&f){var i=f(e);H(i)}w&&w()};return y&&e(),document.getElementById(p)&&(document.getElementById(p).addEventListener("focusin",e),document.getElementById(p).addEventListener("focusout",i)),function(){document.getElementById(p)&&(document.getElementById(p).removeEventListener("focusout",i),document.getElementById(p).removeEventListener("focusin",e))}},[]),(0,a.jsxs)("div",{className:"".concat(l().container," ").concat(void 0===q?"":q),children:[(void 0===n||n)&&(0,a.jsxs)("label",{htmlFor:p,style:{marginBottom:12,width:"100%"},className:c?"label disabled":"label",children:[void 0===i?"Text Label":i,"\xa0",(0,a.jsx)("span",{className:"optional",children:t})]}),(0,a.jsxs)("div",{style:{position:"relative",width:"100%"},children:[(0,a.jsxs)("select",{id:p,className:"".concat(l().select,"  ").concat(void 0===L?"":L),onChange:T,value:_,style:{color:_?"var(--primary-black-color)":"var(--stroke-gray-color)"},name:C,disabled:c,children:[(void 0===R||R)&&(0,a.jsx)("option",{value:"",children:void 0===j?"Select":j}),(void 0===V?[{value:"Option 1",label:"Option 1"},{value:"Option 2",label:"Option 2"},{value:"Option 3",label:"Option 3"},]:V).map(function(e){return(0,a.jsx)("option",{value:e.value,children:e.label},e.value)})]}),(0,a.jsx)(o.Z,{style:{height:24,width:24,pointerEvents:"none"},className:l().postion_icon,children:(0,a.jsx)(r.Z,{})})]}),(m||b&&!1===S)&&!c&&(0,a.jsx)("div",{className:"".concat(m?"".concat(c?"disabled":""," caption"):"body3"),style:{marginTop:12,color:b&&!1===S?"var(--secondary-red-light)":void 0},children:b&&!1===S&&N?N:void 0===v?"Caption":v})]})};i.Z=s},97563:function(e,i,t){"use strict";var a=t(26042),n=t(99534),l=t(85893),o=t(11443),d=t(67294),r=t(40450),s=function(e){e.ref;var i=e.textLabel,t=e.optionalLabel,s=e.placeholder,c=e.type,u=e.id,p=void 0===u?"":u,v=e.required,h=e.caption,m=e.isCaptionRequired,g=void 0!==m&&m,b=e.isLabelRequired,f=e.isValidationRequired,x=void 0!==f&&f,y=e.handleValidation,j=e.disabled,R=void 0!==j&&j,N=e.isFocusRequired,q=void 0===N||N,L=e.autoFocus,w=void 0!==L&&L,C=e.icon,Z=e.righticon,_=e.iconWidth,k=void 0===_?22:_,E=e.iconHeight,V=e.paddingLeft,P=void 0===V?16:V,O=e.paddingRight,B=void 0===O?16:O,S=e.paddingTop,H=void 0===S?13:S,T=e.paddingBottom,F=e.borderRadius,I=void 0===F?3:F,M=e.errorMessage,D=e.background,G=e.className,X=e.focusOutCallback,A=e.focu

1sInCallback,W=e.height,J=e.value,U=void 0===J?"":J,z=e.name,K=e.changeHandler,Q=void 0===K?function(){}:K,Y=e.style,$=e.margin,ee=e.width,ei=e.OtherComponent,et=e.OtherComponentStyle,ea=e.requiredCheckMark,en=void 0===ea||ea,el=e.keyChangeHandler,eo=void 0===el?function(){}:el,ed=e.maxLength,er=e.iconRightPosition,es=e.iconLeftPosition,ec=e.iconTopPosition,eu=(0,n.Z)(e,["ref","textLabel","optionalLabel","placeholder","type","id","required","caption","isCaptionRequired","isLabelRequired","isValidationRequired","handleValidation","disabled","isFocusRequired","autoFocus","icon","righticon","iconWidth","iconHeight","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","errorMessage","background","className","focusOutCallback","focusInCallback","height","value","name","changeHandler","style","margin","width","OtherComponent","OtherComponentStyle","requiredCheckMark","keyChangeHandler","maxLength","iconRightPosition","iconLeftPosition","iconTopPosition"]),ep=(0,d.useState)(!1),ev=ep[0],eh=ep[1],em=(0,d.useState)(""),eg=em[0],eb=em[1];if(x&&!y)throw Error("Validate function required if isValidationRequired = true");var ef=function(e){Q&&Q(e)},ex=function(e){eo&&eo(e)};return(0,d.useEffect)(function(){var e=function(){A&&A(),eh(!0),eb()},i=function(e){if(x&&y){var i=y(e);eb(i)}X&&X(),eh(!1)};return w&&e(),document.getElementById(p)&&(document.getElementById(p).addEventListener("focusin",e),document.getElementById(p).addEventListener("focusout",i)),function(){document.getElementById(p)&&(document.getElementById(p).removeEventListener("focusout",i),document.getElementById(p).removeEventListener("focusin",e))}},[]),(0,l.jsxs)("div",{style:(0,a.Z)({borderRadius:I,display:"flex",flexDirection:"column",margin:$||"0px 8px",width:ee||"calc(100% - ".concat(P+B,"px)")},void 0===Y?{}:Y),id:p+"_div",children:[void 0!==b&&b&&(0,l.jsxs)("label",{htmlFor:p,style:{marginBottom:12,width:"100%"},className:R?"label disabled":"label",children:[void 0===i?"Text Label":i," ",(0,l.jsx)("span",{className:"optional",children:t})]}),(0,l.jsxs)("div",{style:{position:"relative",width:"calc(100% - ".concat(x&&!0===eg&&en&&""!==U?32:0,"px)"),borderRadius:"50px"},className:ev&&q?"shadow_glow_red ":"",children:[(0,l.jsx)("input",(0,a.Z)({type:void 0===c?"text":c,id:p,autoFocus:w,required:void 0!==v&&v,placeholder:void 0===s?"Placeholder text":s,name:z,value:U,onChange:ef,disabled:R,maxLength:void 0===ed?void 0:ed,style:{border:ev&&q||x&&!1===eg?"1px solid var(--primary-red-lightest-color)":void 0,height:void 0===W?"":W,borderRadius:I,paddingRight:x&&!0===eg&&en&&""!==U?B+32:B,paddingTop:H,paddingBottom:void 0===T?13:T,width:C?"calc(100% - ".concat(k+P+B+2,"px)"):"calc(100% -  ".concat(P+B+2,"px)"),paddingLeft:C?k+P:P,background:R?"var(--bg-lightest-color)":x&&!1===eg?"rgba(237, 28, 36, 0.04)":D},className:void 0===G?"":G,onKeyPress:ex},eu)),x&&!0===eg&&en&&""!==U&&(0,l.jsx)("div",{style:{position:"absolute",right:-12,top:H+6},children:(0,l.jsx)(r.Z,{children:(0,l.jsx)(o.Z,{})})}),C&&(0,l.jsx)("div",{style:{position:"absolute",left:void 0===es?8:es,top:null!=ec?ec:H+2},children:(0,l.jsx)(r.Z,{style:{width:k,height:void 0===E?18:E},children:C})}),Z&&(0,l.jsx)("div",{style:{position:"absolute",right:void 0===er?16:er,top:null!=ec?ec:H+2},children:(0,l.jsx)(r.Z,{children:Z})}),ei&&(0,l.jsx)("div",{style:(0,a.Z)({position:"absolute",right:4,top:6,width:"fit-content"},et),children:ei})]}),(g||x&&!1===eg)&&(0,l.jsx)("div",{className:"".concat(g?"".concat(R?"disabled":""," caption"):"body3"),style:{marginTop:12,color:x&&!1===eg?"var(--secondary-red-light)":void 0},children:x&&!1===eg&&M?M:void 0===h?"Caption":h})]})};i.Z=s},94869:function(e,i,t){"use strict";t.r(i);var a=t(47568),n=t(14924),l=t(26042),o=t(69396),d=t(70655),r=t(85893),s=t(93751),c=t(15245),u=t.n(c),p=t(1576),v=t(47865),h=t(67294),m=t(89527),g=t(97563),b=t(8094),f=t(27858),x=t(9473),y=t(66058),j=function(e){var i=e.flow,t=e.pageDetails,c=e.className,j=e.showApartment,R={show:!1,heading:"",subHeading:"",smartTip:{show:!1,title:""}},N=null==t?void 0:null===(q=t.sections)||void 0===q?void 0:q.find(function(e){return"deliverySection"===e.sectionType});if(N){R.show=!0,R.heading=null==N?void 0:N.heading,R.subHeading=null==N?void 0:N.subHeading;var q,L,w,C=null==N?void 0:null===(w=N.widgets)||void 0===w?void 0:w.find(function(e){return"smart-tip-widget"===e.type});C&&(R.smartTip.show=!0,R.smartTip.title=null==C?void 0:C.displayTitle)}var Z=(0,v.Z)({breakpoint:900}),_=(0,h.useState)([]),k=_[0],E=_[1],V=(0,h.useState)([]),P=V[0],O=V[1],B=(0,h.useState)([]),S=B[0],H=B[1],T=(0,x.v9)(function(e){return e}).purchaseJourney,F=T.deliveryDetails,I=(0,x.I0)(),M=null==T?void 0:null===(L=T.selectedPlan)||void 0===L?void 0:L.ratePlanSubFamily,D=(0,p.Is)(M),G=function(e){I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),(0,n.Z)({},e.target.name,e.target.value))}))},X=function(){I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),{checked:!F.checked})}))};return(0,h.useEffect)(function(){function e(){return(e=(0,a.Z)(function(){var e,i,t,a;return(0,d.__generator)(this,function(a){switch(a.label){case 0:return[4,(0,b.mA)("atoll_islands_".concat(D))];case 1:e=a.sent(),a.label=2;

1case 2:if(a.trys.push([2,5,,6]),!((i=JSON.parse(null==e?void 0:e.fldValue))&&i.length>0))return[3,4];return[4,(0,b.lh)(i)];case 3:(t=a.sent())?E(t.map(function(e){return{label:e.atollName,value:e.atollName,islands:e.islands}})):E([]),a.label=4;case 4:return[3,6];case 5:return a.sent(),[3,6];case 6:return[2]}})})).apply(this,arguments)}!function(){return e.apply(this,arguments)}()},[D]),(0,h.useEffect)(function(){if(F&&F.atoll){I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),{island:""})}));var e=k.find(function(e){return e.value===F.atoll});e?H(e.islands.map(function(e){return{label:e.islandName,value:e.islandName,districts:e.districts?JSON.parse(e.districts):[]}})):H([])}else I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),{island:""})})),H([])},[F.atoll]),(0,h.useEffect)(function(){if(F&&F.island){var e=S.find(function(e){return e.value===F.island});if(e){var i=e.districts.map(function(e){return{label:e,value:e}});O(i),I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),{isDeliveryRequired:(null==i?void 0:i.length)>0,district:""})}))}else O([]),I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),{isDeliveryRequired:!1,district:""})}))}else I((0,y.Xr)({deliveryDetails:(0,o.Z)((0,l.Z)({},F),{isDeliveryRequired:!1,district:""})})),O([])},[F.island]),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"".concat(u().fields," ").concat(void 0===c?"":c),children:[(0,r.jsxs)("div",{className:u().grid,children:[(0,r.jsx)(s.Z,{isLabelRequired:!0,textLabel:"Atoll*",options:k,id:"atoll",handleValidation:p.NG,isValidationRequired:!0,className:u().atoll_container,name:"atoll",errorMessage:"Please select atoll",placeholder:"Select Atoll",value:F.atoll,changeHandler:G}),(0,r.jsx)(s.Z,{isLabelRequired:!0,textLabel:"Island*",options:S,id:"island",handleValidation:p.NG,isValidationRequired:!0,className:u().select_container,labelClassName:u().city,name:"island",errorMessage:"Please select island",placeholder:"Select Island",value:F.island,changeHandler:G}),P.length>0&&(0,r.jsx)(s.Z,{isLabelRequired:!0,textLabel:"District*",options:P,id:"district",handleValidation:p.NG,isValidationRequired:!0,className:u().select_container,labelClassName:u().city,name:"district",errorMessage:"Please select district",placeholder:"Select district",value:F.district,changeHandler:G})]}),(0,r.jsx)(m.Z,{}),(0,r.jsx)(g.Z,{id:"address",handleValidation:p.NG,isValidationRequired:!0,value:F.address,margin:"0px",changeHandler:G,name:"address",textLabel:"Address*",errorMessage:"Please enter address",placeholder:"Please select address",isLabelRequired:!0,isCaptionRequired:!1,isFocusRequired:!1,disabled:!1,type:"text",paddingTop:16,width:"100%",paddingBottom:"16px"}),(0,r.jsxs)("label",{children:[(0,r.jsx)("input",{style:{appearance:"auto"},type:"checkbox",checked:F.checked,onChange:X}),"Its a multi-story Apartment building"]}),F.checked&&(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:u().grid,children:[(0,r.jsx)(g.Z,{id:"building",handleValidation:p.NG,isValidationRequired:!0,value:F.building,margin:"0px",changeHandler:G,name:"building",textLabel:"Enter Building / Flat Name*",errorMessage:"Please enter Building / Flat Name.",placeholder:"Building / Flat Name",isLabelRequired:!0,isCaptionRequired:!1,isFocusRequired:!1,disabled:!1,type:"text",paddingTop:16,width:"100%",paddingBottom:"16px"}),(0,r.jsx)(g.Z,{id:"floor",handleValidation:p.NG,isValidationRequired:!0,value:F.floor,margin:"0px",changeHandler:G,name:"floor",textLabel:"Floor*",errorMessage:"Please enter floor.",placeholder:"Please enter floor",isLabelRequired:!0,isCaptionRequired:!1,isFocusRequired:!1,disabled:!1,type:"text",paddingTop:16,width:"100%",paddingBottom:"16px"}),(void 0===j||j)&&(0,r.jsx)(g.Z,{id:"apartment",handleValidation:p.NG,isValidationRequired:!0,value:F.apartment,margin:"0px",changeHandler:G,name:"apartment",textLabel:"Apartment Number*",errorMessage:"Please enter apartment number.",placeholder:"Please enter apartment number",isLabelRequired:!0,isCaptionRequired:!1,isFocusRequired:!1,disabled:!1,type:"text",paddingTop:16,width:"100%",paddingBottom:"16px"})]})}),(0,r.jsxs)("div",{className:u().grid,children:[Z&&(0,r.jsx)(m.Z,{}),(0,r.jsx)(g.Z,{margin:"0px",isLabelRequired:!0,handleValidation:p.NG,isValidationRequired:!0,background:"var(--bg-lighter-color)",value:F.msisdn?F.msisdn:T.msisdn,name:"msisdn",type:"number",errorMessage:"Please enter valid contact number",changeHandler:G,isShadowRequired:!1,textLabel:"Contact Number",id:"msisdn",borderRadius:3,width:"100%",OtherComponent:(0,r.jsx)(s.Z,{options:[{value:"+960",label:"+960"},{value:"+91",label:"+91"},],isLabelRequired:!1,isPlaceHolderRequired:!1,placeholder:"+960",value:F.countryCode,changeHandler:G,name:"countryCode",className:u().countryCode,labelClassName:u().countryCode}),OtherComponentStyle:{left:"2px",top:"1px"},paddingTop:16,paddingBottom:16,paddingLeft:96,righticon:(0,r.jsx)(f.Z,{}),placeholder:"Enter you Contact Number"})]}),R.smartTip.show&&(0,r.jsx)("div",{className:"".concat(u().smartTip," headlines_subtitle2"),children:R.smartTip.title}),"supernet"===i&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.Z,{}),(0,r.jsx)("div",{className:u().grid,children:(0,r.jsx)(s.Z,{isLabelRequired:!0,textLabel:"Medianet Cable Status*",options:[{value:"connected",label:"Connected"},{value:"not-connected",label:"Not Connected"},],id:"medianetCableStatus",isValidationRequired:!0,handleValidation:p.NG,className:u().atoll_container,name:"medianetCableStatus",errorMessage:"Please select Medianet Cable Status",placeholder:"Select Medianet Cable Status",value:F.medianetCableStatus,changeHandler:G})})]})]})})};i.default=j},47321:function(e){e.exports={container:"divider_container__G5cmr"}},81224:function(e){e.exports={container:"select-box_container__uo5Xz",select:"select-box_select__iUgeJ",postion_icon:"select-box_postion_icon__7ZdRh"}},15245:function(e){e.exports={container:"delivery-details_container__dUqH0",fields:"delivery-details_fields__aGrPr",grid:"delivery-details_grid__G0wXs",countryCode:"delivery-details_countryCode__pUW03",smartTip:"delivery-details_smartTip__cyXwO"}}}]);