https://www.pilbaranews.com.au/static/js/RegistrationWall_b2de11448ca996ac6ac1.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4388],{34774:(function(ie,f,n){n.r(f),n.d(f,{RegistrationWall:function(){return m},default:function(){return V}});var y=n(59562),t=n(14041),C=n(36683),L=n(15516),d=n(86402),W=n(2537),v=n(81487),k=n(35537),I=n(22696);const B="regwall";function D(e,o){const s=o?`&${o.toLowerCase()}`:"";return`${e.origin}${e.pathname}?clickOrigin=${B}${s}`}var l=n(2182),P=n(22502),F=n(61907),r=n(19108),a=n(63533),c=n(65143);function oe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const N=(0,l.A)("form",{target:"e1mqgfr7",label:"StyledRegistrationWallForm"})(({theme:e})=>({display:"flex",flexBasis:(0,a.g)(300),flexShrink:1,flexGrow:1,flexDirection:"column",alignContent:"center",alignSelf:"center",padding:(0,a.g)(e.margins.md),margin:(0,a.g)(0,e.margins.lg),fontFamily:e.fonts.sansSerif,borderRadius:4,backgroundColor:r.T.white,color:(0,c.P)(e,{thewest:r.T.thewest.greyGorilla,fallback:"currentColor"}),boxShadow:`0 4px 9px 0 ${r.T.black25}`}),""),O=(0,l.A)("label",{target:"e1mqgfr6",label:"StyledLabel"})(({theme:e})=>({display:"block",fontSize:(0,a.g)(19),fontWeight:600,margin:(0,a.g)(0,0,e.margins.sm,0)}),""),p=(0,l.A)("input",{target:"e1mqgfr5",label:"StyledInput"})(({theme:e})=>({width:"100%",border:"none",backgroundColor:(0,c.P)(e,{thewest:r.T.thewest.greyMouse,sevennews:r.T.sevennews.alto,perthnow:r.T.perthnow.greyPyrite,fallback:void 0}),fontFamily:e.fonts.serif,fontSize:(0,a.g)(16),padding:(0,a.g)(13),marginBottom:(0,a.g)(e.margins.sm),"&:disabled":{pointerEvents:"none",cursor:"not-allowed",opacity:.5}}),""),M=(0,l.A)(P.$,{target:"e1mqgfr4",label:"StyledRegisterButton"})(({theme:e})=>({alignSelf:"center",margin:(0,a.g)(e.margins.sm,0,e.margins.md,0)}),""),S=(0,l.A)(F.v,{target:"e1mqgfr3",label:"StyledButtonLink"})({display:"block",fontSize:(0,a.g)(14)},""),z=(0,l.A)("span",{target:"e1mqgfr2",label:"LoginText"})({name:"16ceglb",styles:"font-weight:600"}),h=(0,l.A)("p",{target:"e1mqgfr1",label:"StyledRegistrationResponse"})(({theme:e})=>({fontSize:(0,a.g)(14),margin:(0,a.g)(e.margins.md,0,0,0),textAlign:"center"}),""),$=(0,l.A)("p",{target:"e1mqgfr0",label:"StyledTermsPrivacyText"})(({theme:e})=>({fontSize:(0,a.g)(14),margin:(0,a.g)(0,0,e.margins.md,0),textAlign:"center"}),""),G="Thanks for beginning your registration. So we can confirm your account, please check your email to complete the process.",b=({onEvent:e,eventPayload:o})=>{const[s]=(0,t.useState)(typeof window<"u"?window.location:null),R=(0,t.useContext)(C.Q),X=(0,t.useContext)(W.Y),Z=(0,I.q)(),[u,w]=(0,t.useState)(void 0),[q,E]=(0,t.useState)(!1),[x,A]=(0,t.useState)(""),[T,_]=(0,t.useState)(""),{onLoginClick:ee}=(0,k.BG)();async function te(g){g.preventDefault(),E(!0),e({type:y.b.breachScreenClick,originator:"breachscreen",payload:o});const ae=(0,L.hp)("_ga")||"",le={email:x,honeypot:T,state:(0,d.getEncodedState)({originUrl:D(s,ae),bypassStateCheck:!0}),client_id:R.auth?.clientId,redirect_uri:(0,d.getOidcCallbackURI)(location.origin,Z)},re=await(0,d.startRegistration)(R,X,le);w({isEmailValid:re}),E(!1)}function ne(){w(void 0),A("")}return t.createElement(N,{"data-testid":"BreachScreen-Regwall",onSubmit:te},t.createElement(O,{htmlFor:"email"},"Email address"),t.createElement(p,{name:"email",type:"email",placeholder:"[email protected]",value:x,required:!0,onChange:g=>A(g.target.value),disabled:!!u}),t.createElement(p,{hidden:!0,name:"address",value:T,type:"text",onChange:g=>_(g.target.value)}),u?u.isEmailValid?t.createElement(h,null,G):t.createElement(h,null,t.createElement(S,{onClick:ne},"Submitted email is invalid, please try again.")):t.createElement(t.Fragment,null,t.createElement($,null,"By clicking Register, you agree to the"," ",t.createElement(v.Y,{href:"https://thewest.com.au/terms",openInNewWindow:!0},"Terms of Use")," ","and"," ",t.createElement(v.Y,{href:"https://thewest.com.au/privacy-statement",openInNewWindow:!0},"Privacy\xA0Statement"),"."),t.createElement(M,{type:"submit",buttonWidth:"wide",disabled:q},"Register"),t.createElement(S,{onClick:()=>ee("breach-screen")}

