https://app.convertout.com/_next/static/chunks/pages/install-22d810a64fd5bb0a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3768],{31928:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/install",function(){return r(64018)}])},64018:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return u}});var n=r(85893),o=r(67294);var s=o.forwardRef((function(e,t){return o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}))})),l=r(49662),i=r(11163),a=r(396)();function u(){var e=(0,o.useState)(""),t=e[0],r=e[1],u=(0,o.useRef)(null),c=(0,o.useState)(),f=c[0],d=c[1],m=(0,o.useState)(!1),h=m[0],y=m[1],p=(0,i.useRouter)();return(0,o.useEffect)((function(){console.log("query",p.query),void 0!==p.query.error&&d("Please enter your Shopify store URL ending with .myshopify.com"),void 0!==p.query.myshopify&&"string"===typeof p.query.myshopify&&r(p.query.myshopify)}),[p.query]),(0,o.useEffect)((function(){var e;null===(e=u.current)||void 0===e||e.focus()}),[]),(0,n.jsx)("div",{style:{backgroundColor:"#ffffff",height:"100vh",paddingBottom:"25vh"},children:(0,n.jsx)("div",{className:"min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8",children:(0,n.jsxs)("div",{className:"max-w-md w-full space-y-8",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("a",{href:"https://www.convertout.com/",children:(0,n.jsx)("img",{className:"mx-auto h-12 w-auto",src:"convertoutlogo.svg",alt:"ConvertOut Logo"})}),(0,n.jsx)("h2",{className:"mt-6 text-center text-3xl font-extrabold text-gray-900",children:"Install to your Shopify store"})]}),(0,n.jsxs)("form",{className:"mt-4 space-y-6",action:"",onSubmit:function(e){if(y(!0),console.log("ok"),e.preventDefault(),!t||!t.includes(".myshopify.com"))return d("Please enter your Shopify store URL ending with .myshopify.com"),y(!1),!1;var r=a(),n=t.replace("https://","").split(".myshopify.com")[0],o="".concat(n,".myshopify.com"),s=(0,l.buildInstallUrl)(o,r,"paywall");return console.log("installUrl",s),window.location.href=(0,l.buildInstallUrl)(o,r,"paywall"),y(!1),!1},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-700",children:"Shopify Store URL"}),(0,n.jsxs)("div",{className:"mt-1 relative rounded-md shadow-sm",children:[(0,n.jsx)("input",{id:"myshopify",name:"myshopify",type:"text",required:!0,className:"appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm",placeholder:"yourstore.myshopify.com","aria-invalid":"true","aria-describedby":"myshopify-error",value:t,onChange:function(e){return r(e.target.value)},ref:u}),f&&(0,n.jsx)("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none",children:(0,n.jsx)(s,{className:"h-5 w-5 text-red-500","aria-hidden":"true"})})]}),f&&(0,n.jsx)("p",{className:"mt-2 text-sm text-red-600",id:"email-error",children:f})]}),(0,n.jsx)("div",{children:(0,n.jsxs)("button",{disabled:h,type:"submit",className:"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500",children:[h&&"Loading",!h&&"Install for free"]})})]})]})})})}},11163:function(e,t,r){e.exports=r(90387)},396:function(e){e.exports=function(e){var t=null,r=0;return"undefined"==typeof e&&(e=15),function(){var n=Math.pow(10,2)*+new Date;n==t?r++:(r=0,t=n);var o=(n+r).toString();return+o.substr(o.length-e)}}}},function(e){e.O(0,[9662,9774,2888,179],(function(){return t=31928,e(e.s=t);var t}));var t=e.O();_N_E=t}]);