https://app.wonderchat.io/_next/static/chunks/pages/auth/sign-in/keytrade-587ac699f61b3d3e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[530],{31961:function(e,r,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/sign-in/keytrade",function(){return n(31768)}])},31768:function(e,r,n){"use strict";n.r(r),n.d(r,{__N_SSP:function(){return w},default:function(){return C}});var t=n(85893),i=n(93108);n(36948);var o=n(79078),a=n(68519),l=n(93717),s=n(57747),c=n(5460),u=n(13990),d=n(40607),f=n(48783),m=n(71293),h=n(32883),g=n(75141),x=n(33299),p=n(46281),v=n(46939),j=n(12903),y=n(20512),b=n(11163),_=n(67294),w=!0;function C(e){let{providers:r}=e,n=(0,b.useRouter)(),[w,C]=(0,_.useState)(""),[k,N]=(0,_.useState)(!1),S=(0,_.useContext)(j.Z),{t:A}=(0,p.m)(),L=n.query;return(0,t.jsxs)(o.r,{h:"200px",templateColumns:"repeat(7, 1fr)",gap:4,children:[(0,t.jsx)(a.P,{colSpan:S.isWhitelabelled?7:{sm:7,md:3},children:(0,t.jsxs)(l.k,{alignItems:"center",justifyContent:"center",h:"100vh",flexDir:"column",children:[S.isWhitelabelled?(0,t.jsx)(s.xu,{maxW:"250px",children:(0,t.jsx)(c.E,{src:S.nameLogo,alt:"logo"})}):(0,t.jsx)(s.xu,{maxW:"250px",children:(0,t.jsx)(c.E,{cursor:"pointer",src:"/logo-name-new.png",alt:"wonderchat-logo",onClick:()=>n.push("https://wonderchat.io")})}),(0,t.jsx)(u.Z,{w:"325px",borderColor:"brand.500",borderWidth:"thin",shadow:"lg",color:"brand.500",mt:"6",children:(0,t.jsx)(d.e,{children:(0,t.jsxs)(f.g,{children:[(0,t.jsx)(y.J9,{initialValues:{email:""},onSubmit:async e=>{N(!0);let{callbackUrl:r,...n}=L;new URLSearchParams(n).set("authState","signedIn"),dataLayer.push({event:"login",login:{method:"email magic link",email:e.email,login_on:new Date}}),(0,x.signIn)("workos",void 0,{organization:"org_01JVYM2M79GHNSFM1TJ4PX7P2P"}),N(!1)},children:e=>{let{handleSubmit:r}=e;return(0,t.jsx)(y.l0,{onSubmit:r,style:{width:"100%"},children:(0,t.jsx)(i.z,{w:"full",type:"submit",isLoading:k,color:"brand.500",mt:"3",children:A("Login with Keytrade Bank SSO")})})}}),n.query.error&&(0,t.jsxs)(m.x,{fontSize:"12px",color:"red.500",px:"2",py:"1",rounded:"sm",textAlign:"center",children:["Error logging in, please try again.",(0,t.jsx)("br",{}),"Contact support if the issue persists"]}),!S.isWhitelabelled&&(0,t.jsxs)(s.xu,{textAlign:"center",fontSize:"xs",fontWeight:"500",color:"gray",children:["By signing in, you agree to our"," ",(0,t.jsx)(h.r,{color:"blue.500",href:"https://wonderchat.io/terms-of-service",target:"_blank",rel:"noreferrer",children:"Terms"})," ","&"," ",(0,t.jsx)(h.r,{color:"blue.500",href:"https://wonderchat.io/privacy-policy",target:"_blank",rel:"noreferrer",children:"Privacy Policy"})]})]})})}),window.location.href.includes("shopify-verify")&&window.location.href.includes("hmac")&&(0,t.jsx)(s.xu,{mb:"4",border:"1px",borderColor:"yellow.300",bgColor:"yellow.100",maxW:"60%",py:2,px:3,rounded:"md",mt:"8",children:(0,t.jsxs)(l.k,{alignItems:"center",gap:"2",children:[(0,t.jsx)(v.s,{color:"yellow.600",boxSize:"3"}),(0,t.jsx)(m.x,{fontSize:"xs",color:"yellow.700",children:"Your Shopify store will be connected to your Wonderchat account once you login / sign up!"})]})})]})}),!S.isWhitelabelled&&(0,t.jsx)(a.P,{colSpan:{sm:7,md:4},bgGradient:"linear(to-b, brand.500, brand.200)",children:(0,t.jsxs)(l.k,{alignItems:"center",justifyContent:"center",h:"full",w:"full",p:"12",flexDir:"column",color:"white",gap:"6",children:[(0,t.jsx)(m.x,{fontSize:"2xl",fontStyle:"italic",textAlign:"center",children:"“Ever since implementing Wonderchat on our site, I've seen up to a 70% reduction of customer support queries in my inbox.”"}),(0,t.jsxs)(l.k,{gap:"4",children:[(0,t.jsx)(g.q,{size:"lg",src:"https://framerusercontent.com/images/3fnVnlXnWBkKBSKRiJ5tQXLd8k.png"}),(0,t.jsxs)(l.k,{flexDir:"column",gap:"",justifyContent:"center",children:[(0,t.jsx)(m.x,{fontWeight:"bold",fontSize:"lg",children:"Bryce Conway"}),(0,t.jsx)(m.x,{children:"Founder and CEO of 10xTravel"})]})]})]})})]})}},11163:function(e,r,n){e.exports=n(43079)},88692:function(e,r,n){"use strict";n.d(r,{Z:function(){return t},d:function(){return i}});var[t,i]=(0,n(55227).k)({name:"AvatarStylesContext",hookName:"useAvatarStyles",providerName:"<Avatar/>"})},75141:function(e,r,n){"use strict";n.d(r,{q:function(){return p},O:function(){return x}});var t=n(88692),i=n(2169),o=n(85893);function a(e){var r;let n=e.split(" "),t=null!=(r=n[0])?r:"",i=n.length>1?n[n.length-1]:"";return t&&i?`${t.charAt(0)}${i.charAt(0)}`:t.charAt(0)}function l(e){let{name:r,getInitials:n,...a}=e,l=(0,t.d)();return(0,o.jsx)(i.m.div,{role:"img","aria-label":r,...a,__css:l.label,children:r?null==n?void 0:n(r):null})}l.displayName="AvatarName";var s=e=>(0,o.jsxs)(i.m.svg,{viewBox:"0 0 128 128",color:"#fff",width:"100%",height:"100%",className:"chakra-avatar__svg",...e,children:[(0,o.jsx)("path",{fill:"currentColor",d:"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"}),(0,o.jsx)("path",{fill:"currentColor",d:"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"})]}),c=n(47630),u=n(67294);function d(e){let{src:r,srcSet:n,onError:t,onLoad:a,getInitials:d,name:f,borderRadius:m,loading:h,iconLabel:g,icon:x=(0,o.jsx)(s,{}),ignoreFallback:p,referrerPolicy:v,crossOrigin:j}=e,y=(0,c.d)({src:r,onError:t,crossOrigin:j,ignoreFallback:p});