1,"Already registered? ",t.createElement(z,null,"Login"))))};b.displayName="RegistrationWallForm";var U=n(53417),i=n(83490);const H=(0,l.A)("div",{target:"e1nv9lw33",label:"StyledRegistrationWall"})(({theme:e})=>({display:"flex",flexWrap:"wrap",justifyContent:"space-between",position:"relative",backgroundColor:r.T.thewest.westblue,color:r.T.white,zIndex:U.f.common.regWall.box,padding:(0,a.g)(e.margins.lg,0)}),""),Y=(0,l.A)("div",{target:"e1nv9lw32",label:"StyledRegistrationInfo"})(({theme:e})=>({flexBasis:(0,a.g)(230),flexGrow:1,padding:(0,a.g)(0,e.margins.lg,e.margins.md,e.margins.lg)}),""),j=e=>(0,c.P)(e,{sevennews:(0,i.ke)(320,1e3,24,30),perthnow:(0,i.ke)(320,1020,24,30),thewest:(0,i.ke)(320,1220,30,40),fallback:void 0}),J=(0,l.A)("h2",{target:"e1nv9lw31",label:"StyledTitle"})(({theme:e})=>({position:"relative",margin:(0,a.g)(0,0,e.margins.md,0),lineHeight:1.167,fontWeight:700,...j(e),...(0,i.xb)({theme:e,dividerColor:r.T.black})}),""),K=e=>(0,c.P)(e,{sevennews:(0,i.ke)(320,1e3,16,21),perthnow:(0,i.ke)(320,1020,16,21),thewest:(0,i.ke)(320,1220,16,21),fallback:void 0}),Q=(0,l.A)("p",{target:"e1nv9lw30",label:"StyledJoinMessage"})(({theme:e})=>({margin:(0,a.g)(e.margins.lg,0,e.margins.md),...K(e)}),""),m=({onEvent:e,position:o})=>{const s={paywallType:"freemium",leadDepth:o||0,creative:"registration wall - launch",breachScreenType:"Registration - Inline",popupMethod:"auto",deal:"",pricepoint:[]};return(0,t.useEffect)(()=>{e({type:y.b.breachScreenAvailable,originator:"breachscreen",payload:s})},[]),t.createElement(H,null,t.createElement(Y,null,t.createElement(J,null,"Be in ",t.createElement("br",null)," the know."),t.createElement(Q,null,"Register for free access to this article and a selection of others.")),t.createElement(b,{onEvent:e,eventPayload:s}))};m.displayName="RegistrationWall";var V=m})}]);
2
3//# sourceMappingURL=RegistrationWall_b2de11448ca996ac6ac1.js.map