https://soamicro.netlify.app/_next/static/chunks/pages/my-soa-box-da903c71cc68d381.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8014],{379:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>h});var a=s(7876),r=s(5153),l=s(3193),i=s(740),n=s(2190),c=s(4587),x=s.n(c),d=s(7914),o=s(969),m=s(7709),u=s(3836);let p=({label:e,value:t})=>(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-xs font-medium uppercase tracking-wide text-[var(--text-muted)]",children:e}),(0,a.jsx)("span",{className:"text-sm font-medium text-[var(--text)]",children:t})]}),h=()=>{let{data:e,isLoading:t,isError:s}=(0,d.I)({queryKey:["box-mapped-status"],queryFn:o.h,staleTime:6e4}),c=e?.data?.devices&&e.data.devices.length>0;return t?(0,a.jsx)(r.A,{Breadcrumbs:[{name:"my SOA box"}],children:(0,a.jsx)("div",{className:"flex flex-col gap-4 lg:p-5",children:(0,a.jsx)(n.A,{children:(0,a.jsx)("p",{className:"p-5 text-sm lg:p-8 text-[#1F2A37] dark:text-[#F6F6F6] lg:text-lg",children:"Checking box mapping status..."})})})}):s?(0,a.jsx)(r.A,{Breadcrumbs:[{name:"my SOA box"}],children:(0,a.jsx)("div",{className:"flex flex-col gap-4 lg:p-5",children:(0,a.jsx)(n.A,{children:(0,a.jsx)("p",{className:"p-5 text-sm lg:p-8 text-red-600 dark:text-red-400 lg:text-lg",children:"Error checking box mapping status."})})})}):(0,a.jsx)(r.A,{Breadcrumbs:[{name:"my SOA box"}],children:(0,a.jsxs)("div",{className:"flex flex-col gap-6  lg:p-2",children:[(0,a.jsx)(m.A,{title:"My SOA Box",subtitle:"View and manage your registered set-top box.",icon:(0,a.jsx)(l._Y7,{size:20}),actions:(0,a.jsx)(u.A,{variant:c?"success":"neutral",dot:!0,children:c?"Active":"Not mapped"})}),c?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"surface-1 flex w-full justify-center p-6",children:(0,a.jsx)(x(),{src:"/SOA-BOX.png",alt:"SOA Box",className:"mx-auto",width:400,height:10})}),(0,a.jsxs)(n.A,{className:"grid grid-cols-1 gap-5 p-5 sm:grid-cols-3",children:[(0,a.jsx)(p,{label:"Serial no",value:e?.data?.devices?.[0]?.serial||"1.1.0.2.3.4.1"}),(0,a.jsx)(p,{label:"Firmware version",value:e?.data?.devices?.[0]?.product||"1.1.0.2.3.4.1"}),(0,a.jsx)(p,{label:"Model",value:e?.data?.devices?.[0]?.description||"1.1.0.2.3.4.1"})]}),(0,a.jsx)(n.A,{className:"p-5",children:(0,a.jsx)(p,{label:"Registered address",value:e?.data?.devices?.[0]?.address||"Region: Nigeria"})})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n.A,{className:"p-5 lg:p-8 space-y-2",children:[(0,a.jsx)("p",{className:"text-sm text-[var(--text)] lg:text-base",children:"You have not mapped an SOA box to this account profile, details of the box will appear here upon activation."}),(0,a.jsx)("p",{className:"text-sm text-[var(--text-muted)] lg:text-base",children:"Proceed to map the box to your account on your SOA mobile."})]}),(0,a.jsx)(i.A,{url:"/my-soa-box/map",title:"Map using passkey",icon:l._Y7})]})]})})}},740:(e,t,s)=>{"use strict";s.d(t,{A:()=>d});var a=s(7876),r=s(2190),l=s(734),i=s(4232),n=s(2062),c=s(5135),x=s(2269);let d=({icon:e,icon2:t=l.OQo,title:s,subtitle:d,url:o,children:m,noShow:u,onClick:p,altText:h,iconStyle:g,icon2Menu:v})=>{let[j,b]=(0,i.useState)(!1),f=(0,i.useRef)(null),N=t!==l.OQo,A=(0,c.I)();return(0,n.A)(f,()=>b(!1)),(0,a.jsx)(x.P.div,{initial:!1,whileHover:A?void 0:{y:-2},whileTap:A?void 0:{scale:.995},transition:{duration:.18,ease:[.16,1,.3,1]},children:(0,a.jsx)(r.A,{pushUrl:o,className:"group cursor-pointer transition-shadow hover:shadow-[0_12px_28px_-18px_rgba(16,24,40,0.4)]",onClick:p,children:(0,a.jsxs)("div",{className:"relative flex items-center justify-between p-3 lg:p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[e&&(0,a.jsx)("span",{className:g||"icon-chip flex h-11 w-11 items-center justify-center text-[var(--text)] transition-colors group-hover:bg-[var(--accent-soft)] group-hover:text-[#00A057]",children:(0,a.jsx)(e,{size:20})}),(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("span",{className:"text-[15px] font-medium text-[var(--text)] lg:text-base",children:s}),d&&(0,a.jsx)("span",{className:"text-[12px] text-[var(--text-muted)] lg:text-sm",children:d}),m]})]}),!u&&(0,a.jsx)("span",{onClick:e=>{N&&v&&(e.stopPropagation(),b(e=>!e))},className:`text-[var(--text-muted)] transition-transform group-hover:translate-x-0.5 ${N&&v?"curs