1return r&&"loaded"===y?(0,o.jsx)(i.m.img,{src:r,srcSet:n,alt:f,onLoad:a,referrerPolicy:v,crossOrigin:null!=j?j:void 0,className:"chakra-avatar__img",loading:h,__css:{width:"100%",height:"100%",objectFit:"cover",borderRadius:m}}):f?(0,o.jsx)(l,{className:"chakra-avatar__initials",getInitials:d,name:f}):(0,u.cloneElement)(x,{role:"img","aria-label":g})}d.displayName="AvatarImage";var f=n(16554),m=n(77030),h=n(33179),g=n(25432),x={display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",textTransform:"uppercase",fontWeight:"medium",position:"relative",flexShrink:0},p=(0,f.G)((e,r)=>{let n=(0,m.jC)("Avatar",e),[l,c]=(0,u.useState)(!1),{src:f,srcSet:p,name:v,showBorder:j,borderRadius:y="full",onError:b,onLoad:_,getInitials:w=a,icon:C=(0,o.jsx)(s,{}),iconLabel:k=" avatar",loading:N,children:S,borderColor:A,ignoreFallback:L,crossOrigin:E,referrerPolicy:G,...W}=(0,h.Lr)(e),I={borderRadius:y,borderWidth:j?"2px":void 0,...x,...n.container};return A&&(I.borderColor=A),(0,o.jsx)(i.m.span,{ref:r,...W,className:(0,g.cx)("chakra-avatar",e.className),"data-loaded":(0,g.PB)(l),__css:I,children:(0,o.jsxs)(t.Z,{value:n,children:[(0,o.jsx)(d,{src:f,srcSet:p,loading:N,onLoad:(0,g.v0)(_,()=>{c(!0)}),onError:b,getInitials:w,name:v,borderRadius:y,icon:C,iconLabel:k,ignoreFallback:L,crossOrigin:E,referrerPolicy:G}),S]})})});p.displayName="Avatar"},40607:function(e,r,n){"use strict";n.d(r,{e:function(){return s}});var t=n(6789),i=n(25432),o=n(16554),a=n(2169),l=n(85893),s=(0,o.G)(function(e,r){let{className:n,...o}=e,s=(0,t.v)();return(0,l.jsx)(a.m.div,{ref:r,className:(0,i.cx)("chakra-card__body",n),__css:s.body,...o})})},6789:function(e,r,n){"use strict";n.d(r,{Y:function(){return t},v:function(){return i}});var[t,i]=(0,n(16902).eC)("Card")},13990:function(e,r,n){"use strict";n.d(r,{Z:function(){return u}});var t=n(6789),i=n(25432),o=n(16554),a=n(33179),l=n(77030),s=n(2169),c=n(85893),u=(0,o.G)(function(e,r){let{className:n,children:o,direction:u="column",justify:d,align:f,...m}=(0,a.Lr)(e),h=(0,l.jC)("Card",e);return(0,c.jsx)(s.m.div,{ref:r,className:(0,i.cx)("chakra-card",n),__css:{display:"flex",flexDirection:u,justifyContent:d,alignItems:f,position:"relative",minWidth:0,wordWrap:"break-word",...h.container},...m,children:(0,c.jsx)(t.Y,{value:h,children:o})})})},24027:function(e,r,n){"use strict";n.d(r,{I:function(){return l}});var t=n(36948),i=n(16554),o=n(67294),a=n(85893);function l(e){let{viewBox:r="0 0 24 24",d:n,displayName:l,defaultProps:s={}}=e,c=o.Children.toArray(e.path),u=(0,i.G)((e,i)=>(0,a.jsx)(t.J,{ref:i,viewBox:r,...s,...e,children:c.length?c:(0,a.jsx)("path",{fill:"currentColor",d:n})}));return u.displayName=l,u}},46939:function(e,r,n){"use strict";n.d(r,{s:function(){return t}});var t=(0,n(24027).I)({d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"})},5460:function(e,r,n){"use strict";n.d(r,{E:function(){return s}});var t=n(16554),i=n(85893),o=(0,t.G)(function(e,r){let{htmlWidth:n,htmlHeight:t,alt:o,...a}=e;return(0,i.jsx)("img",{width:n,height:t,ref:r,alt:o,...a})});o.displayName="NativeImage";var a=n(47630),l=n(2169),s=(0,t.G)(function(e,r){let{fallbackSrc:n,fallback:t,src:s,srcSet:c,align:u,fit:d,loading:f,ignoreFallback:m,crossOrigin:h,fallbackStrategy:g="beforeLoadOrError",referrerPolicy:x,...p}=e,v=void 0!==n||void 0!==t,j=null!=f||m||!v,y=(0,a.d)({...e,crossOrigin:h,ignoreFallback:j}),b=(0,a.z)(y,g),_={ref:r,objectFit:d,objectPosition:u,...j?p:function(e,r=[]){let n=Object.assign({},e);for(let e of r)e in n&&delete n[e];return n}(p,["onError","onLoad"])};return b?t||(0,i.jsx)(l.m.img,{as:o,className:"chakra-image__placeholder",src:n,..._}):(0,i.jsx)(l.m.img,{as:o,src:s,srcSet:c,crossOrigin:h,loading:f,referrerPolicy:x,className:"chakra-image",..._})});s.displayName="Image"},47630:function(e,r,n){"use strict";n.d(r,{d:function(){return o},z:function(){return a}});var t=n(26245),i=n(67294);function o(e){let{loading:r,src:n,srcSet:o,onLoad:a,onError:l,crossOrigin:s,sizes:c,ignoreFallback:u}=e,[d,f]=(0,i.useState)("pending");(0,i.useEffect)(()=>{f(n?"loading":"pending")},[n]);let m=(0,i.useRef)(),h=(0,i.useCallback)(()=>

1{if(!n)return;g();let e=new Image;e.src=n,s&&(e.crossOrigin=s),o&&(e.srcset=o),c&&(e.sizes=c),r&&(e.loading=r),e.onload=e=>{g(),f("loaded"),null==a||a(e)},e.onerror=e=>{g(),f("failed"),null==l||l(e)},m.current=e},[n,s,o,c,a,l,r]),g=()=>{m.current&&(m.current.onload=null,m.current.onerror=null,m.current=null)};return(0,t.G)(()=>{if(!u)return"loading"===d&&h(),()=>{g()}},[d,h,u]),u?"loaded":d}var a=(e,r)=>"loaded"!==e&&"beforeLoadOrError"===r||"failed"===e&&"onError"===r},71293:function(e,r,n){"use strict";n.d(r,{x:function(){return u}});var t=n(16554),i=n(77030),o=n(33179),a=n(2169),l=n(25432),s=n(87052),c=n(85893),u=(0,t.G)(function(e,r){let n=(0,i.mq)("Text",e),{className:t,align:u,decoration:d,casing:f,...m}=(0,o.Lr)(e),h=(0,s.o)({textAlign:e.align,textDecoration:e.decoration,textTransform:e.casing});return(0,c.jsx)(a.m.p,{ref:r,className:(0,l.cx)("chakra-text",e.className),...h,...m,__css:n})});u.displayName="Text"},79078:function(e,r,n){"use strict";n.d(r,{r:function(){return a}});var t=n(16554),i=n(2169),o=n(85893),a=(0,t.G)(function(e,r){let{templateAreas:n,gap:t,rowGap:a,columnGap:l,column:s,row:c,autoFlow:u,autoRows:d,templateRows:f,autoColumns:m,templateColumns:h,...g}=e;return(0,o.jsx)(i.m.div,{ref:r,__css:{display:"grid",gridTemplateAreas:n,gridGap:t,gridRowGap:a,gridColumnGap:l,gridAutoColumns:m,gridColumn:s,gridRow:c,gridAutoFlow:u,gridAutoRows:d,gridTemplateRows:f,gridTemplateColumns:h},...g})});a.displayName="Grid"},32883:function(e,r,n){"use strict";n.d(r,{r:function(){return c}});var t=n(16554),i=n(77030),o=n(33179),a=n(2169),l=n(25432),s=n(85893),c=(0,t.G)(function(e,r){let n=(0,i.mq)("Link",e),{className:t,isExternal:c,...u}=(0,o.Lr)(e);return(0,s.jsx)(a.m.a,{target:c?"_blank":void 0,rel:c?"noopener":void 0,ref:r,className:(0,l.cx)("chakra-link",t),...u,__css:n})});c.displayName="Link"},48783:function(e,r,n){"use strict";n.d(r,{g:function(){return a}});var t=n(55281),i=n(16554),o=n(85893),a=(0,i.G)((e,r)=>(0,o.jsx)(t.K,{align:"center",...e,direction:"column",ref:r}));a.displayName="VStack"},68519:function(e,r,n){"use strict";n.d(r,{P:function(){return c}});var t=n(16554),i=n(2169),o=n(87052),a=n(33951),l=n(85893);function s(e){return(0,a.XQ)(e,e=>"auto"===e?"auto":`span ${e}/span ${e}`)}var c=(0,t.G)(function(e,r){let{area:n,colSpan:t,colStart:a,colEnd:c,rowEnd:u,rowSpan:d,rowStart:f,...m}=e,h=(0,o.o)({gridArea:n,gridColumn:s(t),gridRow:s(d),gridColumnStart:a,gridColumnEnd:c,gridRowStart:f,gridRowEnd:u});return(0,l.jsx)(i.m.div,{ref:r,__css:h,...m})});c.displayName="GridItem"},87052:function(e,r,n){"use strict";function t(e){let r=Object.assign({},e);for(let e in r)void 0===r[e]&&delete r[e];return r}n.d(r,{o:function(){return t}})}},function(e){e.O(0,[512,2888,9774,179],function(){return e(e.s=31961)}),_N_E=e.O()}]);