https://www.slotsdelsolonline.com/_next/static/chunks/pages/instalar-app-3dc1dbdfcda94710.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1006],{26865:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/instalar-app",function(){return a(13785)}])},13785:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return h}});var i=a(47568),n=a(97582),l=a(85893),r=a(67294),t=a(9008),c=a.n(t),o=a(70624),d=a(19650),x=a(11163),p=a(72116);function h(){var e=(0,x.useRouter)(),s=(0,o.Z)(),a=(s.deviceInfo,s.instructionType),t=s.canInstallDirectly,h=s.isInstalled,y=s.triggerInstall,N=s.isInstalling,k=(0,r.useState)(null),S=k[0],L=k[1];(0,r.useEffect)((function(){(0,p.j_)()}),[]);var A=function(){var e=(0,i.Z)((function(){var e;return(0,n.__generator)(this,(function(s){switch(s.label){case 0:return t?[4,y()]:[3,2];case 1:"accepted"===(e=s.sent())?L("success"):"dismissed"===e&&L("dismissed"),s.label=2;case 2:return[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(c(),{children:[(0,l.jsx)("title",{children:"Instalar App - Slots del Sol"}),(0,l.jsx)("meta",{name:"description",content:"Instala Slots del Sol en tu dispositivo para un acceso r\xe1pido"})]}),(0,l.jsx)("div",{className:"w-fill-avaliable flex justify-center default-px bg-surface2 min-h-screen mb-6 border-block-secondary",children:(0,l.jsx)("div",{className:"sds-container-max-w py-4 w-full flex flex-col gap-6 bg-surface2",children:(0,l.jsxs)("div",{className:"border-radius-12 p-6 flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col align-center gap-3",children:[(0,l.jsx)("div",{className:"w-20 h-20 border-radius-16 overflow-hidden bg-surface4 flex justify-center align-center",children:(0,l.jsx)("img",{src:"/assets/img/SlotsLogoRebranding.png",alt:"Slots del Sol",className:"w-16 h-16 object-contain"})}),(0,l.jsx)("h1",{className:"text-primary sds-heading-2 text-center",children:"Instalar app de Slots del Sol"})]}),(0,l.jsxs)("div",{className:"bg-surface4 border-radius-8 p-4",children:[(0,l.jsx)("p",{className:"text-secondary sds-body-2 font-semibold mb-2",children:"Beneficios de instalar la app:"}),(0,l.jsxs)("ul",{className:"flex flex-col gap-2",children:[(0,l.jsxs)("li",{className:"flex align-center gap-2",children:[(0,l.jsx)(w,{}),(0,l.jsx)("span",{className:"text-secondary sds-body-2",children:"Acceso r\xe1pido desde tu pantalla de inicio"})]}),(0,l.jsxs)("li",{className:"flex align-center gap-2",children:[(0,l.jsx)(w,{}),(0,l.jsx)("span",{className:"text-secondary sds-body-2",children:"Experiencia de pantalla completa"})]}),(0,l.jsxs)("li",{className:"flex align-center gap-2",children:[(0,l.jsx)(w,{}),(0,l.jsx)("span",{className:"text-secondary sds-body-2",children:"Carga m\xe1s r\xe1pida y mejor rendimiento"})]})]})]}),(0,l.jsx)("div",{className:"border-top-stroke-1 pt-6",children:h||"already-installed"===a?(0,l.jsxs)("div",{className:"flex flex-col gap-4 align-center text-center",children:[(0,l.jsx)("div",{className:"flex justify-center",children:(0,l.jsx)("div",{className:"bg-success-soft p-4 border-radius-50",children:(0,l.jsx)("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",fill:"white"})})})}),(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"\xa1App ya instalada!"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Ya tienes Slots del Sol instalada en tu dispositivo. B\xfascala en tu pantalla de inicio."})]}):"direct"===a&&t?(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-center",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"Instalar en un click"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Haz click en el bot\xf3n para agregar Slots del Sol a tu pantalla de inicio."})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,l.jsx)(d.Z,{type:"primary",onClick:A,text:N?"Instalando...":"Instalar Ahora",fullWidth:!0,disabled:N}),"success"===S&&(0,l.jsx)("p",{className:"text-success text-center sds-body-2",children:"\xa1Instalaci\xf3n completada! Busca el \xedcono en tu pantalla de inicio."}),"dismissed"===S&&(0,l.jsx)("p",{className:"text-secondary text-center sds-body-2",children:"Puedes instalar la app cuando quieras desde este men\xfa."})]})]}):"ios-safari"===a?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-center",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"Instrucciones para Safari"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Sigue estos pasos para agregar Slots del Sol a tu pantalla de inicio:"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(m,{number:1,title:"Toca el bot\xf3n Compartir",description:"Busca el \xedcono de compartir (cuadrado con flecha hacia arriba) en la barra inferior de Safari.",icon:(0,l.jsx)(u,{})}),(0,l.jsx)(m,{number:2,title:'Selecciona "A\xf1adir a pantalla de inicio"',description:'Desliza hacia abajo en el men\xfa y toca "A\xf1adir a pantalla de inicio".',icon:(0,l.jsx)(j,{})}),(0,l.jsx)(m,{number:3,title:"Confirma la instalaci\xf3n",description:'Toca "A\xf1adir" en la esquina superior derecha para completar.',icon:(0,l.jsx)(f,{})})]})]}):"ios-chrome"===a?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-center",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"Instrucciones para Chrome en iOS"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Sigue estos pasos para agregar Slots del Sol a tu pantalla de inicio (requiere iOS 16.4 o posterior):"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(m,{number:1,title:"Toca el bot\xf3n Compartir",description:"Busca el \xedcono de compartir (cuadrado con flecha hacia arriba) o el men\xfa de tres puntos.",icon:(0,l.jsx)(u,{})}),(0,l.jsx)(m,{number:2,title:'Selecciona "A\xf1adir a pantalla de inicio"',description:'Busca y toca la opci\xf3n "A\xf1adir a pantalla de inicio".',icon:(0,l.jsx)(j,{})}),(0,l.jsx)(m,{number:3,title:"Confirma la instalaci\xf3n",description:'Confirma el nombre y toca "Agregar" para completar.',icon:(0,l.jsx)(f,{})})]}),(0,l.jsx)("div",{className:"bg-surface4 border-radius-8 p-4",children:(0,l.jsxs)("p",{className:"text-secondary sds-body-2",children:[(0,l.jsx)("span",{className:"font-semibold",children:"\xbfNo encuentras la opci\xf3n?"})," ",'Si no ves "A\xf1adir a pantalla de inicio", abre esta p\xe1gina en'," ",(0,l.jsx)("span",{className:"font-semibold",children:"Safari"})," y sigue los mismos pasos. Safari ofrece mayor compatibilidad para instalar apps."]})})]}):"ios-other"===a?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-center",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"Abre en Safari para instalar"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Para instalar la app, necesitas abrir esta p\xe1gina en Safari:"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(m,{number:1,title:"Abre Safari",description:"Copia esta URL y \xe1brela en Safari: slotsdelsolonline.com"}),(0,l.jsx)(m,{number:2,title:"Toca el bot\xf3n Compartir",description:"Busca el \xedcono de compartir (cuadrado con flecha hacia arriba) en la barra inferior.",icon:(0,l.jsx)(u,{})}),(0,l.jsx)(m,{number:3,title:'Selecciona "A\xf1adir a pantalla de inicio"',description:'Desliza hacia abajo en el men\xfa y toca "A\xf1adir a pantalla de inicio".',icon:(0,l.jsx)(j,{})})]})]}):"mac-safari"===a?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-center",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"Instrucciones para Safari en Mac"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Sigue estos pasos para agregar Slots del Sol a tu Dock:"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(m,{number:1,title:"Haz clic en el bot\xf3n Compartir",description:"Busca el \xedcono de compartir (cuadrado con flecha hacia arriba) en la barra de herramientas de Safari.",icon:(0,l.jsx)(u,{})}),(0,l.jsx)(m,{number:2,title:'Selecciona "A\xf1adir al Dock"',description:'En el men\xfa desplegable, selecciona la opci\xf3n "A\xf1adir al Dock".',icon:(0,l.jsx)(v,{})}),(0,l.jsx)(m,{number:3,title:"Confirma la instalaci\xf3n",description:'Haz clic en "A\xf1adir" en el di\xe1logo de confirmaci\xf3n para completar.',icon:(0,l.jsx)(f,{})})]})]}):"android-firefox"===a?(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2 text-center",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"Instrucciones para Firefox"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Sigue estos pasos para instalar Slots del Sol:"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(m,{number:1,title:"Abre el men\xfa",description:"Toca los tres puntos verticales en la esquina superior derecha.",icon:(0,l.jsx)(g,{})}),(0,l.jsx)(m,{number:2,title:'Selecciona "Instalar"',description:'Busca la opci\xf3n "Instalar" o "A\xf1adir a pantalla de inicio" en el men\xfa.',icon:(0,l.jsx)(b,{})})]})]}):(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsx)("h2",{className:"text-primary sds-heading-3",children:"C\xf3mo instalar la app"}),(0,l.jsx)("p",{className:"text-secondary sds-body-1",children:"Sigue estos pasos para agregar Slots del Sol a tu pantalla de inicio:"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(m,{number:1,title:"Abre el men\xfa del navegador",description:"Busca el \xedcono de men\xfa (tres pu

