https://tinypng.com/_next/static/chunks/pages/not-logged-in-99ed3849401206d4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2626],{700:e=>{e.exports={s1u8x6f4:"s1u8x6f4","svg-container":"svg-container","panda-container":"panda-container","top-and-bottom":"top-and-bottom",top:"top",logo:"logo","logo-link":"logo-link",text:"text",bottom:"bottom","form-element":"form-element","form-label":"form-label","form-input":"form-input",error:"error","error-message":"error-message","form-button-container":"form-button-container","form-button":"form-button",success:"success",spinner:"spinner"}},1342:(e,t,r)=>{"use strict";function n(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}r.d(t,{A:()=>n})},30260:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var n=r(15383),a=r(53764);function i(e){var t="none"==e.marginBottom?"0rem":"2.5rem",r="small"==e.padding?"1.6rem":"medium"==e.padding?"3rem":"none"==e.padding?"0rem":"2.4rem",a="small"==e.padding?"2rem":"medium"==e.padding?"3rem":"large"==e.padding?"5rem":"none"==e.padding?"0rem":"2.4rem";return(0,n.jsxs)(o,{className:e.className,marginBottom:t,padding:r,paddingSmallBreakpoint:a,maxWidth:e.maxWidth||"none",children:[e.title&&"small"==e.titleSize?(0,n.jsx)("h4",{className:s,children:e.title}):e.title&&(0,n.jsx)("h3",{className:s,children:e.title}),e.children]})}r(48022);var s="hsz03uq",o=(0,a.I)("div")({name:"ShadowBoxStyles",class:"s1afb6x8",propsAsIs:!1,vars:{"s1afb6x8-0":[function(e){return e.marginBottom}],"s1afb6x8-1":[function(e){return e.padding}],"s1afb6x8-2":[function(e){var t=e.maxWidth;return void 0===t?"none":t}],"s1afb6x8-3":[function(e){return e.paddingSmallBreakpoint}]}})},34121:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/not-logged-in",function(){return r(72022)}])},48022:e=>{e.exports={hsz03uq:"hsz03uq",s1afb6x8:"s1afb6x8","summary-error":"summary-error"}},53764:(e,t,r)=>{"use strict";r.d(t,{I:()=>d});var n=r(1342),a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=(0,n.A)(function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&91>e.charCodeAt(2)}),s=r(14343),o=r(52282),l=(e,t)=>