1or-pointer":""}`,children:(0,a.jsx)(t,{size:20})}),h&&(0,a.jsx)("span",{className:"text-[var(--text)]",children:h}),j&&v&&(0,a.jsx)(x.P.div,{ref:f,initial:{opacity:0,scale:.96,y:-6},animate:{opacity:1,scale:1,y:0},transition:{duration:.16,ease:[.16,1,.3,1]},className:"glass-overlay absolute right-5 top-14 z-10 w-fit rounded-xl py-2",children:v})]})})})}},969:(e,t,s)=>{"use strict";s.d(t,{F:()=>r,h:()=>l});var a=s(8528);async function r(e){try{return await (0,a.A)("register-box",{method:"POST",body:{passkey:e},protect:!0})}catch(e){throw console.error("Box registration error:",e),e}}async function l(){try{return await (0,a.A)("register-box",{method:"GET",protect:!0})}catch(e){return console.error("Box mapping validation error:",e),null}}},2190:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});var a=s(7876);s(4232);var r=s(4e3);let l=({children:e,className:t,onClick:s,pushUrl:l,...i})=>{let n=(0,r.useRouter)();return(0,a.jsx)("div",{className:`surface-1 p-2 font-poppins ${t}`,onClick:()=>{s&&s(),l&&n.push(l)},...i,children:e})}},2351:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/my-soa-box",function(){return s(379)}])},3836:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var a=s(7876);s(4232);var r=s(6823);let l={brand:"bg-[#00A057]/10 text-[#00A057] dark:bg-[#00A057]/20 dark:text-[#34d399]",success:"bg-emerald-50 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300",warning:"bg-amber-50 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300",error:"bg-red-50 text-red-600 dark:bg-red-500/15 dark:text-red-300",info:"bg-blue-50 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300",neutral:"bg-[var(--surface-2)] text-[var(--text-muted)] dark:text-[var(--text-muted)]"},i=({children:e,variant:t="neutral",dot:s,className:i})=>(0,a.jsxs)("span",{className:(0,r.cn)("inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium",l[t],i),children:[s&&(0,a.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-current"}),e]})},5135:(e,t,s)=>{"use strict";s.d(t,{I:()=>i});var a=s(487),r=s(2304),l=s(4232);function i(){a.r.current||(0,r.Uu)();let[e]=(0,l.useState)(a.O.current);return e}},7709:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});var a=s(7876);s(4232);var r=s(6823);let l=({title:e,subtitle:t,icon:s,actions:l,className:i})=>(0,a.jsxs)("div",{className:(0,r.cn)("flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",i),children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[s&&(0,a.jsx)("span",{className:"icon-chip-accent flex h-10 w-10 items-center justify-center rounded-xl",children:s}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-xl font-semibold tracking-tight text-[var(--text)] sm:text-2xl",children:e}),t&&(0,a.jsx)("p",{className:"mt-0.5 text-sm text-[var(--text-muted)]",children:t})]})]}),l&&(0,a.jsx)("div",{className:"flex items-center gap-2",children:l})]})}},e=>{e.O(0,[4938,713,5711,9756,289,2768,1869,4e3,2846,5153,636,6593,8792],()=>e(e.s=2351)),_N_E=e.O()}]);