https://xroid.ai/_next/static/chunks/app/(main)/(auth)/page-a4e94f638bb6dfce.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18641],{947114:(e,t,r)=>{Promise.resolve().then(r.bind(r,616788))},616788:(e,t,r)=>{"use strict";r.d(t,{default:()=>j});var n=r(695155),a=r(318813),l=r(212115),i=r(7266),c=r(459953),o=r.n(c),s=r(346764),u=r(413654),f=r(83391),d=r(159840),h=r(621230),p=r(624520);let g=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10;try{let r=(0,p.j)({page:e,size:t}),{data:n,error:a}=(await h.Ay.get("/banners".concat(r))).data;if(a)return console.error("Error from API:",a),[];return n||[]}catch(e){return console.error("Error fetching banner:",e),[]}};var m=r(548173),b=r.n(m),v=r(503620),y=r(311536);let w=()=>{let[e,t]=(0,l.useState)([]),[r,a]=(0,l.useState)(!1),[i,c]=(0,l.useState)(0),o=async()=>{a(!0);try{let e=await g(1,100);t(e.data)}catch(e){console.error("Fetch banners failed",e)}finally{a(!1)}};(0,l.useEffect)(()=>{o()},[]);let s=e.length>1,u=e.length>0?i%e.length:0;return(0,l.useEffect)(()=>{if(!s)return;let t=window.setInterval(()=>{c(t=>(t+1)%e.length)},3e3);return()=>window.clearInterval(t)},[s,e.length]),(0,l.useEffect)(()=>{c(0)},[e.length]),(0,n.jsx)(n.Fragment,{children:!r&&e.length>0&&(0,n.jsx)("div",{className:"lg:pb-5 lg:mt-0",children:(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)("div",{className:"banner-frame relative mx-auto w-full h-[147px] ppc:h-[180px] pc:h-[240px] overflow-hidden rounded-xl isolate",children:e.map((e,t)=>(0,n.jsx)(b(),{href:e.url||"#",target:"_blank",rel:"noreferrer","aria-hidden":t!==u,tabIndex:t===u?0:-1,className:"banner-slide-link absolute inset-0 block h-full w-full select-none rounded-xl transition-opacity duration-500 ".concat(t===u?"opacity-100 z-[1]":"opacity-0 z-0 pointer-events-none"),children:(0,n.jsx)("span",{className:"banner-slide-image block h-full w-full rounded-xl",style:{backgroundImage:"url(".concat((0,v.Qc)(e.image,{format:"webp"}),")"),backgroundSize:"cover",backgroundPosition:"center"}})},e.id||t))}),s&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:()=>{c(t=>(t-1+e.length)%e.length)},className:"flex absolute left-2 pc:left-6 min-[1280px]:left-[calc(50%-580px)] top-1/2 -translate-y-1/2 z-10 w-8 h-8 pc:w-10 pc:h-10 rounded-full bg-white/90 text-gray-700 items-center justify-center shadow-[0_1px_4px_rgba(0,0,0,0.15)] hover:bg-white hover:scale-110 transition-all duration-200",children:(0,n.jsx)(y._Jj,{size:12})}),(0,n.jsx)("button",{onClick:()=>{c(t=>(t+1)%e.length)},className:"flex absolute right-2 pc:right-6 min-[1280px]:right-[calc(50%-580px)] top-1/2 -translate-y-1/2 z-10 w-8 h-8 pc:w-10 pc:h-10 rounded-full bg-white/90 text-gray-700 items-center justify-center shadow-[0_1px_4px_rgba(0,0,0,0.15)] hover:bg-white hover:scale-110 transition-all duration-200",children:(0,n.jsx)(y.X6T,{size:12})})]})]})})})},x=async e=>{let t=(0,p.j)(e);return(await h.Ay.get("/feature-content".concat(t))).data.data};function j(){(0,i.useTranslations)("common"),(0,f.d4)(d.ZF);let[e,t]=(0,l.useState)(!1),[r,c]=(0,l.useState)(!1),[h,p]=(0,l.useState)(!1),[g,m]=(0,l.useState)(1),[b,v]=(0,l.useState)([]),y=async e=>{let t=await x({page:e,size:12});if(!o()(t)){let e=[...b,...null==t?void 0:t.contents];v(e),p((null==t?void 0:t.total)>e.length)}},j=async()=>{try{if(!h)return;c(!0);let e=g+1;m(e),await y(e)}finally{c(!1)}};return((0,l.useEffect)(()=>{(async()=>{try{t(!0),await y(1)}finally{t(!1)}})()},[]),e)?(0,n.jsx)("div",{className:"flex justify-center items-center h-[calc(100vh-200px)]",children:(0,n.jsx)(a.A,{size:"large",className:"white-antd-spin"})}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w,{}),(0,n.jsx)("div",{className:"grid grid-cols-1 ppc:grid-cols-2 pc:grid-cols-3 gap-4 mb-5 mt-2 lg:mt-3",children:b.map(e=>(0,n.jsx)(u.A,{content:e},e.id))}),h&&(0,n.jsx)(s.A,{onClick:j,loading:r})]})}},893435:(e,t,r)=>{"use strict";r.d(t,{k5:()=>u});var n=r(212115),a={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},l=n.createContext&&n.createContext(a),i=["attr","size","title"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}

1).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach(function(t){var n,a;n=t,a=r[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function u(e){return t=>n.createElement(f,c({attr:s({},e.attr)},t),function e(t){return t&&t.map((t,r)=>n.createElement(t.tag,s({key:r},t.attr),e(t.child)))}(e.child))}function f(e){var t=t=>{var r,a=e.attr,l=e.size,o=e.title,u=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(e,i),f=l||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),n.createElement("svg",c({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,a,u,{className:r,style:s(s({color:e.color||t.color},t.style),e.style),height:f,width:f,xmlns:"http://www.w3.org/2000/svg"}),o&&n.createElement("title",null,o),e.children)};return void 0!==l?n.createElement(l.Consumer,null,e=>t(e)):t(a)}}},e=>{var t=t=>e(e.s=t);e.O(0,[79507,27811,66711,7266,27675,42723,34082,69795,18813,21891,48173,16721,74213,28441,11517,77358],()=>t(947114)),_N_E=e.O()}]);