1{let r={};return Object.keys(e).filter(e=>-1===t.indexOf(e)).forEach(t=>{r[t]=e[t]}),r},c=(e,t)=>{},d=function(e){return t=>{let r=(r,n)=>{let a,{as:d=e,class:m=""}=r,u=function(e,t,r){let n=l(t,r);if(!e){let e="function"==typeof i?{default:i}:i;Object.keys(n).forEach(t=>{e.default(t)||delete n[t]})}return n}(void 0===t.propsAsIs?"string"!=typeof d||-1!==d.indexOf("-")||(a=d[0]).toUpperCase()===a:t.propsAsIs,r,["as","class"]);u.ref=n,u.className=t.atomic?(0,o.cx)(t.class,u.className||m):(0,o.cx)(u.className||m,t.class);let{vars:p}=t;if(p){let e={};for(let n in p){let a=p[n],i=a[0],s=a[1]||"",o="function"==typeof i?i(r):i;c(o,t.name),e[`--${n}`]=`${o}${s}`}let n=u.style||{},a=Object.keys(n);a.length>0&&a.forEach(t=>{e[t]=n[t]}),u.style=e}return e.__wyw_meta&&e!==d?(u.as=d,(0,s.createElement)(e,u)):(0,s.createElement)(d,u)},n=s.forwardRef?(0,s.forwardRef)(r):e=>r(l(e,["innerRef"]),e.innerRef);return n.displayName=t.name,n.__wyw_meta={className:t.class||"",extends:e},n}}},72022:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>k});var n=r(29935),a=r(12694),i=r(82643),s=r(15383),o=r(14343),l=r(53764),c=r(30260),d=r(69399),m=r(11945),u=r(87899),p=r(43971),f=r(31424),h=r(3515),g=r(14330);let x={src:"/_next/static/media/leafs.913e8762.svg"},y={src:"/_next/static/media/panda-eating-bamboo.0f202f2c.webp"};var v=r(82538);r(700);var b=(0,l.I)("div")({name:"StyledBox",class:"s1u8x6f4",propsAsIs:!1});let k=function(){var e=(0,g.useRouter)().query.ref,t=(0,a._)((0,o.useState)(""),2),r=t[0],l=t[1],k=(0,a._)((0,o.useState)(null),2),j=k[0],A=k[1],S=(0,a._)((0,o.useState)(!1),2),N=S[0],w=S[1],_=(0,a._)((0,o.useState)(!1),2),T=_[0],P=_[1],C=(0,a._)((0,o.useState)("You're not logged in"),2),R=C[0],E=C[1],O=(0,a._)((0,o.useState)("Please enter your email to receive a login link."),2),I=O[0],L=O[1];return(0,o.useEffect)(function(){"invalid_request"===e&&(E("Your magic link has expired"),L("Please enter your email to receive a new login link."))},[e]),(0,s.jsx)(h.P,{bare:!0,title:R,description:I,children:(0,s.jsxs)(b,{children:[(0,s.jsx)("div",{className:"svg-container",children:(0,s.jsx)("img",{src:x.src,alt:"Leafs pattern"})}),(0,s.jsx)("div",{className:"panda-container",children:(0,s.jsx)("img",{src:y.src,alt:"Panda eating bamboo"})}),(0,s.jsxs)(c.A,{className:"top-and-bottom",children:[(0,s.jsxs)("div",{className:"top",children:[(0,s.jsx)("div",{className:"logo",children:(0,s.jsx)(f.Ay,{href:"/",className:"logo-link",children:(0,s.jsx)("img",{src:v.A.src,alt:"TinyPNG Logo"})})}),T?(0,s.jsxs)("div",{className:"text",children:[(0,s.jsx)("h3",{children:"Magic link sent"}),(0,s.jsxs)("p",{children:["A magic link has been sent to ",(0,s.jsx)("b",{children:r}),". Use it to log in to your Tinify account. This link is valid for 15 minutes."]})]}):(0,s.jsxs)("div",{className:"text",children:[(0,s.jsx)("h3",{children:R}),(0,s.jsx)("p",{children:I})]})]}),(0,s.jsx)("div",{className:"bottom",children:T?(0,s.jsx)(f.Ay,{href:"/",className:"form-button success",children:"Go to homepage"}):(0,s.jsxs)("form",{onSubmit:function(e){return(0,n._)(function(){var t,n,a,s;return(0,i.YH)(this,function(i){switch(i.label){case 0:if(e.preventDefault(),!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(r))return A("Please enter a valid email."),[2];A(null),w(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,(0,p.J)({mail:r,type:"login",url:"/"})];case 2:return(t=i.sent()).error?A(t.error):P(!0),[3,5];case 3:return console.error("LoginRequest failed:",n=i.sent()),A((null==(s=n.response)||null==(a=s.data)?void 0:a.message)||"Failed to send email. Please try again."),[3,5];case 4:return w(!1),[7];case 5:return[2]}})})()},noValidate:!0,children:[(0,s.jsxs)("div",{className:"form-element",children:[(0,s.jsx)("label",{className:"form-label",children:"Email Address"}),(0,s.jsx)("input",{className:"form-input ".concat(j?"error":""),type:"email",placeholder:"[email protected]",value:r,onChange:function(e){return l(e.target.value)},required:!0})]}),j&&(0,s.jsxs)("div",{className:"error-message",children:[(0,s.jsx)(d.g,{icon:m.JAe,className:"error-icon",size:"lg"}),j]}),(0,s.jsx)("div",{className:"form-button-container",children:(0,s.jsx)("button",{className:"form-button ".concat(N?"button-loading":""),type:"submit",disabled:N||!r.trim(),children:N?(0,s.jsx)("div",{className:"spinner",children:(0,s.jsx)(u.A,{})}):"Send magic link"})})]})})]})]})})}},87899:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var n=r(78024),a=r(37743),i=r(1833),s=r(15383),o=r(53764),l=r(14343);r(97374);var c=function(e){function t(){return(0,a._)(this,t),(0,n._)(this,t,arguments)}return(0,i._)(t,e),t.prototype.render=function(){return(0,s.jsx)(d,{children:(0,s.jsx)("div",{className:"loading-spinner"})})},t}(l.Component),d=(0,o.I)("div")({name:"SpinnerStyles",class:"sr5hnua",propsAsIs:!1})},97374:e=>{e.exports={sr5hnua:"sr5hnua","loading-spinner":"loading-spinner","spinner-sr5hnua":"spinner-sr5hnua",large:"large",small:"small"}}},e=>{e.O(0,[5645,4668,2963,6798,8816,9208,7462,2805,7115,3515,636,6593,8792],()=>e(e.s=34121)),_N_E=e.O()}]);