https://www.themonthly.com.au/_next/static/chunks/pages/app-e73fff343042f62b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6366],{6177:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app",function(){return t(6280)}])},6280:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return j}});var o=t(5893),i=t(9008),s=t.n(i),r=t(5675),a=t.n(r),l=t(8814),d=t(7294),h=t(4094),c=t.n(h),p=t(1163);let u=null;var m=()=>{let[e,n]=(0,d.useState)(null),[t,i]=(0,d.useState)(!1),[s,r]=(0,d.useState)(!1),a=(0,p.useRouter)();(0,d.useEffect)(()=>{let e=()=>{if(window.matchMedia("(display-mode: standalone)").matches||navigator.standalone||document.referrer.includes("android-app://")){i(!0);return}r(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window)),u&&n(u)},t=e=>{e.preventDefault(),u=e,n(e)},o=()=>{i(!0),n(null),u=null};return e(),window.addEventListener("beforeinstallprompt",t),window.addEventListener("appinstalled",o),a.events.on("routeChangeComplete",e),()=>{window.removeEventListener("beforeinstallprompt",t),window.removeEventListener("appinstalled",o),a.events.off("routeChangeComplete",e)}},[a]);let l=async()=>{if(s){a.push("/app");return}let t=e||u;if(t)try{await t.prompt();let e=await t.userChoice;"accepted"===e.outcome&&(n(null),u=null)}catch(e){console.error("Install error:",e)}};return t?null:e||s&&!t?(0,o.jsx)("button",{type:"button",onClick:l,className:"px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors cursor-pointer",children:"Install The Monthly App"}):null};function x(){let[e,n]=(0,d.useState)(!1),t=async()=>{if(confirm("This will clear all cached data. Continue?")){n(!0);try{let e=new Promise((e,n)=>{let t=document.createElement("script");t.src="/pwa-reset.js",t.onload=e,t.onerror=n,document.body.appendChild(t)});if(await e,"function"!=typeof window.resetPWA)throw Error("Reset function not available");let n=await window.resetPWA();if(n.success)alert("App data has been reset. The page will now reload."),window.location.reload();else throw Error(n.error||"Unknown error")}catch(e){console.error("Failed to reset PWA:",e),alert("Failed to reset app data: ".concat(e.message||e)),n(!1)}}};return(0,o.jsxs)("div",{className:"my-6",children:[(0,o.jsx)("h3",{className:"text-lg font-medium mb-2",children:"App Data"}),(0,o.jsx)("p",{className:"text-gray-600 mb-4 text-sm",children:"If you experience issues with the app, you can reset all cached data."}),(0,o.jsx)("button",{onClick:t,disabled:e,className:"px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 disabled:bg-red-300",children:e?"Resetting...":"Reset App Data"})]})}function j(){let[e,n]=(0,d.useState)(!1),[t,i]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{{let e=window.navigator.userAgent;n(/Android/i.test(e)),i(/iPad|iPhone|iPod/i.test(e))}},[]),(0,o.jsxs)(l.A,{children:[(0,o.jsxs)(s(),{children:[(0,o.jsx)("title",{children:"The Monthly App | Install Instructions"}),(0,o.jsx)("meta",{name:"description",content:"Install The Monthly app on your iOS or Android device for the best reading experience."})]}),(0,o.jsxs)("div",{className:"sectionHeading",children:[(0,o.jsxs)("h4",{children:[(0,o.jsx)("em",{children:"The Monthly"})," app"]}),(0,o.jsx)("div",{className:"pagination-info",children:(0,o.jsx)("span",{children:"Install instructions"})})]}),(0,o.jsxs)("div",{className:c().appPage,children:[(0,o.jsxs)("section",{className:c().hero,children:[(0,o.jsxs)("div",{className:c().heroContent,children:[(0,o.jsxs)("h1",{children:[(0,o.jsx)("em",{children:"The Monthly"})," app."]}),(0,o.jsx)("h3",{children:"For Android and iPhone users."}),(0,o.jsx)("p",{children:"Follow these simple steps to install the app on your device."}),(0,o.jsx)(m,{})]}),(0,o.jsx)("div",{className:c().heroImage,children:(0,o.jsx)(a(),{src:"/images/Fisher_device_people.webp",alt:"illustration of people using phones",height:600,width:1200,className:c().heroImg})})]}),(0,o.jsx)("section",{className:c().intro,children:(0,o.jsxs)("div",{className:c().introContent,children:[(0,o.jsxs)("p",{children:[(0,o.jsx)("em",{children:"The Monthly"})," has developed an app for Android and iPhone users, to improve your reading experience online – across computer, mobile and tablet devices."]}