1ntos o tres l\xedneas) en tu navegador.",icon:(0,l.jsx)(g,{})}),(0,l.jsx)(m,{number:2,title:"Busca la opci\xf3n de instalar",description:'Selecciona "Instalar app", "A\xf1adir a pantalla de inicio" o una opci\xf3n similar.',icon:(0,l.jsx)(b,{})})]})]})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-secondary sds-body-2",children:'En caso de que ya hayas instalado la aplicaci\xf3n desde tu navegador deber\xedas ver una opci\xf3n "Abrir en app"'}),(0,l.jsx)("p",{className:"text-secondary sds-body-2",children:"Si ya instalaste la app pero no la encuentras, revisa tu lista de aplicaciones instaladas o busca el \xedcono de Slots del Sol en tu pantalla de inicio."})]}),(0,l.jsx)("div",{className:"flex justify-center",children:(0,l.jsx)(d.Z,{type:"secondary",text:"Volver a Inicio",onClick:function(){return e.push("/")}})})]})})})]})}function m(e){var s=e.number,a=e.title,i=e.description,n=e.icon;return(0,l.jsxs)("div",{className:"flex gap-4 align-start",children:[(0,l.jsx)("div",{className:"flex-shrink-0 w-8 h-8 border-radius-50 bg-brand flex justify-center align-center",children:(0,l.jsx)("span",{className:"text-primary sds-body-2 font-bold",children:s})}),(0,l.jsxs)("div",{className:"flex flex-col gap-1 flex-1",children:[(0,l.jsxs)("div",{className:"flex align-center gap-2",children:[n&&(0,l.jsx)("div",{className:"text-brand",children:n}),(0,l.jsx)("p",{className:"text-primary sds-body-1 font-semibold",children:a})]}),(0,l.jsx)("p",{className:"text-secondary sds-body-2",children:i})]})]})}function u(){return(0,l.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M16 5L12 1L8 5",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 1V15",stroke:"white",strokeWidth:"2",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10",stroke:"white",strokeWidth:"2",strokeLinecap:"round"})]})}function j(){return(0,l.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:"white",strokeWidth:"2"}),(0,l.jsx)("path",{d:"M12 8V16",stroke:"white",strokeWidth:"2",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M8 12H16",stroke:"white",strokeWidth:"2",strokeLinecap:"round"})]})}function f(){return(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M5 13L9 17L19 7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function g(){return(0,l.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("circle",{cx:"12",cy:"5",r:"2",fill:"white"}),(0,l.jsx)("circle",{cx:"12",cy:"12",r:"2",fill:"white"}),(0,l.jsx)("circle",{cx:"12",cy:"19",r:"2",fill:"white"})]})}function b(){return(0,l.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M12 4V14",stroke:"white",strokeWidth:"2",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M8 10L12 14L16 10",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M4 17V19C4 20.1 4.9 21 6 21H18C19.1 21 20 20.1 20 19V17",stroke:"white",strokeWidth:"2",strokeLinecap:"round"})]})}function v(){return(0,l.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",stroke:"white",strokeWidth:"2"}),(0,l.jsx)("path",{d:"M2 8H22",stroke:"white",strokeWidth:"2"}),(0,l.jsx)("path",{d:"M8 17H16",stroke:"white",strokeWidth:"3",strokeLinecap:"round"})]})}function w(){return(0,l.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M5 13L9 17L19 7",stroke:"#22c55e",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}}},function(e){e.O(0,[9774,2888,179],(function(){return s=26865,e(e.s=s);var s}));var s=e.O();_N_E=s}]);