https://www.airtel.com.ng/static/js/584.ddfbd347.chunk.js

1"use strict";(globalThis.webpackChunkopco_website||=[]).push([[584],{5372(e,l,a){a.d(l,{A:()=>o});var n=a(9950),t=a(3408);const i={"title-wrapper":"Title_title-wrapper__zsD+l",borderLeft:"Title_borderLeft__7LVpG",error:"Title_error__rf0n8",success:"Title_success__BtwqZ",small:"Title_small__eqkbR",medium:"Title_medium__AbFF+",large:"Title_large__A5SF-","title-text":"Title_title-text__-O1ao","title-text--large":"Title_title-text--large__sGvey",shadow:"Title_shadow__i-575"};var s=a(4414);const r=e=>{let{text:l,borderStyle:a={type:"small",color:"error"},textStyle:n=""}=e;const r=Array.isArray(l);return(0,s.jsxs)("div",{className:i["title-wrapper"],children:[(0,s.jsx)("div",{className:`${i.borderLeft} ${i[a.type]} ${i[a.color]}`}),!r&&(0,t.AH)(l)?(0,s.jsx)("div",{className:`${i["title-text"]} ${i[`title-text--${n}`]}`,dangerouslySetInnerHTML:{__html:l}}):(0,s.jsx)("div",{id:"title-text",className:`${i["title-text"]} ${i[`title-text--${n}`]}`,children:r?(0,s.jsx)("ul",{children:l.map((e,l)=>(0,t.AH)(e)?(0,s.jsx)("li",{dangerouslySetInnerHTML:{__html:e}},`title_${l}`):(0,s.jsx)("li",{children:e},`title_${l}`))}):l})]},"title-text")},o=n.memo(r)},2738(e,l,a){var n=a(9950),t=a(6469);const i=e=>{var l;const{configData:a={},loading:i}=null!==(l=(0,n.useContext)(t.t))&&void 0!==l?l:{};return{configData:(0,n.useMemo)(()=>e?a[e]:a,[e,a]),loading:i}};a.d(l,["A",0,i])},7699(e,l,a){const n={PAGE_NOT_FOUND:"/page-not-found"};a.d(l,["A",0,n])},7584(e,l,a){a.r(l),a.d(l,{default:()=>ul});var n=a(9950),t=a(8429),i=a(9303),s=a(2738),r=a(3408),o=a(81),d=a(7699),c=a(6849);const _="CALCFAQ",u="GB",m="count",v="hours",x="numeric",g="time",h="svg",b="CalcFaqConfig",j="data_calculator";var f=a(9613),y=a(2419),p=a(2428);const C=e=>e/1024,N=(e,l)=>{var a,n,t,i,s,r;const o=(e=>{var l,a,n;const t=new Map;return(null!==(l=null===e||void 0===e||null===(a=e.lowerSections)||void 0===a||null===(n=a.howWeEstimate)||void 0===n?void 0:n.estimationRules)&&void 0!==l?l:[]).forEac

1h(e=>{const l=e.activityId,a=e.valueMap;var n,i;t.set(l,{perUnitMB:(n=a.eqUnitValue,i=a.eqUnit,i===u?1024*n:n),baseUnit:a.unit})}),t})(e);let d=0;const c={},_=[];(null!==(a=null===e||void 0===e||null===(n=e.leftPanel)||void 0===n?void 0:n.dataUsageList)&&void 0!==a?a:[]).forEach(e=>{var a,n;const t=e.id,i=Number(null!==(a=null!==(n=l[t])&&void 0!==n?n:e.defaultValue)&&void 0!==a?a:0);let s=0;if(e.type===x&&e.unit===u)s=Math.max(0,i);else if(e.type===x&&e.unit===m){const e=o.get(t);e&&(s=C(i*e.perUnitMB*30))}else if(e.type===g&&e.unit===v){const e=o.get(t);e&&(s=C(i*e.perUnitMB*30))}c[t]=s,e.visible&&(s>0||i>0)&&_.push({id:t,label:e.label,gb:s}),d+=s});const h=(null!==(t=null===e||void 0===e||null===(i=e.rightPanel)||void 0===i||null===(s=i.summaryCard)||void 0===s||null===(r=s.usageBreakdownData)||void 0===r?void 0:r.breakDownList)&&void 0!==t?t:[]).map(e=>{let l=0;return l=(Array.isArray(e.id)?e.id:[e.id]).reduce((e,l)=>{var a;return e+(null!==(a=c[l])&&void 0!==a?a:0)},0),{id:e.id,label:e.label,gb:l}});return{totalGB:d,perItem:_,breakdown:h}},S=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;return`${(null!==e&&void 0!==e?e:0).toFixed(l)}`},w=e=>Object.values(e).some(e=>Number(e)>0),U=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:h;return`${f.t}assets/icons/data-calculator/${e}.${l}`},A=(e,l,a,n)=>l?a===v?e>1?l:(null===n||void 0===n?void 0:n.HR)||"":l:"",B=e=>{e&&(0,p.R)(j,e)},I=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return null===e||void 0===e?void 0:e.forEach(e=>B(null===e||void 0===e?void 0:e.event))},$=e=>{var l;if(!e)return null;const a=(0,y.QI)("lang")||"en";return{...e,items:null===e||void 0===e||null===(l=e.items)||void 0===l?void 0:l[a]}},D=()=>{const e=(0,t.Zp)(),{hideLoader:l}=(0,o.M)(),{configData:a}=(0,s.A)(),[u,m]=(0,n.useState)({}),[v,x]=(0,n.useState)(()=>$((0,r.vD)(b))),g=(0,n.useCallback)(function(){var e;let{leftPanel:l}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.fromEntries((null!==(e=null===l||void 0===l?void 0:l.dataUsageList)&&void 0!==e?e:[]).map(e=>{let{id:l,defaultValue:a=0}=e;return[l,a]}))},[]);(0,n.useEffect)(()=>{a&&(!1!==(null===a||void 0===a?void 0:a.isEnable)?(m(g(a)),I(null===a||void 0===a?void 0:a.events)):e(d.A.PAGE_NOT_FOUND))},[g,a]);(0,n.useEffect)(()=>{!v&&(async()=>{try{const e=await(0,i.sb)(_);x($(e)),(0,c.F8)(b,e)}catch(e){}finally{l()}})()},[]);const h=(0,n.useCallback)((e,l)=>m(a=>({...a,[e]:l})),[]),j=(0,n.useCallback)(()=>{var e,l,n;a&&m(g(a)),B(null===a||void 0===a||null===(e=a.leftPanel)||void 0===e||null===(l=e.card)||void 0===l||null===(n=l.BottomBtnCta)||void 0===n?void 0:n.event)},[g,a]),f=(0,n.useMemo)(()=>a?N(a,u):{totalGB:0,perItem:[],breakdown:[]},[a,u]);return{config:a,faq:v,values:u,computed:f,onChange:h,onReset:j}};var T=a(4414);const L=(0,n.createContext)(null),q=e=>{let{children:l}=e;const a=D();return(0,T.jsx)(L.Provider,{value:a,children:l})},P=()=>(0,n.useContext)(L);var k=a(5771),E=a(392),Q=a(5372),F=a(4702);function M(e){let{data:l,children:a,leftBorderColor:n}=e;return(0,T.jsx)(E.Oh,{children:null===l||void 0===l?void 0:l.map((e,l)=>(0,T.jsxs)(E.zG,{children:[(0,T.jsx)("span",{slot:"open-icon",children:(0,T.jsx)("img",{src:(0,r.xn)("minus.svg"),alt:""})}),(0,T.jsx)("span",{slot:"close-icon",children:(0,T.jsx)("img",{src:(0,r.xn)("plus.svg"),alt:""})}),(0,T.jsx)("span",{slot:"title",children:(0,T.jsx)("h3",{className:F.A["faq-title"],children:null===e||void 0===e?void 0:e.question})}),(0,T.jsx)("div",{slot:"body",children:null!==a&&void 0!==a?a:(0,T.jsx)("div",{className:F.A["faq-content"],children:(0,T.jsx)(Q.A,{text:null===e||void 0===e?void 0:e.answers,borderStyle:{type:"large",color:n},textStyle:"shadow"},`accordian_${l}`)})})]}))})}const R="FAQSection_faq__90L7b",G="FAQSection_container__9Bvgb",O="FAQSection_title__nrKcQ",V=()=>{const{faq:e}=P(),{getText:l}=(0,k.A)();if(!e)return null;const{title:a,items:n=[]}=e;return(0,T.jsx)("section",{className:R,children:(0,T.jsxs)("div",{className:G,children:[(0,T.jsx)("h3",{className:O,children:l(a)}),(0,T.jsx)(M,{data:null!==n&&void 0!==n?n:[]})]})})},K=e=>{let{content:l}=e;const{getText:a}=(0,k.A)(),{style:n={},listStyle:t={},items:i=[],text:s="",type:r=""}=l,o=a(s);return(e=>{switch(e){case"text":return(0,T.jsx)("span",{style:null!==n&&void 0!==n?n:{},children:o});case"bold":return(0,T.jsx)("strong",{style:null!==n&&void 0!==n?n:{},children:o});case"lineBreak":return(0,T.jsx)("br",{});case"unordered-list":return(0,T.jsx)("ul",{style:n,children:null===i||void 0===i?void 0:i.map((e,l)=>(0,T.jsx)("li",{style:null!==t&&void 0!==t?t:{}

1,children:a(e)},l))});case"ordered-list":return(0,T.jsx)("ol",{style:n,children:null===i||void 0===i?void 0:i.map((e,l)=>(0,T.jsx)("li",{style:null!==t&&void 0!==t?t:{},children:a(e)},l))});default:return o}})(r)},H={co:"CalloutCard_co__dnx-l","co--outlined":"CalloutCard_co--outlined__GlClc","co--sm":"CalloutCard_co--sm__yPInF","co--md":"CalloutCard_co--md__qQU-b","co--lg":"CalloutCard_co--lg__KBlGi","co--r-sm":"CalloutCard_co--r-sm__KVpPP","co--r-md":"CalloutCard_co--r-md__gehqK","co--r-lg":"CalloutCard_co--r-lg__LD51f","co--r-xl":"CalloutCard_co--r-xl__IEISv","co--r-full":"CalloutCard_co--r-full__JB+Lf","co--neutral":"CalloutCard_co--neutral__2wdR5","co--info":"CalloutCard_co--info__D5FVp","co--tip":"CalloutCard_co--tip__LHrIb","co--quote":"CalloutCard_co--quote__o+JdT","co--warning":"CalloutCard_co--warning__aFgvm",co__icon:"CalloutCard_co__icon__wCmLV",co__emoji:"CalloutCard_co__emoji__NYxbf","co__icon-node":"CalloutCard_co__icon-node__43w+W",co__content:"CalloutCard_co__content__X6fgU",co__title:"CalloutCard_co__title__H3VgI",co__body:"CalloutCard_co__body__oTIpN",co__close:"CalloutCard_co__close__0uRJ8"},W=function(){for(var e=arguments.length,l=new Array(e),a=0;a<e;a++)l[a]=arguments[a];return l.filter(Boolean).join(" ")},Z=e=>{let{variant:l="info",size:a="md",title:n,children:t,content:i,icon:s,textIcon:r=!1,tone:o,outlined:d=!0,rounded:c,className:_,style:u}=e;const m="warning"===l?"alert":"status",v=s?r?(0,T.jsx)("span",{className:H.co__emoji,children:s}):(0,T.jsx)("img",{className:H["co__icon-node"],src:s,alt:""}):null,x={};null!==o&&void 0!==o&&o.bg&&(x["--co-bg"]=o.bg),null!==o&&void 0!==o&&o.border&&(x["--co-border"]=o.border),null!==o&&void 0!==o&&o.text&&(x["--co-text"]=o.text),null!==o&&void 0!==o&&o.icon&&(x["--co-icon"]=o.icon),"number"===typeof c&&(x["--co-radius"]=`${c}px`);const g={...x,...u};return(0,T.jsxs)("div",{role:m,style:g,className:W(H.co,H[`co--${a}`],H[`co--${l}`],d&&H["co--outlined"],"string"===typeof c&&H[`co--r-${c}`],_),children:[(0,T.jsx)("div",{className:H.co__icon,"aria-hidden":"true",children:v}),(0,T.jsxs)("div",{className:H.co__content,children:[n?(0,T.jsx)("div",{className:H.co__title,children:n}):null,t?(0,T.jsx)("div",{className:H.co__body,children:t}):null,i?null===i||void 0===i?void 0:i.map((e,l)=>(0,T.jsx)(K,{content:e},l)):null]})]})},J="features_usage-page__4GLer",z="features_usage-page__container__b265+",Y="features_usage-page__card__zB3Nn",X="features_usage-page__section__ACO3n",ee="features_usage-page__section-title__-9vQI",le="HowWeEstimateSection_calloutTheme__ULhUe",ae="HowWeEstimateSection_assumptions__x41Wr",ne=()=>{var e,l,a;const{getText:n}=(0,k.A)(),{config:t}=P(),i=null===t||void 0===t||null===(e=t.lowerSections)||void 0===e?void 0:e.howWeEstimate;if(null===i||void 0===i||!i.visible)return null;const{title:s,disclaimer:r=[],estimationRules:o=[]}=i;return(0,T.jsxs)("section",{className:`${X} ${Y}`,children:[(0,T.jsx)("h3",{className:ee,children:n(s)}),null===r||void 0===r||null===(l=r.filter(e=>{let{visible:l}=e;return l}))||void 0===l?void 0:l.map(e=>{let{id:l,hasTextIcon:a,icon:n,content:t}=e;return(0,T.jsx)(Z,{variant:"quote",textIcon:a,icon:a?null===n||void 0===n?void 0:n.name:U(null===n||void 0===n?void 0:n.name),className:le,content:t},l)}),(0,T.jsx)("ul",{className:ae,children:null===o||void 0===o||null===(a=o.filter(e=>{let{visible:l}=e;return l}))||void 0===a?void 0:a.map(e=>{let{activityId:l,rule:a}=e;return(0,T.jsx)("li",{children:n(a)},`${l}:${a}`)})})]})},te={"c-banner":"BannerComponent_c-banner__2FaX3","c-banner__image":"BannerComponent_c-banner__image__tMpQR","c-banner__content":"BannerComponent_c-banner__content__d01jd","c-banner__inner":"BannerComponent_c-banner__inner__+OffB","c-banner--left":"BannerComponent_c-banner--left__Nrn3D","c-banner--center":"BannerComponent_c-banner--center__e0B73","c-banner--right":"BannerComponent_c-banner--right__qEKLr"},ie=e=>{let{image:l,align:a="left",bannerClass:n="",children:t}=e;return(0,T.jsxs)("section",{className:`${te["c-banner"]} ${te[`c-banner--${a}`]} ${n}`,children:[(0,T.jsx)("div",{className:te["c-banner__image"],style:{backgroundImage:`url(${l})`}}

1),(0,T.jsx)("div",{className:te["c-banner__content"],children:(0,T.jsx)("div",{className:te["c-banner__inner"],children:t})})]})},se="UsageBanner_banner__N8EPw",re="UsageBanner_title__5DsbR",oe="UsageBanner_subtitle__Kng0T",de=()=>{const{config:e}=P(),l=null===e||void 0===e?void 0:e.bannerInfo,{getText:a}=(0,k.A)();if(null===l||void 0===l||!l.visible)return null;const{title:n,subtitle:t,image:i}=l;return(0,T.jsxs)(ie,{image:U(i,"png"),bannerClass:se,children:[(0,T.jsx)("p",{className:re,children:a(n)}),(0,T.jsx)("div",{className:oe,children:a(t)})]})},ce="RangeSlider_range-slider-container__BKEtr",_e="RangeSlider_range-slider__pxIEC",ue=e=>{let{min:l=0,max:a=100,value:n=0,step:t,disabled:i=!1,ariaLabel:s="",onChange:r,className:o=""}=e;const d=a>l?(n-l)/(a-l)*100:0;return(0,T.jsx)("div",{className:`${ce} ${o}`,children:(0,T.jsx)("input",{type:"range",min:l,max:a,value:n,step:t,onChange:e=>{const l=Number(e.target.value);null===r||void 0===r||r(l)},"aria-label":s,disabled:i,className:_e,style:{background:`linear-gradient(to right, #000 ${d}%, #e5e5e5 ${d}%)`}})})};var me=a(865);const ve="UsageItem_usage-item__M9fCS",xe="UsageItem_usage-item__container__OzQ12",ge="UsageItem_usage-item__left__1aQHG",he="UsageItem_usage-item__icon__iliQO",be="UsageItem_usage-item__meta__Kzde0",je="UsageItem_usage-item__name__H2JiK",fe="UsageItem_usage-item__sub__SbCqT",ye="UsageItem_usage-item__right__QpDKN",pe="UsageItem_usage-item__stepper__LZN8v",Ce="UsageItem_usage-item__stepper-input__dl5ED",Ne="UsageItem_usage-item__unit__Bvf9Y",Se=e=>{var l;let{item:a}=e;const{values:t,onChange:i,config:s}=P(),{keywords:r,leftPanel:o={}}=null!==s&&void 0!==s?s:{},{getText:d}=(0,k.A)(),{id:c,icon:_,label:u,description:m,unit:v,min:x=0,max:g=0,step:h,valueSuffix:b,ariaLabel:j,slider:f,regex:y,defaultValue:p=0}=a,{defaultRegex:C}=o,N=null!==(l=t[c])&&void 0!==l?l:p,[S,w]=(0,n.useState)(String(N||""));(0,n.useEffect)(()=>{Number(S)!==N&&w(String(N||""))},[N]);const B=new RegExp(y||C);return(0,T.jsxs)("div",{className:ve,children:[(0,T.jsxs)("div",{className:xe,children:[(0,T.jsxs)("div",{className:ge,children:[(0,T.jsx)("div",{className:he,"aria-hidden":"true",children:null!==_&&void 0!==_&&_.visible?(0,T.jsx)("img",{src:U(_.name),alt:_.alt}):null}),(0,T.jsxs)("div",{className:be,children:[(0,T.jsx)("div",{className:je,children:d(u)}),(0,T.jsx)("div",{className:fe,children:d(m)})]})]}),(0,T.jsx)("div",{className:ye,children:(0,T.jsxs)("div",{className:pe,children:[(0,T.jsx)("input",{className:Ce,type:"number",inputMode:"count"===v?"numeric":"decimal",min:x,max:g,value:S,placeholder:"0",onChange:e=>{let l=e.target.value;if(!l)return w(""),void i(c,0);l.startsWith(".")&&(l=`0${l}`),me.Pf.test(l)&&(l=String(Number(l)));const a=Number(l);a>g||B.test(l)&&(w(l),isNaN(a)||i(c,Math.min(g,Math.max(x,a))))},onKeyDown:e=>{(["-","e","E"].includes(e.key)||"count"===v&&"."===e.key)&&e.preventDefault()},"aria-label":j||u}),(0,T.jsx)("span",{className:Ne,children:d(A(N,b,v,r))})]})})]}),null!==f&&void 0!==f&&f.visible?(0,T.jsx)(ue,{min:x,max:g,step:h,value:N,onChange:e=>{const l=Math.min(g,Math.max(x,e));i(c,l),w(String(l))},disabled:null===f||void 0===f?void 0:f.disabled,ariaLabel:j||u}):null]})},we="DailyUsagePanel_daily__QKxft",Ue="DailyUsagePanel_daily__header__uLCNq",Ae="DailyUsagePanel_daily__header-content__JTLUQ",Be="DailyUsagePanel_daily__title__H3V5o",Ie="DailyUsagePanel_daily__hint__V5v3W",$e="DailyUsagePanel_daily__list__IiD9u",De="DailyUsagePanel_daily__footer__0JgFn",Te="DailyUsagePanel_daily__icon__TR02V",Le="DailyUsagePanel_daily__btn__k5Ebw",qe="DailyUsagePanel_daily__btn--primary__Q841V",Pe="DailyUsagePanel_daily__btn--secondary__58Y0j",ke=()=>{var e,l,a;const{config:n,values:t,onReset:i}=P(),{card:s,dataUsageList:r=[]}=null!==(e=null===n||void 0===n?void 0:n.leftPanel)&&void 0!==e?e:{},{headSection:o,BottomBtnCta:d}=null!==s&&void 0!==s?s:{},{getText:c}=(0,k.A)(),_=r.filter(e=>{let{visible:l}=e;return l});return(0,T.jsxs)("div",{className:we,children:[null!==o&&void 0!==o&&o.visible?(0,T.jsx)("div",{className:Ue,children:(0,T.jsxs)("div",{className:Ae,children:[null!==o&&void 0!==o&&null!==(l=o.icon)&&void 0!==l&&l.visible?(0,T.jsx)("img",{className:Te,src:U(null===(a=o.icon)||void 0===a?void 0:a.name),alt:o.icon.alt}):null,(0,T.jsxs)("div",{children:[(0,T.jsx)("div",{className:Be,children:c(null===o||void 0===o?void 0:o.title)}),(0,T.jsx)("div",{className:Ie,children:c(null===o||void 0===o?void 0:o.subtitle)})]})]})}):null,(0,T.jsx)("div",{className:$e,children:_.map(e=>(0,T.jsx)(Se,{item:e}))}),null!==d&&void 0!==d&&d.visible?(0,T.jsx)("div",{className:De,children:(0,T.jsx)("button",{type:"button",onClick:i,"aria-label":d.ariaLabel||d.label,className:`${Le} ${w(t)?Pe:qe}`,children:c(d.label)})}):null]})},Ee="ProgressBar_progress__bar__42ufu",Qe="ProgressBar_progress__bar-fill__Zn-Aj",Fe=e=>{let{percentage:l}=e;return(0,T.jsx)("div",{className:Ee,children:(0,T.jsx)("div",{className:Qe,style:{width:`${l}%`}})})},Me="SummaryCard_summary__QNPVc",Re="SummaryCard_summary__top__7q7YO",Ge="SummaryCard_summary__title__o-ZZB",Oe="SummaryCard_summary__icon__mVXIC",Ve="SummaryCard_summary__label__-hOcN",Ke="SummaryCard_summary__total__VEb3e",He="SummaryCard_summary__total-data__tbk50",We="SummaryCard_summary__data-suffix__atUNf",Ze="SummaryCard_summary__divider__6KbBY",Je="SummaryCard_summary__daily__WpU7X",ze="SummaryCard_summary__breakdown__mPRao",Ye="SummaryCard_summary__breakdown-title__RpFtV",Xe="SummaryCard_summary__list__ffZIN",el="SummaryCard_summary__row-head__-q7Mo",ll="SummaryCard_summary__name__bgD2B",al="SummaryCard_summary__gb__ipy-X",nl="SummaryCard_summary__cta__nCUKb",tl="SummaryCard_summary__btn__Z6d9D",il="SummaryCard_summary__btn--primary__vQ20g",sl="SummaryCard_summary__tips__cLG3L",rl=e=>{var l;

1let{totalGB:a,breakdown:n,breakDownList:t,icon:i,sectionName:s}=e;const{getText:r}=(0,k.A)();return null!==t&&void 0!==t&&t.length?(0,T.jsxs)("div",{className:ze,children:[(0,T.jsxs)("div",{className:Ye,children:[null!==i&&void 0!==i&&i.name?(0,T.jsx)("img",{src:U(i.name),alt:i.alt}):null,r(s)]}),(0,T.jsx)("ul",{className:Xe,children:null===t||void 0===t||null===(l=t.filter(e=>{let{visible:l}=e;return l}))||void 0===l?void 0:l.map(e=>{var l;const{id:t,label:i,prefix:s,progressbar:o}=e,d=n.find(e=>JSON.stringify(e.id)===JSON.stringify(t)),c=null!==(l=null===d||void 0===d?void 0:d.gb)&&void 0!==l?l:0,_=a>0?c/a*100:0,u=Array.isArray(t)?t.join("-"):t;return(0,T.jsxs)("li",{children:[(0,T.jsxs)("div",{className:el,children:[(0,T.jsx)("span",{className:ll,children:r(i)}),(0,T.jsxs)("span",{className:al,children:[S(c)," ",r(s)]})]}),null!==o&&void 0!==o&&o.visible?(0,T.jsx)(Fe,{percentage:_}):null]},u)})})]}):null},ol=()=>{var e,l;const a=(0,t.Zp)(),{getText:i}=(0,k.A)(),{config:s,values:r,computed:o}=P(),{totalGB:d=0,breakdown:c=[],perItem:_=[]}=null!==o&&void 0!==o?o:{},u=null===s||void 0===s||null===(e=s.rightPanel)||void 0===e?void 0:e.summaryCard,m=w(r);if((0,n.useEffect)(()=>{m&&B(y)},[m]),!u)return null;const{title:v,requiredData:x,totalData:g,tips:h=[],icon:b,usageBreakdownData:j={},cta:f,event:y}=u,{breakDownList:p=[],icon:C,sectionName:N}=j,A=_.reduce((e,l)=>{let{gb:a=0}=l;return e+a},0)/30,$=e=>{var l,a;return null!==e&&void 0!==e&&e.hasTextIcon?null===e||void 0===e||null===(l=e.icon)||void 0===l?void 0:l.name:U(null===e||void 0===e||null===(a=e.icon)||void 0===a?void 0:a.name)};return(0,T.jsxs)("aside",{className:Me,children:[(0,T.jsxs)("div",{className:Re,children:[(0,T.jsxs)("div",{className:Ge,children:[null!==b&&void 0!==b&&b.visible?(0,T.jsx)("img",{className:Oe,src:U(b.name),alt:b.alt}):null,(0,T.jsx)("span",{children:i(v)})]}),(0,T.jsxs)("div",{children:[(0,T.jsx)("div",{className:Ve,children:i(null===x||void 0===x?void 0:x.label)}),(0,T.jsxs)("div",{className:Ke,children:[(0,T.jsx)("span",{className:He,children:S(d)})," ",(0,T.jsx)("span",{className:We,children:i(null===x||void 0===x?void 0:x.suffix)})]})]}),(0,T.jsx)("div",{className:Ze}),(0,T.jsxs)("div",{className:Je,children:[(0,T.jsx)("span",{children:i(null===g||void 0===g?void 0:g.label)}),(0,T.jsxs)("strong",{children:[S(A)," ",i(null===g||void 0===g?void 0:g.suffix)]})]})]}),m?(0,T.jsx)(rl,{totalGB:d,breakdown:c,breakDownList:p,icon:C,sectionName:N}):null,m&&null!==f&&void 0!==f&&f.visible?(0,T.jsx)("div",{className:nl,children:(0,T.jsx)("button",{type:"button","aria-label":null===f||void 0===f?void 0:f.ariaLabel,className:`${tl} ${il}`,onClick:()=>{const e=function(){var e,l,a;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;const i=null!==(e=null===t||void 0===t||null===(l=t.leftPanel)||void 0===l?void 0:l.dataUsageList)&&void 0!==e?e:[];return null===i||void 0===i||null===(a=i.filter(e=>{const l=n[e.id];return Number(l)>0}))||void 0===a?void 0:a.map(e=>({id:e.id,label:e.label,event:e.event}))}(r,s);I([...e,{event:null===f||void 0===f?void 0:f.event}]),a(null===f||void 0===f?void 0:f.href)},children:i(f.label)})}):null,h.length>0?(0,T.jsxs)(T.Fragment,{children:[!m&&h[0]?(0,T.jsx)("div",{className:sl,children:(0,T.jsx)(Z,{variant:h[0].variant,rounded:"lg",icon:$(h[0]),content:h[0].content})}):null,h[1]?(0,T.jsx)("div",{className:sl,children:(0,T.jsx)(Z,{variant:h[1].variant,rounded:"lg",textIcon:null===(l=h[1])||void 0===l?void 0:l.hasTextIcon,icon:$(h[1]),content:h[1].content})}):null]}):null]})},dl="UsageCalculatorGrid_grid__2p8qq",cl=()=>(0,T.jsxs)("div",{className:dl,children:[(0,T.jsx)(ke,{}),(0,T.jsx)(ol,{})]}),_l=()=>(0,T.jsx)(q,{children:(0,T.jsxs)("div",{className:J,children:[(0,T.jsx)(de,{}),(0,T.jsxs)("div",{className:z,children:[(0,T.jsx)(cl,{}),(0,T.jsx)(ne,{}),(0,T.jsx)(V,{})]})]})}),ul=()=>(0,T.jsx)(_l,{})},4702(e,l,a){a.d(l,["A",0,{"faq-card":"Accordion_faq-card__K0Yc8","faq-title":"Accordion_faq-title__vsvb4",active:"Accordion_active__HOQ-K","faq-content":"Accordion_faq-content__C8uof","title-text1":"Accordion_title-text1__9Tye6","faq-list":"Accordion_faq-list__f1TlN",accordianIcn:"Accordion_accordianIcn__pib+Q"}])}}]);