1),(0,o.jsxs)("p",{children:["Using the latest technology, ",(0,o.jsx)("em",{children:"The Monthly"})," is upgrading from a traditional app that you download from an app store to a web app that can be installed directly from our website to your device home screen."]}),(0,o.jsx)("p",{children:"This technology takes the best of web and mobile applications and combines them into one. Think of it as a normal website, but you can save it to the home screen of your device, where it looks and feels like an app."}),(0,o.jsxs)("p",{children:["Check out the following guides for installing ",(0,o.jsx)("em",{children:"The Monthly"})," app on your Apple or Android device."]})]})}),(0,o.jsxs)("section",{className:c().installSection,children:[(0,o.jsxs)("div",{id:"ios",className:c().installContent,children:[(0,o.jsxs)("h3",{children:["Installing ",(0,o.jsx)("em",{children:"The Monthly"})," app on your iPhone or iPad."]}),(0,o.jsxs)("ol",{children:[(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["Go to ",(0,o.jsx)("a",{href:"https://www.themonthly.com.au/",target:"_blank",rel:"noopener noreferrer",children:"themonthly.com.au"})]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["Within ",(0,o.jsx)("strong",{children:"Safari"}),", locate and tap on the share menu icon, which looks like a box with an upward facing arrow. On an iPad it will be up top and to the right of your Safari window. On an iPhone it will be centre bottom."]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["In the pop-up menu, locate and tap on ",(0,o.jsx)("strong",{children:"Add to Home Screen"}),". On an iPhone you may need to swipe up or scroll down."]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["After tapping ",(0,o.jsx)("strong",{children:"Add"})," you will be able to find ",(0,o.jsx)("em",{children:"The Monthly"})," app on your home screen."]})})]})]}),(0,o.jsxs)("div",{id:"android",className:c().installContent,children:[(0,o.jsxs)("h3",{children:["Installing ",(0,o.jsx)("em",{children:"The Monthly"})," app on your Android device."]}),(0,o.jsx)(m,{}),(0,o.jsxs)("ol",{children:[(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["Go to ",(0,o.jsx)("a",{href:"https://www.themonthly.com.au/",target:"_blank",rel:"noopener noreferrer",children:"themonthly.com.au"})]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["Within ",(0,o.jsx)("strong",{children:"Chrome"}),', locate and tap on the "more options" menu icon, which looks like three vertical dots in the top right corner of your display.']})}),(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["In the drop-down menu, locate and tap on ",(0,o.jsx)("strong",{children:"Install app"}),"."]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("p",{children:["On the corresponding pop-up, click ",(0,o.jsx)("strong",{children:"Add"})," and you will then be able to find the ",(0,o.jsx)("em",{children:"The Monthly"})," app on your home screen."]})})]})]}),(0,o.jsxs)("div",{className:c().installContent,children:[(0,o.jsx)("h3",{children:"Troubleshooting"}),(0,o.jsx)("p",{children:"If the app isn't behaving as expected - please try tapping this button to clear the cache."}),(0,o.jsx)(x,{})]})]})]})]})}},4094:function(e){e.exports={appPage:"app_appPage__pfD9i",hero:"app_hero__CGzO0",heroContent:"app_heroContent__ofnTG",heroImage:"app_heroImage__QKbF_",promptBox:"app_promptBox__G8nfu",intro:"app_intro__41s7Z",introContent:"app_introContent__TW8ke",installSection:"app_installSection__pS6Es",installContent:"app_installContent__ug_b2",features:"app_features__miZRH",featureGrid:"app_featureGrid__dQ3fm",featureItem:"app_featureItem__J3EJg"}}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=6177)}),_N_E=e.O()}]);