(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[75676],{535174:e=>{var t,i={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UnauthCloseupRelatedPins_pin",selections:[{alias:null,args:null,concreteType:"RichPinDataView",kind:"LinkedField",name:"richMetadata",plural:!1,selections:[{alias:null,args:null,concreteType:"ArticleMetadata",kind:"LinkedField",name:"article",plural:!1,selections:t=[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"RichPinProductMetadata",kind:"LinkedField",name:"products",plural:!0,selections:t,storageKey:null},{alias:null,args:null,concreteType:"RecipeMetadata",kind:"LinkedField",name:"recipe",plural:!1,selections:t,storageKey:null}],storageKey:null}],type:"Pin",abstractKey:null};i.hash="4252f821f63b8b09f45d828cfa4e62dc",e.exports=i},470131:(e,t,i)=>{i.d(t,{YD:()=>p,df:()=>u});var n=i(667294);function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}var o=new Map,a=new Map,s=0;function l(e){return Object.keys(e).sort().filter((function(t){return void 0!==e[t]})).map((function(t){return t+"_"+("root"===t?(i=e.root)?(a.has(i)||(s+=1,a.set(i,s.toString())),a.get(i)):"0":e[t]);var i})).toString()}function d(e,t,i){if(void 0===i&&(i={}),!e)return function(){};var n=function(e){var t=l(e),i=o.get(t);if(!i){var n,r=new Map,a=new IntersectionObserver((function(t){t.forEach((function(t){var i,o=t.isIntersecting&&n.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=o),null==(i=r.get(t.target))||i.forEach((function(e){e(o,t)}))}))}),e);n=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:a,elements:r},o.set(t,i)}return i}(i),r=n.id,a=n.observer,s=n.elements,d=s.get(e)||[];return s.has(e)||s.set(e,d),d.push(t),a.observe(e),function(){d.splice(d.indexOf(t),1),0===d.length&&(s.delete(e),a.unobserve(e)),0===s.size&&(a.disconnect(),o.delete(r))}}function c(e){return"function"!=typeof e.children}var u=function(e){var t,i;function o(t){var i;return(i=e.call(this,t)||this).node=null,i._unobserveCb=null,i.handleNode=function(e){i.node&&(i.unobserve(),e||i.props.triggerOnce||i.props.skip||i.setState({inView:!!i.props.initialInView,entry:void 0})),i.node=e||null,i.observeNode()},i.handleChange=function(e,t){e&&i.props.triggerOnce&&i.unobserve(),c(i.props)||i.setState({inView:e,entry:t}),i.props.onChange&&i.props.onChange(e,t)},i.state={inView:!!t.initialInView,entry:void 0},i}i=e,(t=o).prototype=Object.create(i.prototype),t.prototype.constructor=t,t.__proto__=i;var a=o.prototype;return a.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},a.componentWillUnmount=function(){this.unobserve(),this.node=null},a.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,i=e.root,n=e.rootMargin,r=e.trackVisibility,o=e.delay;this._unobserveCb=d(this.node,this.handleChange,{threshold:t,root:i,rootMargin:n,trackVisibility:r,delay:o})}},a.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},a.render=function(){if(!c(this.props)){var e=this.state,t=e.inView,i=e.entry;return this.props.children({inView:t,entry:i,ref:this.handleNode})}var o=this.props,a=o.children,s=o.as,l=o.tag,d=function(e,t){if(null==e)return{};var i,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],t.indexOf(i)>=0||(r[i]=e[i]);return r}(o,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView"]);return(0,n.createElement)(s||l||"div",r({ref:this.handleNode},d),a)},o}(n.Component);function p(e){var t=void 0===e?{}:e,i=t.threshold,r=t.delay,o=t.trackVisibility,a=t.rootMargin,s=t.root,l=t.triggerOnce,c=t.skip,u=t.initialInView,p=(0,n.useRef)(),h=(0,n.useState)({inView:!!u}),f=h[0],v=h[1],g=(0,n.useCallback)((function(e){void 0!==p.current&&(p.current(),p.current=void 0),c||e&&(p.current=d(e,(function(e,t){v({inView:e,entry:t}),t.isIntersecting&&l&&p.current&&(p.current(),p.current=void 0)}),{root:s,rootMargin:a,threshold:i,trackVisibility:o,delay:r}))}),[Array.isArray(i)?i.toString():i,s,a,l,c,o,r]);(0,n.useEffect)((function(){p.current||!f.entry||l||c||v({inView:!!u})}));var _=[g,f.inView,f.entry];return _.ref=_[0],_.inView=_[1],_.entry=_[2],_}u.displayName="InView",u.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1}},785539:(e,t,i)=>{i.d(t,{Z:()=>u});var n=i(52022),r=i(19121),o=i(867820),a=i(883119),s=i(785893);function l({interest:e,shouldWrapText:t,pageType:i}){var l,d,c;const{name:u,url:p,image:h}=e,f=(0,n.Z)(),v=!(0,r.Z)().isAuth&&h["70x"]?h["70x"]:h["474x"];return h&&v?(0,s.jsx)(a.rU,{onClick:()=>{(0,o.tj)(`mweb.unauth.suggested_interests_pill.${i}.touch`,{interest:u}),f({action:"click",item:"suggested-interest-pill"})},rounding:"pill",underline:"none",href:p,children:(0,s.jsx)(a.xu,{display:"flex",marginBottom:1,marginStart:1,overflow:"hidden",position:"relative",rounding:"pill","data-test-id":"suggested-interest-pill",children:(0,s.jsxs)(a.xu,{alignItems:"center",color:"secondary",display:"flex",height:50,width:"100%",children:[(0,s.jsx)(a.xu,{height:42,margin:1,minWidth:42,overflow:"hidden",rounding:"circle",width:42,children:(0,s.jsx)(a.Ee,{alt:"",fit:"cover",naturalHeight:null!==(l=v.height)&&void 0!==l?l:1,naturalWidth:null!==(d=v.width)&&void 0!==d?d:1,src:null!==(c=v.url)&&void 0!==c?c:""})}),(0,s.jsx)(a.xu,{marginEnd:4,marginStart:1,children:(0,s.jsx)(a.xv,{align:"start",overflow:t?"normal":"noWrap",size:"200",weight:"bold",children:u})})]})})}):null}var d=i(898781),c=i(50286);function u({interests:e,isFirstElement:t,pageType:i="plp"}){const r=(0,d.ZP)(),u=(0,c.HG)(),p=(0,n.Z)();let h="suggested-interests";return"plp"===i?h="related-pins-similar-ideas-title":"blp"===i&&(h="blp-similar-ideas-title"),(0,s.jsxs)(a.xu,{display:"flex",direction:"column",padding:1,marginTop:t?0:4,marginBottom:4,children:[(0,s.jsx)(a.xu,{marginBottom:2,"data-test-id":h,children:(0,s.jsx)(a.iP,{onTap:()=>{"plp"===i?((0,o.My)(`pcons.${u?"desktop":"mobile"}.related-pins-similar-ideas-title`),p({action:"click",item:"related-pins-similar-ideas-title"})):"blp"===i&&((0,o.My)(`pcons.${u?"desktop":"mobile"}.blp-similar-ideas-title`),p({action:"click",item:"blp-similar-ideas-title"}))},children:(0,s.jsx)(a.xv,{size:u?"200":"100",weight:"bold",align:"center",children:r._('Similar ideas popular now', 'Title of suggesting related topics module in the pin feeds.', 'unauth.relatedPins.suggested_ideas')})})}),e.map((e=>(0,s.jsx)(l,{interest:e,shouldWrapText:!0,pageType:i},e.name)))]})}},195620:(e,t,i)=>{i.r(t),i.d(t,{default:()=>z,getUnauthCloseupFeedResourceOptions:()=>L});var n=i(667294),r=i(702664),o=i(995389),a=i(87134),s=i(81198),l=i(785539),d=i(183007),c=i(982828),u=i(430323),p=i(248041),h=i(829407),f=i(538232),v=i(407043),g=i(50286),_=i(780280),y=i(883119),m=i(470131),x=i(785893);const b=new y.Ry(1),P=({header:e,feed:t,title:i,storyModules:r,onRelatedPinsTitleEnter:o,onRelatedPinsTitleExit:a})=>{const s=(0,p.Z)(),l=(0,g.HG)(),P=l?2:void 0,{isAuthenticated:w}=(0,_.B)(),{logContextEvent:R}=(0,v.v)(),j=(0,n.useRef)(),[k,S]=(0,m.YD)(),[E,I]=(0,n.useState)(!1),{clientTrackingParams:M,viewParameter:T}=(0,f.R)();(0,h.Z)((()=>{setTimeout((()=>{I(!0)}),1e3)})),(0,n.useEffect)((()=>{k&&s.scrollToPins(!1)}),[k,s]);const[A,V]=(0,n.useState)(!0);(0,n.useEffect)((()=>{s.isHidden&&S&&A&&(R({event_type:13,view_parameter:T,view_type:3,component:86}),V(!1))}),[s.isHidden,R,T,S,A]),(0,n.useEffect)((()=>{var e;s.isScrolledToPins&&(null===(e=j.current)||void 0===e||e.scrollIntoView({behavior:"smooth"}))}),[s.isScrolledToPins]);const B=l?24:76;return(0,x.jsxs)(n.Fragment,{children:[(0,x.jsx)(y.xu,{height:l?32:0}),s.isHidden?(0,x.jsx)(u.Z,{viewParameter:T,clientTrackingParams:M,component:86,view:3,children:(0,x.jsxs)(n.Fragment,{children:[!w&&l&&(0,x.jsx)(y.xu,{position:"fixed",left:!0,right:!0,marginBottom:4,display:"flex",justifyContent:"center",dangerouslySetInlineStyle:{__style:{bottom:B,transition:"all 200ms linear",transform:E&&!S?"none":`translateY(${B+48}px)`,opacity:E&&!S?1:0,pointerEvents:"none"}},zIndex:b,children:(0,x.jsx)(y.xu,{"data-test-id":"more-like-this-button",borderStyle:"shadow",rounding:"pill",dangerouslySetInlineStyle:{__style:{pointerEvents:"auto"}},children:(0,x.jsx)(y.zx,{color:"white",iconEnd:"arrow-down",text:i,size:"lg",onClick:()=>{var e;null===(e=j.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}})})}),(0,x.jsxs)(y.xu,{paddingX:P,"data-layout-shift-boundary-id":"UnauthRelatedPinsWithoutDrawer","data-test-id":"related-pins-without-drawer",children:[r,(0,x.jsx)(y.xu,{ref:j,dangerouslySetInlineStyle:{__style:{scrollMargin:24}},children:(0,x.jsx)(c.Z,{onEnter:o,onExit:a,children:e})}),(0,x.jsx)(y.xu,{ref:k,children:(0,x.jsx)(m.df,{as:"span",onChange:e=>{e&&I(!1)},children:t})})]})]})}):(0,x.jsx)(d.Z,{children:(0,x.jsxs)(y.xu,{paddingX:P,children:[e,t]})})]})};var w,R=i(898781),j=i(784590),k=i(667679),S=i(52022),E=i(62409),I=i(623568),M=i(965900),T=i(773285),A=i(350118),V=i(167912),B=i(276775);const L=({expBotPageSize:e,isBot:t,pinId:i,location:n,showPdp:r})=>{const{trafficSource:o,topLevelTrafficSource:a,topLevelTrafficSourceDepth:l}=(0,s.Z)(n);return{field_set_key:"unauth_react",page_size:t?e||25:12,pin:i,prepend:!1,add_vase:!0,search_query:void 0,show_seo_canonical_pins:!0,source:o,top_level_source:a,top_level_source_depth:l,show_pdp:r||!1}},O=({hasRichMetadata:e,hasRichMetadataProducts:t,hasRichMetadataArticle:i,hasRichMetadataRecipe:r,pinId:o,isVideoPin:s,pinJoinSeoRelatedInterests:d,isUnauthRelatedProductsExp:c})=>{const{isAuthenticated:u,isBot:p}=(0,_.B)(),f=(0,B.useLocation)(),{checkExperiment:v}=(0,T.F)(),y=(0,g.HG)(),[m,b]=(0,n.useState)(0),P=v("ff_reduce_plp_bot_feed",{dangerouslySkipActivation:!0}),w=(null==d?void 0:d.slice(0,5))||[],R=(0,k.Z)(),j=`related-pins:${o}`;let S="";!u&&!p&&y&&s&&v("unauth_desktop_related_pins_autoplay").anyEnabled&&(S=v("unauth_desktop_related_pins_autoplay").group);const{setIsAutoplay:I}=(0,M.I)(),A=S.split("_"),V=c?v("unauth_related_products").group:"";return(0,h.Z)((()=>{let e=0;A&&5===A.length&&(e=parseInt(A[3],10)),S.startsWith("enabled")&&setTimeout((()=>{I(!0)}),e)})),(0,x.jsx)(a.ZP,{feedItemsAdjustment:w.length>0&&!V.includes("square")?{type:"breakIn",value:{content:(0,x.jsx)(l.Z,{interests:w}),index:10}}:void 0,feedKey:j,duploUnauthRelatedPinsAutoplayExpGroup:S,unauthRelatedProductsExpGroup:V,squarePins:V.includes("square"),trafficSource:"pin",resourceConfig:{name:"RelatedPinFeedResource",options:L({expBotPageSize:P.anyEnabled?10:null,isBot:p,pinId:o,location:f,showPdp:c})},feedItemProps:{componentType:13007,objectIdStr:o,viewData:{pin_id:o},viewParameter:(0,E.CK)({hasRichMetadata:e,hasRichMetadataProducts:t,hasRichMetadataArticle:i,hasRichMetadataRecipe:r}),viewType:3,showSeoMetadata:!0,onPinLinkClick:R?e=>{m>2?(e&&e.preventDefault(),y&&R({reason:"UPSELL_LOGIN_OR_SIGNUP",attributionLabel:"tap_closeup_relatedPins",desktopOptions:{modalType:"signup",modalOptions:{source:"saveButton",container:"closeup"}}}),b(1)):b(m+1)}:void 0},serverRender:!0})};function C({pinId:e,isUnauthRelatedProductsExp:t}){var i,n,r,o,a,s,l;const{isBot:d}=(0,_.B)(),c=!(0,g.HG)()&&!d,u=(0,A.S6)()(e),p=(0,I.iR)(null==u?void 0:u.videos),{data:h}=(0,j.Z)(c?{name:"PinResource",options:{id:e,field_set_key:"unauth_ssr_lazy_load"}}:null),f=null!==(i=null!==(n=null==h||null===(r=h.pin_join)||void 0===r?void 0:r.seo_related_interests)&&void 0!==n?n:null==u||null===(o=u.pin_join)||void 0===o?void 0:o.seo_related_interests)&&void 0!==i?i:[];return(0,x.jsx)(O,{hasRichMetadata:Boolean(null==u?void 0:u.rich_metadata),hasRichMetadataProducts:Boolean(null==u||null===(a=u.rich_metadata)||void 0===a?void 0:a.products),hasRichMetadataArticle:Boolean(null==u||null===(s=u.rich_metadata)||void 0===s?void 0:s.article),hasRichMetadataRecipe:Boolean(null==u||null===(l=u.rich_metadata)||void 0===l?void 0:l.recipe),pinId:e,isVideoPin:p,pinJoinSeoRelatedInterests:f,isUnauthRelatedProductsExp:t})}const Z=void 0!==w?w:w=i(535174);function D({graphqlRef:e,pinId:t,isUnauthRelatedProductsExp:i}){var n,r,o,a,s;const l=(0,V.useFragment)(Z,e),{data:d}=(0,j.Z)({name:"ApiResource",options:{data:{fields:"pin.pin_join(),pinjoin.seo_related_interests"},url:`/v3/pins/${t}/`}}),c=null!==(n=null==d||null===(r=d.pin_join)||void 0===r?void 0:r.seo_related_interests)&&void 0!==n?n:[];return(0,x.jsx)(O,{hasRichMetadata:Boolean(l.richMetadata),hasRichMetadataProducts:Boolean(null===(o=l.richMetadata)||void 0===o?void 0:o.products),hasRichMetadataArticle:Boolean(null===(a=l.richMetadata)||void 0===a?void 0:a.article),hasRichMetadataRecipe:Boolean(null===(s=l.richMetadata)||void 0===s?void 0:s.recipe),pinId:t,pinJoinSeoRelatedInterests:c,isUnauthRelatedProductsExp:i})}const U=({storyId:e})=>{const t=(0,r.useSelector)((({stories:t})=>t[e])),{story_type:i,title:n}=t;if(i.startsWith("SKIN_TONE_FILTER_QUERIES")){const t=(null==n?void 0:n.args.query)||"";return(0,x.jsx)(y.xu,{marginBottom:8,children:(0,x.jsx)(o.Z,{titleFormat:(null==n?void 0:n.format)||"",titleArgsQuery:t})},`related-module-${e}`)}return null};function z({graphqlRef:e,onRelatedPinsTitleEnter:t,onRelatedPinsTitleExit:i,pinId:o,feedData:a,setFeedData:s,isProductPin:l}){const{checkExperiment:d}=(0,T.F)(),c=(0,S.Z)(),u=(0,R.ZP)(),p=(0,r.useSelector)((({feeds:e})=>e[`related-pins:${o}`])),{isBot:h,isAuthenticated:f}=(0,_.B)();(0,n.useEffect)((()=>{p&&0===p.length&&s&&s(!1)}),[p,s]);const v=a&&!h&&!f&&l&&d("unauth_related_products").anyEnabled||!1,g=l?u._('Shop Similar', 'mobilePinPage.relatedProducts.title', 'On web pin page, title for related products, feed made of products only'):u._('More like this', 'mobilePinPage.relatedPins.title', 'On mobile web pin page, title for related pins beneath pin closeup');return a&&(0,x.jsx)(P,{header:(0,x.jsx)(y.xu,{justifyContent:"center",display:"flex",marginTop:4,marginBottom:4,id:"relatedPins","data-test-id":"related-pins-header",children:(0,x.jsx)(y.X6,{size:"400",accessibilityLevel:2,children:(0,x.jsx)(y.iP,{onTap:()=>{c({action:"click",item:"related-pins-title"})},children:g})})}),title:g,storyModules:(Array.isArray(p)?p:[]).filter((({type:e})=>"story"===e)).slice(0,1).map((({id:e})=>(0,x.jsx)(U,{storyId:e},`story-module-${e}`))),feed:(0,x.jsx)(y.xu,{"data-test-id":"relatedPins",children:e?(0,x.jsx)(D,{graphqlRef:e,pinId:o,isUnauthRelatedProductsExp:v}):(0,x.jsx)(C,{pinId:o,isUnauthRelatedProductsExp:v})}),onRelatedPinsTitleEnter:t,onRelatedPinsTitleExit:i})}},81198:(e,t,i)=>{function n(e){const t=null==e?void 0:e.state;if(!t)return{trafficSource:"unknown",topLevelTrafficSource:"unknown",topLevelTrafficSourceDepth:1};const i=t.trafficSource||"unknown";return{trafficSource:i,topLevelTrafficSource:t.topLevelTrafficSource||("pin"===i?"unknown":i),topLevelTrafficSourceDepth:(t.topLevelTrafficSourceDepth||0)+1}}i.d(t,{Z:()=>n})}}]);
//# sourceMappingURL=https://sm.pinimg.com/webapp/UnauthCloseupRelatedPins-a1fd8444e96d659e.mjs.map