(self.webpackChunklite=self.webpackChunklite||[]).push([[4897],{92548:(e,n,i)=>{"use strict";i.d(n,{B:()=>c});var t=i(67294),a=i(77355),l=i(47230),r=i(14646),d=i(62528),o={from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},m=function(e){return function(n){return{width:"20px",height:"20px",borderRadius:"50%",borderWidth:"1px",borderStyle:"solid",borderColor:"".concat(n.colorTokens.border.neutral.tertiary.base," transparent ").concat(n.colorTokens.border.neutral.tertiary.base," ").concat(n.colorTokens.border.neutral.tertiary.base),animation:"".concat(e," 1s infinite linear;")}}},c=function(e){var n=e.buttonSize,i=void 0===n?"LARGE":n,c=e.buttonStyle,u=void 0===c?"STRONG":c,s=e.width,k=void 0===s?"100%":s,p=(0,r.I)(),v=function(){var e=(0,d.o)({keyframesName:o}).keyframesName;return t.createElement("div",{className:p(m(e))})},N=function(){return t.createElement(a.x,null,t.createElement(a.x,{display:"inline-block",float:"left",marginRight:"8px"},t.createElement(v,null)),t.createElement(a.x,{float:"left"},"Loading.."))};return t.createElement("div",{style:{cursor:"wait"}},t.createElement(l.zx,{buttonStyle:u,onClick:function(){return null},size:i,width:k,disabled:!0},t.createElement(N,null)))}},13156:(e,n,i)=>{"use strict";i.d(n,{B:()=>d});var t=i(87329),a=i(98007),l=i(95472),r=i(31579),d={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"NewsletterV3SubscribeButton_newsletterV3"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NewsletterV3"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"Field",name:{kind:"Name",value:"slug"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"user"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"Field",name:{kind:"Name",value:"username"}}]}},{kind:"Field",name:{kind:"Name",value:"collection"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"slug"}},{kind:"FragmentSpread",name:{kind:"Name",value:"SusiClickable_collection"}},{kind:"FragmentSpread",name:{kind:"Name",value:"collectionDefaultBackgroundTheme_collection"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"SusiClickable_newsletterV3"}},{kind:"FragmentSpread",name:{kind:"Name",value:"useNewsletterV3Subscription_newsletterV3"}}]}}].concat((0,t.Z)(a.Os.definitions),(0,t.Z)(l.Gi.definitions),(0,t.Z)(a.GB.definitions),(0,t.Z)(r.DI.definitions))}},41422:(e,n,i)=>{"use strict";i.d(n,{L:()=>r});var t=i(87329),a=i(95472),l=i(68216),r={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"NewsletterV3SubscribeByEmail_newsletterV3"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NewsletterV3"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"slug"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"user"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"Field",name:{kind:"Name",value:"username"}}]}},{kind:"Field",name:{kind:"Name",value:"collection"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"collectionDefaultBackgroundTheme_collection"}},{kind:"FragmentSpread",name:{kind:"Name",value:"collectionUrl_collection"}}]}}]}}].concat((0,t.Z)(a.Gi.definitions),(0,t.Z)(l.nf.definitions))}},4442:(e,n,i)=>{"use strict";i.d(n,{b:()=>t});var t={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"SendNewsletterSubscriptionAcctAuthEmailMutation"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"newsletterV3Id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"email"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"redirect"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"captchaValue"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"operation"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"sendNewsletterSubscriptionAcctAuthEmail"},arguments:[{kind:"Argument",name:{kind:"Name",value:"newsletterV3Id"},value:{kind:"Variable",name:{kind:"Name",value:"newsletterV3Id"}}},{kind:"Argument",name:{kind:"Name",value:"email"},value:{kind:"Variable",name:{kind:"Name",value:"email"}}},{kind:"Argument",name:{kind:"Name",value:"redirect"},value:{kind:"Variable",name:{kind:"Name",value:"redirect"}}},{kind:"Argument",name:{kind:"Name",value:"captchaValue"},value:{kind:"Variable",name:{kind:"Name",value:"captchaValue"}}},{kind:"Argument",name:{kind:"Name",value:"operation"},value:{kind:"Variable",name:{kind:"Name",value:"operation"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"SusiMethod"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"value"}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"BadRequest"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"message"}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"FailedChallenge"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"message"}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NotFound"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"message"}}]}}]}}]}}]}},83302:(e,n,i)=>{"use strict";i.d(n,{Q:()=>I});var t,a,l=i(34699),r=i(96156),d=i(64718),o=i(21919),m=i(67294),c=i(92210),u=i(92548),s=i(93717),k=i(18839),p=i(12890),v=i(98096),N=i(77355),f=i(21755),S=i(87691),g=i(66411),b=i(31889),y=i(40980),x=i(75221),h=i(43487),E=i(6855),F=i(17583),T=i(50458),w=i(3207),V=i(4442),D=i(43405),Z=i(20121);function j(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function O(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?j(Object(i),!0).forEach((function(n){(0,r.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}var C=(t={},(0,r.Z)(t,f.j.xl,"425px"),(0,r.Z)(t,f.j.lg,"425px"),(0,r.Z)(t,f.j.md,"375px"),(0,r.Z)(t,f.j.sm,"100%"),(0,r.Z)(t,f.j.xs,"100%"),t),A=(a={},(0,r.Z)(a,f.j.xl,"375px"),(0,r.Z)(a,f.j.lg,"375px"),(0,r.Z)(a,f.j.md,"325px"),(0,r.Z)(a,f.j.sm,"100%"),(0,r.Z)(a,f.j.xs,"100%"),a),I=function(e){var n=e.centerContent,i=void 0!==n&&n,t=e.newsletterV3,a=e.isVertical,r=e.handleClick,j=(0,b.F)(),I=(0,g.pK)(),_=(0,g.hp)(),R=(0,h.v9)((function(e){return e.config.authDomain})),B=(0,h.v9)((function(e){return e.navigation.currentLocation})),P=(0,h.v9)((function(e){return e.config.productName})),L=m.useState(""),G=(0,l.Z)(L,2),M=G[0],z=G[1],q=m.useState(""),U=(0,l.Z)(q,2),W=U[0],Y=U[1],H=m.useState(!1),K=(0,l.Z)(H,2),Q=K[0],$=K[1],J=m.useState(!1),X=(0,l.Z)(J,2),ee=X[0],ne=X[1],ie=m.useState(!1),te=(0,l.Z)(ie,2),ae=te[0],le=te[1],re=m.useState(!1),de=(0,l.Z)(re,2),oe=de[0],me=de[1],ce=m.useState(""),ue=(0,l.Z)(ce,2),se=ue[0],ke=ue[1],pe="register",ve=t.type===x.Rr.NEWSLETTER_TYPE_AUTHOR?"Subscribe":"Get this newsletter",Ne=null==B.match("http[s]?://[^/]*".concat(R)),fe=t.collection,Se=t.id,ge=t.slug,be=t.user,ye=(0,T.Zu)(Se),xe=fe?(0,T.iB)(ge,R,fe,(null==be?void 0:be.username)||""):B;(0,d.a)(Z.qz,{fetchPolicy:"no-cache",skip:!ye||Ne,onCompleted:function(e){var n=e.accountToken;return n&&ke((0,k.hQ)(xe,I,_,ye,n))}});var he=function(e){z(e),$(!0),setTimeout((function(){return $(!1)}),p.zn),ne(!1),le(!1)},Ee=function(){(0,E.J)(W)?(le(!0),ne(!0)):he("Enter a valid email address.")},Fe=function(){he("We couldn't process your request. Try again, or contact our support team.")},Te=(0,o.D)(V.b,{onCompleted:function(e){switch(e.sendNewsletterSubscriptionAcctAuthEmail.__typename){case"SusiMethod":Y(W),me(!0),r&&r();break;case"BadRequest":he("Enter a valid email address.");break;default:Fe()}},onError:Fe}),we=(0,l.Z)(Te,1)[0],Ve={newsletterV3Id:Se,email:W,operation:pe,redirect:se},De=(0,F.s)()||f.j.lg,Ze=t.type===x.Rr.NEWSLETTER_TYPE_AUTHOR?C:A;return m.createElement(v.f,{theme:(0,w.jN)(fe,j)},m.createElement(N.x,{alignItems:i?"center":"flex-start",display:"flex",flexDirection:"column",justifyContent:i?"center":"flex-start"},m.createElement(s.k,{callback:function(e){we({variables:O({captchaValue:e},Ve)})},shouldExecuteRecaptcha:ee,action:"mailing_list_signup"}),m.createElement(N.x,{display:oe?"none":"inline"},m.createElement(N.x,{alignItems:a?"flex-start":"flex-end",display:"flex",justifyContent:"space-between",flexDirection:a?"column":"row",sm:{alignItems:i?"center":"flex-start",flexDirection:"column",paddingTop:"16px"}},m.createElement(N.x,{marginTop:M?{lg:"25px",xl:"25px",md:"25px",sm:"0",xs:"0"}:void 0,width:a?"100%":{lg:void 0,xl:void 0,md:void 0,sm:"100%",xs:"100%"}},m.createElement(p.II,{errorMessage:M,handleInputChange:function(e){Y(e.target.value.trim())},handleSubmit:Ee,input:W,inputType:p.n$.EMAIL,isAnimating:Q,textAlign:"start",placeholder:"Your email",width:a?"100%":Ze[De],scale:"S"})),m.createElement(N.x,{marginBottom:"auto",marginLeft:a?"0":"15px",sm:{marginLeft:"0px",marginTop:"24px"},marginTop:a?"24px":void 0,flexShrink:"0"},ae?m.createElement(u.B,{newsletterV3Id:Se}):m.createElement(y.$,{eventData:{operation:pe}},m.createElement(c.w,{onClick:Ee,buttonText:ve,buttonStyle:"SUBTLE"})))),m.createElement(N.x,{marginTop:M?"10px":"20px",sm:{marginTop:"20px"}},m.createElement(S.F,{scale:"XS"},m.createElement(D.b,null)))),m.createElement(N.x,{display:oe?"inline":"none",marginBottom:"15px",marginTop:"5px",height:"75px"},m.createElement(S.F,{color:"DARKER",scale:"M"},P," sent you an email at ",W," to complete your subscription."))))}}}]);
//# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/4897.f4f96559.chunk.js.map