(window.ansFrontendRelayWebpackJsonpFunction=window.ansFrontendRelayWebpackJsonpFunction||[]).push([["component-Modals-NUX"],{"+22L":function(e,n,t){"use strict";var a=t("rhDr"),l=t.n(a),i=t("q1tI"),o=t("AaDK"),r=t("nW6E"),s=t("Yc5t"),u=t("jufJ"),c=function(e){var n=e.children,t=e.stepType,a=e.isLastStep,c=e.isNextButtonDisabled,d=e.isNextButtonHidden,p=e.triggerTransition,g=e.titleText,m=e.overridenNextButtonText,f=l()(e,["children","stepType","isLastStep","isNextButtonDisabled","isNextButtonHidden","triggerTransition","titleText","overridenNextButtonText"]);return i.createElement(r.f,Object.assign({navButton:"none"},f,{primaryButtonProps:!d&&{text:m||Object(u.plaintextTranslate)(a?"Done":"Next"),onClick:p,disabled:c},titleText:a?Object(u.plaintextTranslate)("One Last Step"):g}),i.createElement(s.b,{onImpression:function(){Object(o.a)("nux_step_impression",{step_name:t})}},n))};c.displayName="NUXModalLayout",n.a=c},"8ezB":function(e,n,t){"use strict";t.d(n,"a",(function(){return p}));var a=t("a1D8"),l=t("tD6I"),i=t("Jz1U"),o=function(e,n,t,a){var l=0===n&&t||1===n&&!t?e.inline:e.block;return"center"===l?1:"nearest"===l?0:"start"===l?0===n?a?5:4:2:"end"===l?0===n?a?4:5:3:t?0===n?0:2:0===n?4:0},r=function(e,n,t,a,l,i,o,r){return i<e&&o>n||i>e&&o<n?0:i<=e&&r<=t||o>=n&&r>=t?i-e-a:o>n&&r<t||i<e&&r>t?o-n+l:0},s=function(e){return"visible"!==e&&"clip"!==e},u=function(e){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e);return s(n.overflowY)||s(n.overflowX)}return!1},c=function(e){var n=e.parentNode;return n&&(n.nodeType===Node.DOCUMENT_FRAGMENT_NODE?n.host:n)},d=function(e,n){if(e.ownerDocument.documentElement.contains(e)){for(var t=document.scrollingElement||document.documentElement,l=[],s=c(e);null!==s;s=c(s)){if(s===t){l.push(s);break}s===document.body&&u(s)&&!u(document.documentElement)||u(s)&&l.push(s)}for(var d=window.visualViewport?window.visualViewport.width:innerWidth,p=window.visualViewport?window.visualViewport.height:innerHeight,g=window.scrollX||window.pageXOffset,m=window.scrollY||window.pageYOffset,f=e.getBoundingClientRect(),k=f.height,y=f.width,w=f.top,b=f.right,h=f.bottom,S=f.left,v=getComputedStyle(e),F=v.writingMode||v.getPropertyValue("-webkit-writing-mode")||v.getPropertyValue("-ms-writing-mode")||"horizontal-tb",T=["horizontal-tb","lr","lr-tb","rl"].some((function(e){return e===F})),L=["vertical-rl","tb-rl"].some((function(e){return e===F})),_=o(n,0,T,L),I=o(n,1,T,L),x=function(){switch(I){case 2:case 0:return w;case 3:return h;default:return w+k/2}}(),C=function(){switch(_){case 1:return S+y/2;case 5:return b;default:return S}}(),E=[],O=function(){var e=j[K],l=e.getBoundingClientRect(),o=l.height,s=l.width,u=l.top,c=l.right,f=l.bottom,w=l.left,b=getComputedStyle(e),h=parseInt(b.borderLeftWidth,10),S=parseInt(b.borderTopWidth,10),v=parseInt(b.borderRightWidth,10),F=parseInt(b.borderBottomWidth,10),T=0,L=0,O="offsetWidth"in e?e.offsetWidth-e.clientWidth-h-v:0,N="offsetHeight"in e?e.offsetHeight-e.clientHeight-S-F:0;if(t===e){switch(I){case 2:T=x;break;case 3:T=x-p;break;case 1:T=x-p/2;break;case 0:T=r(m,m+p,p,S,F,m+x,m+x+k,k)}switch(_){case 4:L=C;break;case 5:L=C-d;break;case 1:L=C-d/2;break;case 0:L=r(g,g+d,d,h,v,g+C,g+C+y,y)}T=Math.max(0,T+m),L=Math.max(0,L+g)}else{switch(I){case 2:T=x-u-S;break;case 3:T=x-f+F+N;break;case 1:T=x-(u+o/2)+N/2;break;case 0:T=r(u,f,o,S,F+N,x,x+k,k)}switch(_){case 4:L=C-w-h;break;case 5:L=C-c+v+O;break;case 1:L=C-(w+s/2)+O/2;break;case 0:L=r(w,c,s,h,v+O,C,C+y,y)}var D=e.scrollLeft,A=e.scrollTop;T=Math.max(0,Math.min(A+T,e.scrollHeight-o+N)),L=Math.max(0,Math.min(D+L,e.scrollWidth-s+O)),x+=A-T,C+=D-L}E.push((function(){return Object(i.a)(e,Object(a.a)({},n,{top:T,left:L}))}))},K=0,j=l;K<j.length;K++)O();E.forEach((function(e){return e()}))}},p=function(e){if(!Object(l.b)()){var n=l.f.elementScrollIntoView;Object(l.c)((function(t){return t.scrollIntoView=function(){var t=arguments[0];return 1===arguments.length&&Object(l.a)(t)?d(this,Object(a.a)({},t,e)):n.apply(this,arguments)}}))}}},Jz1U:function(e,n,t){"use strict";t.d(n,"a",(function(){return i})),t.d(n,"b",(function(){return o}));var a=t("a1D8"),l=t("tD6I"),i=function(e,n){var t,a,i=l.f.elementScroll.bind(e);if(n.left!==undefined||n.top!==undefined){var o=e.scrollLeft,r=e.scrollTop,s=Object(l.d)(null!==(t=n.left)&&void 0!==t?t:o),u=Object(l.d)(null!==(a=n.top)&&void 0!==a?a:r);if("smooth"!==n.behavior)return i(s,u);var c=function(){window.removeEventListener("wheel",p),window.removeEventListener("touchmove",p)},d={timeStamp:Object(l.e)(),duration:n.duration,startX:o,startY:r,targetX:s,targetY:u,rafId:0,method:i,timingFunc:n.timingFunc,callback:c},p=function(){cancelAnimationFrame(d.rafId),c()};window.addEventListener("wheel",p,{passive:!0,once:!0}),window.addEventListener("touchmove",p,{passive:!0,once:!0}),Object(l.g)(d)}},o=function(e){if(!Object(l.b)()){var n=l.f.elementScroll;Object(l.c)((function(t){return t.scroll=function(){if(1===arguments.length){var t=arguments[0];if(!Object(l.a)(t))throw new TypeError("Failed to execute 'scroll' on 'Element': parameter 1 ('options') is not an object.");return i(this,Object(a.a)({},t,e))}return n.apply(this,arguments)}}))}}},SA9J:function(e,n,t){"use strict";t.r(n);var a={};t.r(a),t.d(a,"default",(function(){return w}));var l=t("iJoy"),i=t.n(l),o=t("8ZkK"),r=t.n(o),s=t("tQZz"),u=t.n(s),c=t("7eVb"),d=t.n(c),p=t("n3k3"),g=t.n(p),m=t("10u2"),f=t.n(m),k=function(){var e=[{kind:"LocalArgument",name:"stepType",type:"String!",defaultValue:null}],n=[{kind:"Variable",name:"stepType",variableName:"stepType"}],t={kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},a={kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},l={kind:"ScalarField",alias:null,name:"minTopicsToFollowForNuxStepCompletion",args:null,storageKey:null},i={platforms:["DESKTOP"]},o={kind:"Condition",passingValue:!0,isCustom:!0,customValue:i,condition:"onPlatform",selections:[{kind:"LinkedField",alias:null,name:"viewer",storageKey:null,args:null,concreteType:"Viewer",plural:!1,selections:[t,a,{kind:"LinkedField",alias:null,name:"user",storageKey:null,args:null,concreteType:"User",plural:!1,selections:[t,a,{kind:"ScalarField",alias:null,name:"numFollowedTopics",args:null,storageKey:null}]}]}]},r=[{kind:"Literal",name:"after",value:""},{kind:"Literal",name:"first",value:30},{kind:"Literal",name:"shownTids",value:[]},{kind:"Literal",name:"suggestionSeedTids",value:[]}];return{kind:"Request",fragment:{kind:"Fragment",name:"FollowInterestsStepQuery",type:"QueryRoot",metadata:null,argumentDefinitions:e,selections:[{kind:"LinkedField",alias:null,name:"nuxStep",storageKey:null,args:n,concreteType:null,plural:!1,selections:[t,a,{kind:"InlineFragment",type:"FollowInterestsStep",selections:[l,{kind:"FragmentSpread",name:"FollowInterestsStepList_followInterestsStep",args:null},o]}]}]},operation:{kind:"Operation",name:"FollowInterestsStepQuery",argumentDefinitions:e,selections:[{kind:"LinkedField",alias:null,name:"nuxStep",storageKey:null,args:n,concreteType:null,plural:!1,selections:[t,a,{kind:"InlineFragment",type:"FollowInterestsStep",selections:[l,{kind:"LinkedField",alias:null,name:"topicSuggestionsConnection",storageKey:'topicSuggestionsConnection(after:"",first:30,shownTids:[],suggestionSeedTids:[])',args:r,concreteType:"TopicSuggestionsConnection",plural:!1,selections:[t,a,{kind:"LinkedField",alias:null,name:"pageInfo",storageKey:null,args:null,concreteType:"PageInfo",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"endCursor",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"hasNextPage",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"edges",storageKey:null,args:null,concreteType:"TopicEdge",plural:!0,selections:[t,a,{kind:"LinkedField",alias:null,name:"node",storageKey:null,args:null,concreteType:"Topic",plural:!1,selections:[t,a,{kind:"ScalarField",alias:null,name:"tid",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isFollowing",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"name",args:null,storageKey:null},{kind:"Condition",passingValue:!0,isCustom:!0,customValue:i,condition:"onPlatform",selections:[{kind:"ScalarField",alias:null,name:"photoUrl",args:[{kind:"Literal",name:"size",value:200}],storageKey:"photoUrl(size:200)"}]}]},{kind:"ScalarField",alias:null,name:"cursor",args:null,storageKey:null}]}]},{kind:"LinkedHandle",alias:null,name:"topicSuggestionsConnection",args:r,handle:"connection",key:"FollowInterestsStepList_topicSuggestionsConnection",filters:[]},o]}]}]},params:{operationKind:"query",name:"FollowInterestsStepQuery",id:"29eb57b1c6472b82bacfda421211a69054efd83b69320d8ea9cd07185b117385",text:null,metadata:{}}}}();k.hash="fe5d9b796c89f945084d9ce2cdc8ca68";var y,w=k,b=t("q1tI"),h=t("jufJ"),S=t("RA+f"),v=t("AaDK"),F=t("+22L"),T=t("nwxp"),L=t("Xqoj"),_=t("/bbo"),I=!1,x=function(e){function n(e){var t,a,l,i,o;return r()(this,n),(o=d()(this,g()(n).call(this,e))).state={tidsFollowed:new Set,stepFollowedTopicsCount:Object(T.b)()&&null!==(t=null===(a=o.props.queryResult.nuxStep)||void 0===a||null===(l=a.viewer)||void 0===l||null===(i=l.user)||void 0===i?void 0:i.numFollowedTopics)&&void 0!==t?t:0},o}return f()(n,e),u()(n,[{key:"render",value:function(){var e=this;if(!this.props.queryResult.nuxStep)throw Error("nuxStep of Query Result is expected for FollowInterestsStep.");var n=this.props.queryResult.nuxStep.minTopicsToFollowForNuxStepCompletion;if(!n)throw Error("minTopicsToFollowForNuxStepCompletion of Query Result is expected for FollowInterestsStep.");var t=Math.max(0,n-this.state.stepFollowedTopicsCount);I||0!==t||(Object(v.a)("nux_follow_topics_next_button_enabled",{framework:"react"}),I=!0);var a=t>0?b.createElement(h.Translate,null,"Follow ",b.createElement(h.FormattedNumber,{value:t})," more",b.createElement(h.PluralTranslate,{value:t},{ONE:" topic",OTHER:" topics"}),Object(T.b)()&&" to continue"):Object(h.plaintextTranslate)(this.props.flowData.isLastStep?"Done":"Next");return b.createElement(F.a,{titleText:Object(T.b)()?Object(h.plaintextTranslate)("What are your interests?"):Object(h.plaintextTranslate)("Follow topics"),isLastStep:this.props.flowData.isLastStep,numInteractiveSteps:this.props.flowData.numInteractiveSteps,currentStepIdx:this.props.flowData.stepIdx,triggerTransition:this.props.triggerTransition,stepType:"follow_interests",isNextButtonDisabled:t>0,hasPadding:Object(T.b)(),overridenNextButtonText:Object(T.b)()&&a},b.createElement(S.e,{className:"puppeteer_test_follow_interests_step",mb:Object(T.e)()?"44px":undefined},Object(T.e)()&&b.createElement(S.e,{p:"medium"},b.createElement(h.Translate,null,"You are almost done! Select at least"," ",b.createElement(h.FormattedNumber,{value:n})," ",b.createElement(h.PluralTranslate,{value:n},{ONE:"topic",OTHER:"topics"})," ","so we can show you more stories you'll like.")),b.createElement(L.a,{followInterestsStep:this.props.queryResult.nuxStep,onTopicClicked:function(n,t){e.setState((function(e){return{tidsFollowed:t?new Set([].concat(i()(e.tidsFollowed),[n])):new Set(i()(e.tidsFollowed).filter((function(e){return e!=n}))),stepFollowedTopicsCount:e.stepFollowedTopicsCount+(t?1:-1)}}))}})),Object(T.e)()&&b.createElement(S.i,{bg:"white",fullX:!0,zIndex:"footer",bottom:0,p:"medium",boxShadow:"0 -5px 5px #fff"},b.createElement(_.a,{isFullWidth:!0,text:a,onClick:this.props.triggerTransition,disabled:t>0})))}}]),n}(b.Component);x.displayName="FollowInterestsStep",x.queries={onLoad:void 0!==y?y:y=a};n["default"]=x},VMwC:function(e,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return K}));var a={};t.r(a),t.d(a,"default",(function(){return w}));var l={};t.r(l),t.d(l,"default",(function(){return v}));var i=t("iJoy"),o=t.n(i),r=t("8ZkK"),s=t.n(r),u=t("tQZz"),c=t.n(u),d=t("7eVb"),p=t.n(d),g=t("n3k3"),m=t.n(g),f=t("10u2"),k=t.n(f),y=function(){var e=[{kind:"LocalArgument",name:"languageCodes",type:"[String!]!",defaultValue:null}],n=[{kind:"LinkedField",alias:null,name:"languagesAddAndRelevantTopicsFollow",storageKey:null,args:[{kind:"Variable",name:"languageCodes",variableName:"languageCodes"}],concreteType:"LanguagesAddAndRelevantTopicsFollow",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"success",args:null,storageKey:null}]}];return{kind:"Request",fragment:{kind:"Fragment",name:"LanguageStep_languagesAddAndRelevantTopicsFollow_Mutation",type:"MutationRoot",metadata:null,argumentDefinitions:e,selections:n},operation:{kind:"Operation",name:"LanguageStep_languagesAddAndRelevantTopicsFollow_Mutation",argumentDefinitions:e,selections:n},params:{operationKind:"mutation",name:"LanguageStep_languagesAddAndRelevantTopicsFollow_Mutation",id:"2e7aa926bbb9cab812403c9b859af95dd77f8bc2f515b32d05ecb4f260aa0570",text:null,metadata:{}}}}();y.hash="10f47c3a7fef6a27faf1c7a0087f0b34";var w=y,b=function(){var e=[{kind:"LocalArgument",name:"stepType",type:"String!",defaultValue:null}],n={kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},t={kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},a=[{kind:"LinkedField",alias:null,name:"nuxStep",storageKey:null,args:[{kind:"Variable",name:"stepType",variableName:"stepType"}],concreteType:null,plural:!1,selections:[n,t,{kind:"InlineFragment",type:"LanguageStep",selections:[{kind:"ScalarField",alias:null,name:"orderedWorldTopLanguageCodes",args:null,storageKey:null}]}]},{kind:"LinkedField",alias:null,name:"viewer",storageKey:null,args:null,concreteType:"Viewer",plural:!1,selections:[n,t,{kind:"ScalarField",alias:null,name:"preferredLanguageCodes",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"network",storageKey:null,args:null,concreteType:"Network",plural:!1,selections:[n,t,{kind:"ScalarField",alias:null,name:"contentLanguageCode",args:null,storageKey:null}]}];return{kind:"Request",fragment:{kind:"Fragment",name:"LanguageStepQuery",type:"QueryRoot",metadata:null,argumentDefinitions:e,selections:a},operation:{kind:"Operation",name:"LanguageStepQuery",argumentDefinitions:e,selections:a},params:{operationKind:"query",name:"LanguageStepQuery",id:"42d4a27d7838b064f4eb5722e512e9093ff2bd4ebe54c52d8ab38753289c6091",text:null,metadata:{}}}}();b.hash="81aef9c5d5e8525dad774443a556353e";var h,S,v=b,F=t("q1tI"),T=t("VyO/"),L=t("jufJ"),_=t("MI6j"),I=t("06DM"),x=t("cBSy"),C=t("RA+f"),E=t("rAPm"),O=t("+22L"),K=function(e){function n(e){var t,a,l,i;s()(this,n),(i=p()(this,m()(n).call(this,e))).userLanguageCodes=void 0,i.restOfWorldLanguageCodes=void 0;var o=i.props.queryResult,r=null===(t=o.network)||void 0===t?void 0:t.contentLanguageCode,u=null!==(a=null===(l=o.nuxStep)||void 0===l?void 0:l.orderedWorldTopLanguageCodes)&&void 0!==a?a:[],c=o.viewer.preferredLanguageCodes;return i.userLanguageCodes=c.filter((function(e){return e!==r&&Object(L.isLanguageNameSupported)(e)})),i.restOfWorldLanguageCodes=u.filter((function(e){return e!==r&&!c.includes(e)})),i.state={checkedLanguages:i.userLanguageCodes.map((function(e){return e.toUpperCase()}))},i}return k()(n,e),c()(n,[{key:"handleListItemClick",value:function(e){this.state.checkedLanguages.includes(e)?this.setState((function(n){return{checkedLanguages:n.checkedLanguages.filter((function(n){return n!==e}))}})):this.setState((function(n){return{checkedLanguages:[].concat(o()(n.checkedLanguages),[e])}}))}},{key:"render",value:function(){var e=this,t=function(n){return F.createElement(C.e,{className:"puppeteer_test_language_list_item",key:n},F.createElement(_.c,{key:n,mainText:F.createElement(L.LanguageName,{languageCode:n}),subText:F.createElement(L.LanguageName,{languageCode:n,nativeName:!0}),variant:"check",selected:e.state.checkedLanguages.includes(n.toUpperCase()),size:"dense",onClick:function(){e.handleListItemClick(n.toUpperCase())}}))};return F.createElement(T.a,{mutation:n.mutations.addLanguagesAndFollowRelevantTopicsMutation,variables:{languageCodes:this.state.checkedLanguages}},(function(n){return F.createElement(O.a,{titleText:Object(L.plaintextTranslate)("Add Languages"),isLastStep:e.props.flowData.isLastStep,numInteractiveSteps:e.props.flowData.numInteractiveSteps,currentStepIdx:e.props.flowData.stepIdx,hasPadding:!1,triggerTransition:function(){n(),e.props.triggerTransition()},stepType:"language"},F.createElement(C.e,{className:"puppeteer_test_language_step"},F.createElement(C.e,{p:"medium"},F.createElement(L.Translate,null,"What other languages do you know?")),e.userLanguageCodes.length>0&&F.createElement("div",null,F.createElement(I.a,{borderBottom:!1,titleText:Object(L.plaintextTranslate)("Suggested from browser settings")}),F.createElement(C.e,{className:"puppeteer_test_user_language_list"},F.createElement(x.a,null,e.userLanguageCodes.map(t))),F.createElement(I.a,{borderBottom:!1,titleText:Object(L.plaintextTranslate)("More languages")})),F.createElement(C.e,{className:"puppeteer_test_world_language_list"},F.createElement(x.a,null,e.restOfWorldLanguageCodes.map(t))),F.createElement(E.a,{mt:"tiny",mb:"small",px:"medium"},F.createElement(L.Translate,null,"Don't see your language here? You can add more languages from your profile page later."))))}))}}]),n}(F.Component);K.displayName="LanguageStep",K.queries={onLoad:void 0!==h?h:h=l},K.mutations={addLanguagesAndFollowRelevantTopicsMutation:void 0!==S?S:S=a}},Xqoj:function(e,n,t){"use strict";var a={};t.r(a),t.d(a,"default",(function(){return S}));var l={};t.r(l),t.d(l,"default",(function(){return F}));var i={};t.r(i),t.d(i,"default",(function(){return K}));var o={};t.r(o),t.d(o,"default",(function(){return R}));var r={};t.r(r),t.d(r,"default",(function(){return M}));var s=t("iJoy"),u=t.n(s),c=t("8ZkK"),d=t.n(c),p=t("tQZz"),g=t.n(p),m=t("7eVb"),f=t.n(m),k=t("n3k3"),y=t.n(k),w=t("10u2"),b=t.n(w),h=function(){var e=[{kind:"LocalArgument",name:"first",type:"Int",defaultValue:null},{kind:"LocalArgument",name:"cursor",type:"String",defaultValue:null},{kind:"LocalArgument",name:"shownTids",type:"[BigInt!]!",defaultValue:null},{kind:"LocalArgument",name:"suggestionSeedTids",type:"[BigInt!]!",defaultValue:null}],n=[{kind:"Literal",name:"stepType",value:"follow_interests"}],t={kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},a={kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},l={kind:"ScalarField",alias:null,name:"tid",args:null,storageKey:null},i={kind:"ScalarField",alias:null,name:"cursor",args:null,storageKey:null},o={kind:"LinkedField",alias:null,name:"pageInfo",storageKey:null,args:null,concreteType:"PageInfo",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"endCursor",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"hasNextPage",args:null,storageKey:null}]},r=[{kind:"Variable",name:"after",variableName:"cursor"},{kind:"Variable",name:"first",variableName:"first"},{kind:"Variable",name:"shownTids",variableName:"shownTids"},{kind:"Variable",name:"suggestionSeedTids",variableName:"suggestionSeedTids"}];return{kind:"Request",fragment:{kind:"Fragment",name:"FollowInterestsStepListQuery",type:"QueryRoot",metadata:null,argumentDefinitions:e,selections:[{kind:"LinkedField",alias:null,name:"nuxStep",storageKey:'nuxStep(stepType:"follow_interests")',args:n,concreteType:null,plural:!1,selections:[t,a,{kind:"InlineFragment",type:"FollowInterestsStep",selections:[{kind:"LinkedField",alias:"topicSuggestionsConnection",name:"__FollowInterestsStepList_topicSuggestionsConnection_connection",storageKey:null,args:null,concreteType:"TopicSuggestionsConnection",plural:!1,selections:[t,a,{kind:"LinkedField",alias:null,name:"edges",storageKey:null,args:null,concreteType:"TopicEdge",plural:!0,selections:[t,a,{kind:"LinkedField",alias:null,name:"node",storageKey:null,args:null,concreteType:"Topic",plural:!1,selections:[t,a,l,{kind:"FragmentSpread",name:"FollowInterestsListItem_topic",args:null}]},i]},o]}]}]}]},operation:{kind:"Operation",name:"FollowInterestsStepListQuery",argumentDefinitions:e,selections:[{kind:"LinkedField",alias:null,name:"nuxStep",storageKey:'nuxStep(stepType:"follow_interests")',args:n,concreteType:null,plural:!1,selections:[t,a,{kind:"InlineFragment",type:"FollowInterestsStep",selections:[{kind:"LinkedField",alias:null,name:"topicSuggestionsConnection",storageKey:null,args:r,concreteType:"TopicSuggestionsConnection",plural:!1,selections:[t,a,{kind:"LinkedField",alias:null,name:"edges",storageKey:null,args:null,concreteType:"TopicEdge",plural:!0,selections:[t,a,{kind:"LinkedField",alias:null,name:"node",storageKey:null,args:null,concreteType:"Topic",plural:!1,selections:[t,a,l,{kind:"ScalarField",alias:null,name:"isFollowing",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"name",args:null,storageKey:null},{kind:"Condition",passingValue:!0,isCustom:!0,customValue:{platforms:["DESKTOP"]},condition:"onPlatform",selections:[{kind:"ScalarField",alias:null,name:"photoUrl",args:[{kind:"Literal",name:"size",value:200}],storageKey:"photoUrl(size:200)"}]}]},i]},o]},{kind:"LinkedHandle",alias:null,name:"topicSuggestionsConnection",args:r,handle:"connection",key:"FollowInterestsStepList_topicSuggestionsConnection",filters:[]}]}]}]},params:{operationKind:"query",name:"FollowInterestsStepListQuery",id:"6b32e96ccc2f362c6a5d081cf00a68646a2c6c34a47e7f9e2f9897e412428ab1",text:null,metadata:{connection:[{count:"first",cursor:"cursor",direction:"forward",path:["nuxStep","topicSuggestionsConnection"]}]}}}}();h.hash="354cced29756adf1af3fba7d4e049e06";var S=h,v=function(){var e={kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},n={kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null};return{kind:"Fragment",name:"FollowInterestsStepList_followInterestsStep",type:"FollowInterestsStep",metadata:{connection:[{count:null,cursor:null,direction:"forward",path:["topicSuggestionsConnection"]}]},argumentDefinitions:[],selections:[e,n,{kind:"LinkedField",alias:"topicSuggestionsConnection",name:"__FollowInterestsStepList_topicSuggestionsConnection_connection",storageKey:null,args:null,concreteType:"TopicSuggestionsConnection",plural:!1,selections:[e,n,{kind:"LinkedField",alias:null,name:"pageInfo",storageKey:null,args:null,concreteType:"PageInfo",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"endCursor",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"hasNextPage",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"edges",storageKey:null,args:null,concreteType:"TopicEdge",plural:!0,selections:[e,n,{kind:"LinkedField",alias:null,name:"node",storageKey:null,args:null,concreteType:"Topic",plural:!1,selections:[e,n,{kind:"ScalarField",alias:null,name:"tid",args:null,storageKey:null},{kind:"FragmentSpread",name:"FollowInterestsListItem_topic",args:null}]},{kind:"ScalarField",alias:null,name:"cursor",args:null,storageKey:null}]}]}]}}();v.hash="381661c4d2dfab933481ff97d41f2074";var F=v,T=t("q1tI"),L=t("VyO/"),_=t("cBSy"),I=t("m+xM"),x=t("nwxp"),C=t("RA+f"),E=t("vOnD"),O=function(){var e=[{kind:"LocalArgument",name:"tid",type:"BigInt!",defaultValue:null}],n=[{kind:"LinkedField",alias:null,name:"topicFollowRemove",storageKey:null,args:[{kind:"Variable",name:"tid",variableName:"tid"}],concreteType:"TopicFollowRemove",plural:!1,selections:[{kind:"LinkedField",alias:null,name:"topic",storageKey:null,args:null,concreteType:"Topic",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isFollowing",args:null,storageKey:null}]}]}];return{kind:"Request",fragment:{kind:"Fragment",name:"FollowInterestsListItem_topicFollowRemove_Mutation",type:"MutationRoot",metadata:null,argumentDefinitions:e,selections:n},operation:{kind:"Operation",name:"FollowInterestsListItem_topicFollowRemove_Mutation",argumentDefinitions:e,selections:n},params:{operationKind:"mutation",name:"FollowInterestsListItem_topicFollowRemove_Mutation",id:"cc78e3eb864882990fa34ed759c3dce5d3080001cb9f4a162e65431f1194f468",text:null,metadata:{}}}}();O.hash="c4e37b4e1954424c2071dad13d4bd313";var K=O,j=function(){var e=[{kind:"LocalArgument",name:"tid",type:"BigInt!",defaultValue:null}],n=[{kind:"LinkedField",alias:null,name:"topicFollowAdd",storageKey:null,args:[{kind:"Variable",name:"tid",variableName:"tid"},{kind:"Literal",name:"useInNux",value:!0}],concreteType:"TopicFollowAdd",plural:!1,selections:[{kind:"LinkedField",alias:null,name:"topic",storageKey:null,args:null,concreteType:"Topic",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isFollowing",args:null,storageKey:null}]}]}];return{kind:"Request",fragment:{kind:"Fragment",name:"FollowInterestsListItem_topicFollowAdd_Mutation",type:"MutationRoot",metadata:null,argumentDefinitions:e,selections:n},operation:{kind:"Operation",name:"FollowInterestsListItem_topicFollowAdd_Mutation",argumentDefinitions:e,selections:n},params:{operationKind:"mutation",name:"FollowInterestsListItem_topicFollowAdd_Mutation",id:"2f6bdedcee2abebe813641303eb27506420afe4210e989f7adbee1cc2489db07",text:null,metadata:{}}}}();j.hash="f4de94c1abac5e73983ed82ad050b401";var N,D,A,R=j,V={kind:"Fragment",name:"FollowInterestsListItem_topic",type:"Topic",metadata:null,argumentDefinitions:[],selections:[{kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isFollowing",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"tid",args:null,storageKey:null},{kind:"Condition",passingValue:!0,isCustom:!0,customValue:{platforms:["DESKTOP"]},condition:"onPlatform",selections:[{kind:"ScalarField",alias:null,name:"photoUrl",args:[{kind:"Literal",name:"size",value:200}],storageKey:"photoUrl(size:200)"}]},{kind:"FragmentSpread",name:"TopicName_topic",args:null}],hash:"77518a0bf125489e76de46d9fcba6a60"},M=V,q=t("cecZ"),P=t("MI6j"),z=t("OMLc"),W=Object(E["default"])(C.f).withConfig({displayName:"FollowInterestsListItem___StyledClickWrapper",componentId:"li8d0a-0"})(["background-image:url(",');background-position:center;background-size:cover;&:after{content:" ";display:block;padding-bottom:100%;background-color:rgba(0,0,0,0.3);transition:background-color ease 180ms;border-radius:inherit;}&:hover:after{background-color:rgba(0,0,0,0.45);}'],(function(e){return e._css})),B=Object(E["default"])(C.g).withConfig({displayName:"FollowInterestsListItem___StyledCssComponent",componentId:"li8d0a-1"})(["transition-delay:",";"],(function(e){return e._css2})),Q=function(e){function n(e){var t;return d()(this,n),(t=f()(this,y()(n).call(this,e))).onClick=function(e){var n=t.props.topic.tid,a=t.state.isFollowing;e(),t.props.onClick(n,!a),t.setState({isFollowing:!a})},t.state={isFollowing:t.props.topic.isFollowing},t}return b()(n,e),g()(n,[{key:"getMutationOptions",value:function(){var e=this.props.topic,t=e.tid,a=this.state.isFollowing,l=a?n.mutations.topicFollowRemoveMutation:n.mutations.topicFollowAddMutation,i={tid:t},o={id:e.id,__typename:e.__typename,isFollowing:!a};return{mutation:l,variables:i,optimisticResponse:a?{topicFollowRemove:{topic:o}}:{topicFollowAdd:{topic:o}}}}},{key:"shouldComponentUpdate",value:function(e,n){return this.state.isFollowing!==n.isFollowing}},{key:"render",value:function(){var e=this,n=this.props,t=n.topic,a=n.itemSize,l=t.photoUrl,i=this.state.isFollowing;return T.createElement(L.a,this.getMutationOptions(),(function(n){return Object(x.b)()?T.createElement(W,{className:"puppeteer_test_follow_interests_list_item",onClick:function(){e.onClick(n)},position:"relative",flexBasis:"calc(".concat(16.6,"% - 8px)"),m:"tiny",bg:"black",boxShadow:"inset 0 -40px 20px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0,0,0,.1)",borderRadius:"small",userSelect:"none",_css:l},T.createElement(C.a,{bottom:"0",p:"tiny"},T.createElement(C.s,{bold:!0,color:"white",lineHeight:1.3,fontSize:"small",truncateLines:4},T.createElement(q.a,{topic:t}))),T.createElement(C.a,{borderRadius:"circle",top:"tiny",right:"tiny",p:"tiny",bg:i?"blue":"rgba(255, 255, 255, 0.75)",boxShadow:i?undefined:"inset 0 2px 4px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1)",size:32,transitionProperty:"background-color",transitionDuration:"50ms",transitionTimingFunction:"ease-out"},T.createElement(C.c,{"in":i},(function(e){return T.createElement(B,{animation:e,fadeIn:!0,fadeOut:!0,scaleIn:!0,scaleOut:!0,_css2:"entered"===e.state?"100ms":0},T.createElement(z.b,{color:"white",name:"Checkmark"}))})))):T.createElement(C.e,{className:"puppeteer_test_follow_interests_list_item",width:"100%"},T.createElement(P.c,{onClick:function(){e.onClick(n)},mainText:T.createElement(q.a,{topic:t}),variant:"check",selected:i,size:a||"regular"}))}))}}]),n}(T.Component);Q.displayName="FollowInterestsListItem",Q.fragments={topic:void 0!==N?N:N=r},Q.mutations={topicFollowAddMutation:void 0!==D?D:D=o,topicFollowRemoveMutation:void 0!==A?A:A=i};var H,U,X=Object(L.b)(Q),J=function(e){function n(e){var t;return d()(this,n),(t=f()(this,y()(n).call(this,e))).alreadyFetchedTids=new Set,t.checkedTids=new Set,t.itemSize=void 0,t.itemSize="regular",t}return b()(n,e),g()(n,[{key:"onTopicClicked",value:function(e,n,t,a){var l,i;n?this.alreadyFetchedTids.has(e)||(this.checkedTids.add(e),t&&a()):this.checkedTids["delete"](e),null===(l=(i=this.props).onTopicClicked)||void 0===l||l.call(i,e,n)}},{key:"getSeedTids",value:function(){var e=this;return u()(this.checkedTids).filter((function(n){return!e.alreadyFetchedTids.has(n)}))}},{key:"getVariables",value:function(){var e=this.getSeedTids();return this.alreadyFetchedTids=new Set([].concat(u()(this.alreadyFetchedTids),u()(e))),{shownTids:this.props.followInterestsStep.topicSuggestionsConnection.edges.map((function(e){return e.node.tid})),suggestionSeedTids:e}}},{key:"mergeResult",value:function(e,n){return Object.assign({},e,{nuxStep:Object.assign({},e.nuxStep,{topicSuggestionsConnection:Object.assign({},e.nuxStep.topicSuggestionsConnection,{edges:[].concat(u()(e.nuxStep.topicSuggestionsConnection.edges),u()(n.nuxStep.topicSuggestionsConnection.edges))})})})}},{key:"render",value:function(){var e,n,t=this,a=this.props,l=a.followInterestsStep,i=a.relay;if(0===(null!==(e=null===(n=l.topicSuggestionsConnection.edges)||void 0===n?void 0:n.length)&&void 0!==e?e:0))return null;var o=function(e){i?i.refetchConnection(30,null,{seedTids:t.getSeedTids()}):e()};return T.createElement(I.c,{relayObject:i,autoPaged:{enabled:!1},pagingIndicator:undefined,prefetchingEnabled:!1,connection:l.topicSuggestionsConnection,animated:!Object(x.b)(),listWrapper:function(e){return Object(x.b)()?T.createElement(C.j,{flexWrap:"wrap",m:"n_tiny"},e):T.createElement(_.a,null,e)}},(function(e){var n=e.index,a=e.readyToLoadMore,l=e.loadMore,i=e.node;return 0===n&&a&&t.getSeedTids().length>0&&o(l),T.createElement(X,{key:i.tid,topic:i,itemSize:Object(x.b)()?undefined:t.itemSize,onClick:function(e,n){t.onTopicClicked(e,n,a,(function(){return o(l)}))}})}))}}]),n}(T.Component);J.displayName="FollowInterestsStepList",J.fragments={followInterestsStep:void 0!==H?H:H=l},J.queries={loadMore:void 0!==U?U:U=a},J.connectionConfig={direction:"forward",getConnectionFromProps:function(e){return e.followInterestsStep&&e.followInterestsStep.topicSuggestionsConnection},getVariables:function(e,n,t){return{count:n.count,cursor:String(e.followInterestsStep.topicSuggestionsConnection.edges.length-1),shownTids:e.followInterestsStep.topicSuggestionsConnection.edges.map((function(e){return e.node.tid})),suggestionSeedTids:t.seedTids}},query:J.queries.loadMore};n.a=Object(L.d)(J)},a1D8:function(e,n,t){"use strict";function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},l=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(n){a(e,n,t[n])}))}return e}t.d(n,"a",(function(){return l}))},aMaN:function(e,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return C}));var a={};t.r(a),t.d(a,"default",(function(){return k}));var l=t("8ZkK"),i=t.n(l),o=t("tQZz"),r=t.n(o),s=t("7eVb"),u=t.n(s),c=t("n3k3"),d=t.n(c),p=t("10u2"),g=t.n(p),m=function(){var e={kind:"ScalarField",alias:null,name:"trackId",args:null,storageKey:null},n={kind:"ScalarField",alias:null,name:"linkData",args:null,storageKey:null};return{kind:"Request",fragment:{kind:"Fragment",name:"DownloadAppStepQuery",type:"QueryRoot",metadata:null,argumentDefinitions:[],selections:[{kind:"LinkedField",alias:null,name:"viewInAppLink",storageKey:null,args:null,concreteType:"ViewInAppLink",plural:!1,selections:[e,n]}]},operation:{kind:"Operation",name:"DownloadAppStepQuery",argumentDefinitions:[],selections:[{kind:"LinkedField",alias:null,name:"viewInAppLink",storageKey:null,args:null,concreteType:"ViewInAppLink",plural:!1,selections:[e,n,{kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null}]}]},params:{operationKind:"query",name:"DownloadAppStepQuery",id:"0755e5d378bd193b921cb0c0d96e26e793da0d28fd5ce52391226f8785f71ad9",text:null,metadata:{}}}}();m.hash="442464490f138d86b4492a667d0c83f8";var f,k=m,y=t("q1tI"),w=t("jufJ"),b=t("zLpq"),h=t("/bbo"),S=t("RA+f"),v=t("UyMh"),F=t("nwxp"),T=t("T5JH"),L=t("SKAY"),_=t("AaDK"),I=t("zXuH"),x=t("+22L"),C=function(e){function n(e){var t;return i()(this,n),(t=u()(this,d()(n).call(this,e))).deepLinkInfo=void 0,t.deepLinkGenerator=void 0,t.logEvent=function(e){var n=t.getDownloadAppLinkNuxStepInfo();n&&Object(_.a)("mweb_view_in_app_link_logger",{step:e,component:n.viewInAppLinkType,url:n.referrerLink,controller:Object(L.getSetting)("controller"),action:Object(L.getSetting)("action"),deepLinkId:n.deepLinkId,deepLink:n.deepLink,provider:n.provider})},t.getLinkToStore=function(){return t.getDownloadAppLinkNuxStepInfo().deepLink},t.onDownloadAppLinkClicked=function(){t.logEvent("click"),Object(v.b)(t.getLinkToStore())},t.deepLinkGenerator=new I.a(e.queryResult.viewInAppLink.trackId),t}return g()(n,e),r()(n,[{key:"getDownloadAppLinkNuxStepInfo",value:function(){if(this.deepLinkInfo)return this.deepLinkInfo;var e=JSON.parse(this.props.queryResult.viewInAppLink.linkData),n=this.deepLinkGenerator.getDeepLinkInfo({linkType:I.b.DOWNLOAD_APP_LINK_NUX_STEP,extraData:e});return this.deepLinkInfo=n,n}},{key:"componentDidMount",value:function(){this.logEvent("show")}},{key:"render",value:function(){var e=this;return y.createElement(x.a,{titleText:Object(w.plaintextTranslate)("Download App"),isLastStep:this.props.flowData.isLastStep,numInteractiveSteps:this.props.flowData.numInteractiveSteps,currentStepIdx:this.props.flowData.stepIdx,triggerTransition:this.props.triggerTransition,isNextButtonHidden:!0,stepType:"download_app"},y.createElement(S.e,{className:"puppeteer_test_download_app_step"},y.createElement(S.f,{width:"100%",onClick:this.onDownloadAppLinkClicked},y.createElement(T.a,{height:"250px",bgSize:"contain",bgColor:"white",src:F.m?"//qsf.fs.quoracdn.net/-4-ans_frontend_assets.images.app_download.app_download_ios.png-26-c0bc38376fde4e13.png":"//qsf.fs.quoracdn.net/-4-ans_frontend_assets.images.app_download.app_download_android.png-26-fb6779583c415b11.png",mb:"medium"})),y.createElement(S.e,{textAlign:"center"},y.createElement(S.s,{bold:!0,fontSize:"large"},y.createElement(w.Translate,null,"There's more to see"))),y.createElement(S.e,{textAlign:"center",mb:"medium"},y.createElement(w.Translate,null,"We are always updating the Quora app to be better than ever before. Take a look!")),y.createElement(h.a,{text:F.m?Object(w.plaintextTranslate)("Download the iOS app"):Object(w.plaintextTranslate)("Download the Android app"),isFullWidth:!0,mb:"small",onClick:this.onDownloadAppLinkClicked,className:"puppeteer_test_download_app_button"}),y.createElement(b.a,{text:Object(w.plaintextTranslate)("Not now"),onClick:function(){return e.props.triggerTransition()},className:"puppeteer_test_skip_download_button",isFullWidth:!0})))}}]),n}(y.Component);C.displayName="DownloadAppStep",C.queries={onLoad:void 0!==f?f:f=a}},"cPp+":function(e,n,t){"use strict";t.r(n);var a=t("q1tI"),l=t("jufJ"),i=t("EFAP"),o=t("RqIh"),r=t("nwxp"),s=t("RA+f"),u=t("td6z"),c=t("yju1"),d=t("VyO/"),p=t("+22L"),g=t("SpgY"),m=function(e){var n=e.triggerTransition,t=e.flowData;return Object(a.useEffect)((function(){t.pageType===o.a.home_feed_main&&(Object(d.c)({mutation:g["default"].mutations.nuxMarkComplete}),Object(r.g)()&&Object(c.a)("broadcastAllWebViews",{messageName:"refreshFeedAfterNux",data:{"null":null}})),setTimeout((function(){Object(r.g)()||t.pageType!==o.a.home_feed_main?n():window.location.reload()}),3e3)}),[t.pageType,n]),a.createElement(p.a,{titleText:Object(l.plaintextTranslate)("Loading your feed"),isLastStep:!1,triggerTransition:n,stepType:"spinner",isNextButtonDisabled:!0},a.createElement(s.e,{textAlign:"center",mb:"small",className:"puppeteer_test_spinner_step"},a.createElement(i.e.Consumer,null,(function(e){return e==o.a.answer?a.createElement(l.Translate,null,"Hold on while we find more great answers for you..."):Object(r.e)()?a.createElement(l.Translate,null,"You're all done! Creating your personalized feed..."):a.createElement(l.Translate,null,"Creating your personalized feed...")}))),a.createElement(u.c,null))};m.displayName="SpinnerStep",n["default"]=m},tD6I:function(e,n,t){"use strict";t.d(n,"b",(function(){return l})),t.d(n,"f",(function(){return i})),t.d(n,"c",(function(){return o})),t.d(n,"e",(function(){return r})),t.d(n,"g",(function(){return s})),t.d(n,"d",(function(){return u})),t.d(n,"a",(function(){return c}));var a=function(e){return.5*(1-Math.cos(Math.PI*e))},l=function(){return"scrollBehavior"in document.documentElement.style},i={_elementScroll:undefined,get elementScroll(){return this._elementScroll||(this._elementScroll=HTMLElement.prototype.scroll||HTMLElement.prototype.scrollTo||function(e,n){this.scrollLeft=e,this.scrollTop=n})},_elementScrollIntoView:undefined,get elementScrollIntoView(){return this._elementScrollIntoView||(this._elementScrollIntoView=HTMLElement.prototype.scrollIntoView)},_windowScroll:undefined,get windowScroll(){return this._windowScroll||(this._windowScroll=window.scroll||window.scrollTo)}},o=function(e){[HTMLElement.prototype,SVGElement.prototype,Element.prototype].forEach((function(n){return e(n)}))},r=function(){var e,n,t;return null!==(t=null===(n=null===(e=window.performance)||void 0===e?void 0:e.now)||void 0===n?void 0:n.call(e))&&void 0!==t?t:Date.now()},s=function d(e){var n=(r()-e.timeStamp)/(e.duration||500);if(n>1)return e.method(e.targetX,e.targetY),void e.callback();var t=(e.timingFunc||a)(n),l=e.startX+(e.targetX-e.startX)*t,i=e.startY+(e.targetY-e.startY)*t;e.method(l,i),e.rafId=requestAnimationFrame((function(){d(e)}))},u=function(e){return isFinite(e)?Number(e):0},c=function(e){var n=typeof e;return null!==e&&("object"===n||"function"===n)}}}]);