const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/Bottom-dlWAzq00.js","assets/index-Csef3-wA.js","assets/index-CQxAId2n.js","assets/reviews-CoLGA8Lj.js","assets/language-DKIuA-OH.js","assets/Icon-o1TUwOIX.js","assets/hooks-DWQDL114.js","assets/index-C99wF7dD.js"])))=>i.map(i=>d[i]); import{I as h,ac as z,g as o,G as w,w as M,bz as N,x as O,b as f,j as t,r as d,O as D,au as y,A as k,aF as E,cB as L,cC as $,m as b,bq as q,_ as H,cu as A,c4 as _,cD as Q,c5 as F}from"./index-Csef3-wA.js";import{u as v}from"./hooks-D87v6iOw.js";const P=h(z("button",["selected"]))(({selected:e})=>({border:`2px solid ${e?o.primary.blue:"#E4E4E4"}`,borderRadius:8,minHeight:173,height:"auto",width:116,display:"inline-flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",backgroundColor:o.white,outline:0,padding:8,paddingBottom:6,cursor:"pointer",opacity:1,color:o.black,transition:w.transition(),"&:hover":{backgroundColor:o.white,opacity:1,borderColor:o.primary.blue}}),"Types-Type"),c={Container:h("section")({position:"relative"}),Center:M(e=>({root:{paddingTop:20,paddingBottom:0,position:"relative",zIndex:1,[e.breakpoints.up("md")]:{paddingTop:88,paddingBottom:0},[e.breakpoints.down("md")]:{width:"calc(100% - 40px)",margin:"auto"}}}),"TypesSelector-Center")(N),TypesWrapper:h("div")({width:"100%",marginBottom:0,height:"auto","& .container":{lineHeight:1,fontSize:0,whiteSpace:"nowrap",display:"grid",gridTemplateColumns:"repeat(auto-fill, 116px)",justifyContent:"center",gap:12}},"TypesSelector-TypesWrapper"),Type:P,TypeIconWrapper:h("div")({width:"auto",height:"auto",borderRadius:0,backgroundColor:o.transparent,marginBottom:12,transition:w.transition(),lineHeight:1,fontSize:0,position:"relative","&::after":{position:"absolute",content:"''",top:0,left:-10,borderRadius:8,display:"block",width:100,height:84,background:o.secondary.lightBlue},"& img":{width:80,height:80,position:"relative",top:2,zIndex:1}},"Types-TypeIconWrapper"),TypeTitle:h("div")({fontSize:14,lineHeight:"20px",fontWeight:600,marginLeft:0,whiteSpace:"normal",display:"flex",alignItems:"center",flex:1,letterSpacing:"0.2px",wordBreak:"break-word"},"Types-TypeTitle"),MoreButton:h(O)({marginTop:24},"Types-MoreButton")};function R({item:e,selected:n=!1,handleClick:i=()=>{}}){const a=f();return t.jsxs(c.Type,{selected:n,onClick:i,children:[t.jsx(c.TypeIconWrapper,{selected:n,children:t.jsx("img",{src:`${e.svgIcon}#${e.name}`,alt:`${a.formatMessage({id:"home.types.alt"})} ${e.id}`,width:80,height:80,loading:"lazy"})}),t.jsx(c.TypeTitle,{itemProp:"category",children:e.name})]})}function G({children:e,selectedIdx:n=0}){var p;const i=d.useRef(null),a=k("xs");return d.useEffect(()=>{var m;(m=i==null?void 0:i.current)!=null&&m.container&&i.current.scrollLeft(n*127)},[n,(p=i==null?void 0:i.current)==null?void 0:p.container]),a?t.jsx(c.TypesWrapper,{children:t.jsx("div",{style:{width:"100%",overflow:"auto",paddingBottom:15},children:t.jsx("div",{className:"container",children:e})})}):t.jsx(c.TypesWrapper,{children:t.jsx(d.Suspense,{fallback:t.jsx("div",{style:{width:"100%",overflow:"hidden"},children:t.jsx("div",{className:"container",children:e})}),children:t.jsx("div",{className:"container",children:e})})})}function U(){const[e,n]=d.useState(null),[i,a]=d.useState(!1),[p,m]=d.useState(8),s=D(),u=f(),l=d.useRef(null),x=v(),T=116,S=12,j=()=>{var r;if(l!=null&&l.current){const g=(r=l==null?void 0:l.current)==null?void 0:r.clientWidth,B=Math.floor(g/T),C=(g-(B-1)*S)/T;C&&m(C)}};d.useEffect(()=>{j();const r=E(j,500);return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[l==null?void 0:l.current]);const W=i?x:x.slice(0,p),I=i?L:$;return t.jsx(c.Container,{children:t.jsx(c.Center,{maxWidth:1030,children:t.jsxs("div",{ref:l,style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[t.jsx(G,{selectedIdx:e,children:W.map((r,g)=>t.jsx(R,{selected:g===e,handleClick:()=>{n(g),s.push(y("qrCodesOnInternal").replace(":category",r.id))},item:r},`qrCodeOnType--${r.id}-${g.toString()}`))}),(x==null?void 0:x.length)>p&&t.jsxs(c.MoreButton,{onClick:()=>a(r=>!r),variant:"text",size:"small",children:[i?u.formatMessage({id:"common.less"}):u.formatMessage({id:"common.more"}),t.jsx(I,{size:14,sx:{marginLeft:"7px"}})]})]})})})}const V=b(e=>({root:{},container:{maxWidth:1030,margin:"auto",width:"calc(100% - 40px)",display:"grid",gridTemplateColumns:"repeat(2, 1fr)",paddingTop:118,paddingBottom:103,gap:21,[e.breakpoints.down(950)]:{display:"flex",flexDirection:"column"},[e.breakpoints.down("sm")]:{display:"grid",gridTemplateColumns:"repeat(1, 1fr)"}}}),"QrCodesOn-Categories"),J=b(e=>({root:{paddingTop:72,paddingBottom:60,background:o.gray.light,[e.breakpoints.down("md")]:{paddingBottom:8}},container:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",maxWidth:1030,margin:"0 auto",textAlign:"center"},title:{fontSize:56,lineHeight:"64px",fontWeight:800,maxWidth:860,padding:"4px 0","& .blue":{color:o.primary.blue},[e.breakpoints.down("md")]:{fontSize:28,lineHeight:"38px"}},description:{fontSize:18,lineHeight:"28px",marginTop:20,maxWidth:846,color:o.gray.darkest,[e.breakpoints.down("md")]:{fontSize:18,marginTop:16}}}),"QrCodesOn");function K(){const e=J(),n=f();return t.jsxs("div",{className:e.root,children:[t.jsxs("div",{className:e.container,children:[t.jsx("h1",{className:e.title,children:n.formatMessage({id:"qrCodesOn.title"},{highlighted:(...i)=>t.jsx("span",{className:"blue",children:i})})}),t.jsx("p",{className:e.description,children:n.formatMessage({id:"qrCodesOn.description"})})]}),t.jsx(U,{})]})}const X=b(e=>({root:{display:"flex",background:"#F8F8F9",[e.breakpoints.down("sm")]:{flexDirection:"column"}},imageWrapper:{width:200,height:190,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",[e.breakpoints.down("sm")]:{width:"100%"}},image:{height:"auto",width:"100%"},info:{padding:"16px 32px",display:"flex",flexDirection:"column",flex:1,[e.breakpoints.down("sm")]:{alignItems:"center",textAlign:"center"}},iconWrapper:{width:56,height:56,background:o.white,borderRadius:8,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:8,[e.breakpoints.down("sm")]:{width:45,height:45}},icon:{},name:{color:o.black,fontSize:22,fontWeight:700,maxWidth:210,flex:1,display:"flex",alignItems:"center",lineHeight:"26px",[e.breakpoints.down("sm")]:{fontSize:18,textAlign:"center"}},moreInfo:{marginTop:12,color:o.primary.blue,fontSize:14,fontWeight:700,lineHeight:"30px",transition:w.transition(),"&:hover":{color:o.primary.darkBlue}}}),"QrCodesOn-CategoryBox");function Y({id:e,svgIcon:n,name:i,image:a,bgGradient:p}){const m=f(),s=X(),u=k("smDown");return t.jsxs("div",{className:s.root,children:[t.jsx("div",{className:s.imageWrapper,style:{background:p||"none"},children:a&&t.jsx("img",{className:s.image,src:a,alt:""})}),t.jsxs("div",{className:s.info,children:[!u&&t.jsx("div",{className:s.iconWrapper,children:t.jsx("img",{src:`${n}#${i}`,alt:"",width:56,height:56,loading:"lazy",className:s.icon})}),i&&t.jsx("h5",{className:s.name,children:i}),t.jsx(q,{className:s.moreInfo,to:y("qrCodesOnInternal").replace(":category",e),children:m.formatMessage({id:"qrTypes.moreInfo"})})]})]})}function Z(){const e=V(),n=v();return t.jsx("div",{className:e.root,children:t.jsx("div",{className:e.container,children:!!(n!=null&&n.length)&&n.map(i=>t.jsx(Y,{...i},i.id))})})}const ee=d.lazy(()=>H(()=>import("./Bottom-dlWAzq00.js"),__vite__mapDeps([0,1,2,3,4,5,6,7])));function ne(){const e=f();A();const n=e.formatMessage({id:"qrCodesOn.title"},{highlighted:(...a)=>a}),i=_("BreadcrumbList",{itemListElement:[{"@type":"ListItem",position:1,name:e.formatMessage({id:"qrCodesOn.breadcrumbs.home"}),item:`${window.location.origin}${y("home")}`},{"@type":"ListItem",position:2,name:e.formatMessage({id:"qrCodesOn.breadcrumbs.main"}),item:`${window.location.origin}${y("qrCodesOn")}`}]});return t.jsxs(Q,{withAccountModal:!0,title:Array.isArray(n)?n.join(""):n,children:[t.jsx(F,{data:i}),t.jsx(K,{}),t.jsx(Z,{}),t.jsx(d.Suspense,{fallback:null,children:t.jsx(ee,{})})]})}export{ne as default};