(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[40319],{844174:e=>{e.exports=function(e,n,t,i){for(var a=-1,o=null==e?0:e.length;++a<o;){var r=e[a];n(i,r,t(r),e)}return i}},481119:(e,n,t)=>{var i=t(989881);e.exports=function(e,n,t,a){return i(e,(function(e,i,o){n(a,e,t(e),o)})),a}},555189:(e,n,t)=>{var i=t(844174),a=t(481119),o=t(267206),r=t(701469);e.exports=function(e,n){return function(t,s){var l=r(t)?i:a,d=n?n():{};return l(t,e,o(s,2),d)}}},607739:(e,n,t)=>{var i=t(789465),a=t(555189),o=Object.prototype.hasOwnProperty,r=a((function(e,n,t){o.call(e,t)?e[t].push(n):i(e,t,[n])}));e.exports=r},940319:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var i=t(667294),a=t(116303),o=t(607739),r=t.n(o),s=t(391254),l=t(199324);const d=`\n.OpenTypeahead {\n  display: block;\n  visibility: hidden;\n  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);\n  background: #fff;\n  border-radius: 6px;\n  left: 0;\n  opacity: 0;\n  right: 0;\n  transition: visibility 0s, opacity .25s linear;\n  -webkit-transition: visibility 0s, opacity .25s linear;\n}\n.OpenTypeahead.flexible {\n  overflow-y: auto;\n}\n.OpenTypeahead.typeaheadWithTitles li a {\n  color: #4a4a4a;\n  font-size: 16px;\n  padding: 6px 15px;\n}\n.OpenTypeahead.typeaheadWithTitles li a:hover {\n  color: #4a4a4a;\n}\n.OpenTypeahead.typeaheadWithTitles li a.titleItem {\n  color: #999;\n  font-size: 10px;\n  font-weight: bold;\n  line-height: 12px;\n  margin-top: 5px;\n}\n.OpenTypeahead.typeaheadWithTitles li a.titleItem .typeaheadName {\n  text-transform: uppercase;\n}\n.OpenTypeahead.typeaheadWithTitles li a.clearRecentItem {\n  color: #ddd;\n  font-size: 12px;\n}\n.OpenTypeahead.typeaheadWithTitles li a.clearRecentItem:hover {\n  color: #777;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-1 {\n  color: #333;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-1.halloween {\n  color: #9b3fc3 !important;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-2 {\n  color: #666;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-2.halloween {\n  color: #a34ec7;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-3 {\n  color: #757575;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-3.halloween {\n  color: #ab5ecd;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-4 {\n  color: #838383;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-4.halloween {\n  color: #b36dd1;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-5 {\n  color: #909090;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-5.halloween {\n  color: #bb7dd7;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-6 {\n  color: #9f9f9f;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-6.halloween {\n  color: #c38cdb;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-7 {\n  color: #acacac;\n}\n.OpenTypeahead.typeaheadWithTitles li a.trending-7.halloween {\n  color: #cb9bdf;\n}\n.OpenTypeahead.typeaheadWithTitles .chevron {\n  float: right;\n  margin: 3px 0 0;\n}\n.OpenTypeahead.open {\n  animation: fadeIn .2s ease-out;\n  -webkit-animation: fadeIn .2 ease-out;\n  opacity: 1;\n  visibility: visible;\n}\n.OpenTypeahead.expanded {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: transparent;\n  border: 0;\n  box-shadow: none;\n  max-width: 1000px;\n}\n.OpenTypeahead.expanded .results ul {\n  float: left;\n  width: 33.3%;\n}\n.OpenTypeahead.expanded .cancelButton {\n  color: #fff;\n  font-size: 32px;\n  font-weight: 400;\n  position: absolute;\n  right: 20px;\n  top: 30px;\n}\n.OpenTypeahead.expanded.open {\n  animation: none;\n}\n.OpenTypeahead.expanded.showRecentQueries .recentQueriesHeader {\n  display: block;\n}\n.OpenTypeahead.expanded .recentQueriesHeader {\n  display: none;\n  padding-top: 20px;\n}\n.OpenTypeahead.expanded .recentQueriesHeader .title {\n  color: #fff;\n  font-size: 18px;\n  font-weight: 500;\n  padding-left: 10px;\n}\n.OpenTypeahead.expanded .recentQueriesHeader hr {\n  background-color: rgba(255, 255, 255, 0.18);\n  height: 1px;\n  margin-top: 25px;\n}\n.OpenTypeahead.expanded li:first-child, .OpenTypeahead.expanded li:last-child {\n  padding: 0;\n}\n.OpenTypeahead.expanded li a {\n  font-family: ${l.Z};\n  border-radius: 6px;\n  color: #b9b9b9;\n  font-size: 16px;\n  font-weight: 500;\n  padding: 15px 10px;\n}\n.OpenTypeahead.expanded li a.recentQuery, .OpenTypeahead.expanded li a.searchMore {\n  padding: 20px 10px;\n}\n.OpenTypeahead.expanded li a.searchMore {\n  font-size: 18px;\n}\n.OpenTypeahead.expanded li a .typeaheadSearchIcon em {\n  float: left;\n  margin-right: 10px;\n  margin-top: 4px;\n}\n.OpenTypeahead.expanded li a .typeaheadScope {\n  color: #fff;\n}\n.OpenTypeahead.expanded li.highlighted a,\n.OpenTypeahead.expanded li a:hover {\n  background-color: #262626;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 500;\n  padding: 15px 10px;\n}\n.OpenTypeahead.expanded li.highlighted a.recentQuery,\n.OpenTypeahead.expanded li.highlighted a.searchMore,\n.OpenTypeahead.expanded li a:hover.recentQuery,\n.OpenTypeahead.expanded li a:hover.searchMore {\n  padding: 20px 10px;\n}\n.OpenTypeahead.expanded li.highlighted a.searchMore,\n.OpenTypeahead.expanded li a:hover.searchMore {\n  font-size: 18px;\n}\n.OpenTypeahead.expanded li hr {\n  background-color: rgba(255, 255, 255, 0.18);\n  height: 1px;\n  margin: 5px;\n}\n.OpenTypeahead li {\n  overflow: hidden;\n  color: #777;\n  display: block;\n  font-size: 12px;\n  position: relative;\n}\n.OpenTypeahead li:first-child {\n  padding-top: 5px;\n}\n.OpenTypeahead li:last-child {\n  padding-bottom: 5px;\n}\n.OpenTypeahead li a {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: ${l.Z};\n  font-weight: bold;\n  color: #777;\n  cursor: pointer;\n  display: block;\n  padding: 9px 14px;\n}\n.OpenTypeahead li a:hover {\n  background: #f1f1f1;\n  color: #333;\n}\n.OpenTypeahead li a:active {\n  background: #eaeaea;\n}\n.OpenTypeahead li a {\n  overflow: hidden;\n  padding: 6px 10px;\n  white-space: nowrap;\n}\n.OpenTypeahead li.highlighted a {\n  background: rgba(0, 0, 0, 0.08);\n  color: #333;\n}\n.OpenTypeahead li:hover .remove {\n  display: inline;\n}\n.OpenTypeahead li .user, .OpenTypeahead li .board {\n  text-overflow: clip;\n}\n.OpenTypeahead li .user .typeaheadName, .OpenTypeahead li .board .typeaheadName {\n  box-sizing: border-box;\n  margin-left: -43px;\n  padding-left: 43px;\n}\n.OpenTypeahead li .user .typeaheadName .sublabel,\n.OpenTypeahead li .user .typeaheadName .label,\n.OpenTypeahead li .board .typeaheadName .sublabel,\n.OpenTypeahead li .board .typeaheadName .label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.OpenTypeahead.advanced li:first-child {\n  padding-top: 0;\n}\n.OpenTypeahead .results li:first-child .breakLine {\n  border-top: 0;\n}\n.OpenTypeahead .results .sectionHeader {\n  background: #f1f1f1;\n  cursor: default;\n}\n.OpenTypeahead .typeaheadImg {\n  position: relative;\n  display: inline-block;\n  margin-right: 5px;\n  vertical-align: middle;\n  width: 38px;\n}\n.OpenTypeahead .typeaheadImg::after {\n  border-radius: 2px;\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.9) inset;\n  content: " ";\n  height: 38px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 38px;\n}\n.OpenTypeahead .typeaheadImg img {\n  border-radius: 2px;\n  height: 38px;\n  width: 38px;\n}\n.OpenTypeahead .myPins {\n  color: #e60023;\n}\n.OpenTypeahead.gigantic li {\n  font-size: 16px;\n}\n.OpenTypeahead.gigantic li a {\n  font-weight: normal;\n}\n.OpenTypeahead .hintWrapper {\n  border-bottom: 1px solid #eee;\n  font-size: 13px;\n  padding-left: 12px;\n  padding-right: 12px;\n}\n.OpenTypeahead .hintWrapper .hint {\n  color: #333;\n}\n.OpenTypeahead .hintWrapper .highlighted {\n  color: #e60023;\n}\n.OpenTypeahead.addPlaceToPinForm {\n  margin-bottom: 14px;\n}\n.OpenTypeahead.addPlaceToPinForm li:first-child {\n  padding-top: 0;\n}\n.OpenTypeahead.addPlaceToPinForm li:last-child {\n  padding-bottom: 0;\n}\n.OpenTypeahead.addPlaceToPinForm li a {\n  border-bottom: 1px solid #eaeaea;\n  padding-bottom: 14px;\n  padding-top: 14px;\n}\n.OpenTypeahead.addPlaceToPinForm li .addToMap {\n  float: right;\n  visibility: hidden;\n}\n.OpenTypeahead.addPlaceToPinForm li .addToMap p {\n  margin: 0;\n}\n.OpenTypeahead.addPlaceToPinForm li.highlighted .addToMap,\n.OpenTypeahead.addPlaceToPinForm li:hover .addToMap {\n  visibility: visible;\n}\n.OpenTypeahead.addPlaceToPinForm li.highlighted a,\n.OpenTypeahead.addPlaceToPinForm li a:hover {\n  background: #f1f1f1 !important;\n}\n.OpenTypeahead.addPlaceToPinForm li:focus {\n  background: #fff;\n}\n.OpenTypeahead.addPlaceToPinForm li .typeaheadResultMetaData {\n  clear: both;\n  color: #999;\n  float: left;\n  font-size: 13px;\n  font-weight: normal;\n  margin: 1px 0 0;\n}\n.OpenTypeahead.addPlaceToPinForm li .typeaheadResultMetaData:first-child {\n  margin-top: 13px;\n}\n.OpenTypeahead.addPlaceToPinForm li .typeaheadResultMetaData,\n.OpenTypeahead.addPlaceToPinForm li .typeaheadResultEmphasized {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 336px;\n}\n.OpenTypeahead.addPlaceToPinForm li .typeaheadResultEmphasized {\n  color: #666;\n  float: left;\n  font-size: 13px;\n}\n.OpenTypeahead.userSelect {\n  background: #fff;\n  border-radius: 0 0 6px 6px;\n  border-top: 1px solid #ccc;\n  box-shadow: none;\n  margin: 0;\n  position: absolute;\n  text-align: left;\n}\n.OpenTypeahead.userSelect .highlighted a,\n.OpenTypeahead.userSelect a:hover {\n  background: #f1f1f1;\n}\n.OpenTypeahead.userSelect a:active {\n  background: #eaeaea;\n}\n.OpenTypeahead.userSelect .useEmail .typeaheadImg {\n  position: relative;\n}\n.OpenTypeahead.userSelect .useEmail .typeaheadImg::after {\n  border-radius: 3px;\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;\n  content: " ";\n  height: 38px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 38px;\n}\n.OpenTypeahead.userSelect .useEmail .typeaheadImg img {\n  border-radius: 3px;\n  height: 38px;\n  width: 38px;\n}\n.OpenTypeahead.userSelect li {\n  border-bottom: 1px solid #e5e5e5;\n}\n.OpenTypeahead.userSelect li:first-child, .OpenTypeahead.userSelect li:last-child {\n  padding-bottom: 0;\n  padding-top: 0;\n}\n.OpenTypeahead.userSelect li:last-child {\n  border-bottom: 0;\n}\n.OpenTypeahead.userSelect li a {\n  padding: 10px 14px;\n}\n.OpenTypeahead.userSelect .typeaheadImg {\n  float: left;\n  margin-right: 12px;\n}\n.OpenTypeahead.userSelect p {\n  margin: 0;\n}\n.OpenTypeahead.userSelect .typeaheadName {\n  color: #000;\n  font-size: 13px;\n  margin-bottom: 2px;\n  margin-top: 6px;\n}\n.OpenTypeahead.userSelect .titleWrapper {\n  font-size: 11px;\n}\n.OpenTypeahead.userSelect .titleWrapper .title {\n  display: inline-block;\n  margin-left: 5px;\n}\n.OpenTypeahead.userSelect .title {\n  font-family: ${l.Z};\n  color: #666;\n  font-weight: normal;\n  margin-left: 16px;\n  position: relative;\n  top: -1px;\n}\n.OpenTypeahead.userSelect .collaboratorInviterTypeahead {\n  fontsize: 14px;\n  padding: 7px;\n  width: 100%;\n}\n.OpenTypeahead.userSelect .collaboratorInviterTypeaheadCustom {\n  height: 230px;\n}\n.OpenTypeahead.addPinToMap.hidden {\n  display: none;\n}\n.OpenTypeahead.addPinToMap li:first-child {\n  padding-top: 0;\n}\n.OpenTypeahead.addPinToMap li:last-child {\n  padding-bottom: 0;\n}\n.OpenTypeahead.addPinToMap li a {\n  border-bottom: 1px solid #eaeaea;\n  padding-bottom: 21px;\n  padding-top: 21px;\n}\n.OpenTypeahead.addPinToMap li .addToMap {\n  float: right;\n  visibility: hidden;\n}\n.OpenTypeahead.addPinToMap li .addToMap p {\n  margin: 0;\n  padding-left: 14px;\n  padding-right: 14px;\n  width: auto;\n}\n.OpenTypeahead.addPinToMap li.highlighted .addToMap,\n.OpenTypeahead.addPinToMap li:hover .addToMap {\n  visibility: visible;\n}\n.OpenTypeahead.addPinToMap li.highlighted a,\n.OpenTypeahead.addPinToMap li a:hover {\n  background: #f1f1f1 !important;\n}\n.OpenTypeahead.addPinToMap li:focus {\n  background: #fff;\n}\n.OpenTypeahead.addPinToMap li .typeaheadResultMetaData {\n  clear: both;\n  color: #9a9a9a;\n  float: left;\n  font-size: 13px;\n  margin: 0;\n  margin-bottom: 0;\n  margin-top: -10px;\n}\n.OpenTypeahead.addPinToMap li .typeaheadResultMetaData:first-child {\n  margin-top: 13px;\n}\n.OpenTypeahead.addPinToMap li .typeaheadResultMetaData,\n.OpenTypeahead.addPinToMap li .typeaheadResultEmphasized {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 390px;\n}\n.OpenTypeahead.addPinToMap li .typeaheadResultEmphasized {\n  color: #333;\n  float: left;\n  font-size: 16px;\n}\n.OpenTypeahead.interestsTypeaheadItem .typeaheadImg {\n  float: left;\n}\n.OpenTypeahead.interestsTypeaheadItem .typeaheadSummary {\n  float: left;\n  margin-top: 3px;\n}\n.OpenTypeahead.interestsTypeaheadItem .typeaheadSummary .typeaheadName {\n  color: #000;\n  font-size: 15px;\n  font-weight: bold;\n  margin-bottom: 2px;\n}\n.OpenTypeahead.interestsTypeaheadItem .typeaheadSummary .typeaheadStats .numPinnersStat {\n  float: left;\n  font-size: 11px;\n  font-weight: normal;\n}\n.OpenTypeahead.userCircleSelect.compact > ul > li {\n  border-bottom: 0;\n}\n.OpenTypeahead.userCircleSelect.compact > ul > li a {\n  padding: 4px 8px;\n}\n.OpenTypeahead.userCircleSelect li {\n  border-bottom: 1px solid #e7e7e7;\n}\n.OpenTypeahead.userCircleSelect li:last-child {\n  border-bottom: 0;\n}\n.OpenTypeahead.userCircleSelect li a {\n  padding: 10px;\n}\n.OpenTypeahead.userCircleSelect li.highlighted a {\n  background-color: #eeeeee;\n}\n.OpenTypeahead.userCircleSelect li.selected .userCircleAvatar .left {\n  border: 2px solid #e60023;\n}\n.OpenTypeahead.userCircleSelect li.selected .userCircleAvatar .left img {\n  border: 2px solid #fff;\n}\n.OpenTypeahead.sendShareUserCircleSelect li {\n  border: 0;\n  padding: 0;\n}\n.OpenTypeahead.sendShareUserCircleSelect li a {\n  padding: 4px 20px;\n}\n.OpenTypeahead.sendShareUserCircleSelect li.highlighted a {\n  background-color: #eeeeee;\n}\n.OpenTypeahead .userCircleAvatar,\n.OpenTypeahead .sendToEmail,\n.OpenTypeahead .connectCta,\n.OpenTypeahead .socialConnect {\n  display: table;\n  width: 100%;\n}\n.OpenTypeahead .userCircleAvatar .left,\n.OpenTypeahead .sendToEmail .left,\n.OpenTypeahead .connectCta .left,\n.OpenTypeahead .socialConnect .left {\n  display: table-cell;\n}\n.OpenTypeahead .userCircleAvatar .right,\n.OpenTypeahead .sendToEmail .right,\n.OpenTypeahead .connectCta .right,\n.OpenTypeahead .socialConnect .right {\n  display: table-cell;\n  vertical-align: middle;\n  width: 100%;\n}\n.OpenTypeahead .userCircleAvatar .left {\n  border: 2px solid transparent;\n  border-radius: 50%;\n  min-width: 34px;\n  transition: border .15s ease-out;\n}\n.OpenTypeahead .userCircleAvatar .left img {\n  border: 0;\n  box-sizing: border-box;\n  transition: border .15s ease-out;\n}\n.OpenTypeahead .userCircleAvatar .right {\n  padding-left: 10px;\n}\n.OpenTypeahead .userCircleAvatar .title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #333;\n  font-weight: bold;\n  margin: 1px 0;\n}\n.OpenTypeahead .userCircleAvatar .subtitle {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #b7b7b7;\n  font-weight: normal;\n  margin: 2px 0 0;\n}\n.OpenTypeahead .userCircleAvatar img {\n  border-radius: 50%;\n  width: 34px;\n}\n.OpenTypeahead .sendToEmail.unclickable a {\n  cursor: default;\n}\n.OpenTypeahead .sendToEmail .left {\n  padding-right: 10px;\n}\n.OpenTypeahead .sendToEmail .left .icon {\n  font-family: ${l.Z};\n  "ＭＳ Ｐゴシック", arial, sans-serif;\n  background-color: #999;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 20px;\n  font-weight: bold;\n  height: 33px;\n  line-height: 33px;\n  margin-top: 1px;\n  text-align: center;\n  width: 33px;\n}\n.OpenTypeahead .sendToEmail .title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #333;\n  font-weight: bold;\n  margin: 1px 0;\n}\n.OpenTypeahead .sendToEmail .subtitle {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #b7b7b7;\n  font-weight: normal;\n  margin: 2px 0 0;\n}\n.OpenTypeahead .socialConnect .left {\n  padding-right: 10px;\n}\n.OpenTypeahead .socialConnect .left .icon {\n  height: 32px;\n  width: 32px;\n}\n.OpenTypeahead .socialConnect .left .icon em {\n  display: block;\n}\n.OpenTypeahead .socialConnect .title {\n  color: #8f8f8f;\n  font-weight: bold;\n  line-height: 32px;\n}\n.OpenTypeahead .connectCta .left {\n  padding-right: 10px;\n}\n.OpenTypeahead .connectCta .left .socialConnectCta {\n  display: block;\n}\n.OpenTypeahead .connectCta .title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #333;\n  font-weight: bold;\n  margin: 1px 0;\n}\n.OpenTypeahead .connectCta .subtitle {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #b7b7b7;\n  font-weight: normal;\n  margin: 2px 0 0;\n}\n.OpenTypeahead.sendShare .userCircleAvatar .right,\n.OpenTypeahead.sendShare .sendToEmail .right,\n.OpenTypeahead.sendShare .connectCta .right {\n  height: 32px;\n}\n.OpenTypeahead.sendShare .sendToEmail .icon {\n  height: 32px;\n  line-height: 32px;\n  width: 32px;\n}\n.OpenTypeahead.sendShare .connectCta .socialConnectCta {\n  height: 32px;\n  width: 32px;\n}\n.OpenTypeahead.sendShare .title {\n  white-space: normal;\n  width: 258px;\n}\n.OpenTypeahead.sendShareBrio .userCircleAvatar .right,\n.OpenTypeahead.sendShareBrio .sendToEmail .right,\n.OpenTypeahead.sendShareBrio .connectCta .right {\n  height: 44px;\n}\n.OpenTypeahead.sendShareBrio .sendToEmail .left {\n  margin-right: 12px;\n}\n.OpenTypeahead.sendShareBrio .sendToEmail .left .icon {\n  height: 44px;\n  line-height: 44px;\n  width: 44px;\n}\n.OpenTypeahead.sendShareBrio .sendToEmail .right {\n  padding-top: 5px;\n}\n.OpenTypeahead.sendShareBrio .sendToEmail .right .title {\n  color: #333;\n  font-size: 18px;\n  line-height: 20px;\n}\n.OpenTypeahead.sendShareBrio .sendToEmail img {\n  width: 44px;\n}\n.OpenTypeahead.sendShareBrio .connectCta .socialConnectCta {\n  height: 44px;\n  margin-top: 0;\n  width: 44px;\n}\n.OpenTypeahead .lightText {\n  color: #999;\n}\n.OpenTypeahead .board .typeaheadImg::after {\n  border-radius: none;\n  box-shadow: none;\n}\n.OpenTypeahead .board .typeaheadImg img {\n  border-radius: 6px;\n}\n.OpenTypeahead .typeaheadName {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n  vertical-align: middle;\n  width: 100%;\n}\n.OpenTypeahead .typeaheadName .subLabel {\n  color: #999;\n  font-size: 10px;\n  font-weight: normal;\n}\n.OpenTypeahead .typeaheadName.hasImage {\n  width: 273px;\n}\n.OpenTypeahead .verifiedIdentifyIcon {\n  display: inline-block;\n  font: 0 / 0 serif;\n  text-shadow: none;\n  color: transparent;\n}\n.OpenTypeahead .footer {\n  height: 105px;\n}\n`;var p=t(134951),c=t(254469),h=t(233803),u=t(407043),g=t(898781),y=t(883119),m=t(785893);function x(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v({story:e,onBlur:n}){const{logContextEvent:t}=(0,u.v)(),{objects:i,story_type:a,title:o}=e;return"shopping_spotlight"===a?(0,m.jsxs)(y.xu,{padding:4,children:[(0,m.jsx)(y.xv,{children:o.format}),(0,m.jsx)(y.xu,{marginTop:2,children:(0,m.jsx)(y.kC,{direction:"row",gap:2,wrap:!0,children:i.map(((e,i)=>(0,m.jsx)(p.Z,{bubble:e,height:h.Ny,onClick:()=>{null==n||n(),t({component:200,event_type:101,view_parameter:3467,view_type:2,aux_data:{article_id:e.id,autocomplete_type:"recommended_article",story_type:a}})},onMouseDown:({event:e})=>e.preventDefault(),slotIndex:i,viewParameter:3467,viewType:2,width:h.Ny},`ss-bubble-${i}`)))})})]}):null}class T extends i.Component{constructor(...e){super(...e),x(this,"getListItem",((e,n,t)=>(0,m.jsx)("li",{onBlur:()=>{},onClick:()=>this.handleOnClick(n),onFocus:()=>this.props.onHover(n),onMouseDown:e=>{e.preventDefault()},onMouseOut:e=>{e.preventDefault()},onMouseOver:()=>this.props.onHover(n),children:e},t))),x(this,"handleKeyDown",(e=>{let n;const t=this.props.hoverItem,i=this.props.value?this.state.typeaheadSuggestions:this.props.emptySuggestions;return"ArrowUp"===e.key&&(n=t?0===i.indexOf(t)?void 0:i[i.indexOf(t)-1]:i[i.length-1]),n})),x(this,"handleOnClick",(e=>{this.props.onTypeaheadItemSelected(e,this.props.value)}))}render(){const{emptySuggestions:e,focused:n,hoverItem:t,i18n:o,maxHeight:l,typeaheadSuggestions:p,value:c,onBlur:h}=this.props,u=["OpenTypeahead","typeaheadWithTitles",n?"open":""].filter(Boolean).join(" "),g=n&&l?{maxHeight:l,overflowY:"auto"}:void 0,x=["query","user"],T={user:o.bt("用户", "People", " - ", undefined, true)},f=[];if(c){const e=p,n=r()(e,(e=>e.type));let i=0;x.forEach((e=>{n[e]&&("query"!==e&&(f.push((0,m.jsx)("li",{children:(0,m.jsx)("a",{className:"titleItem",style:{cursor:"default",backgroundColor:"inherit"},children:(0,m.jsx)(y.xv,{size:"100",children:T[e]})})},i)),i+=1),n[e].forEach((e=>{let n;e.resultIndex=e.resultIndex||i;const o={backgroundColor:t===e?"#f1f1f1":"inherit",color:e.color?e.color:"",display:"flex"},r=e.label||"";switch(e.type){case"query":const t=c.toLowerCase();let i,s;0===r.indexOf(c)?(i=t,s=(r||"").slice(t.length)):s=r,n=(0,m.jsx)("a",{style:o,children:(0,m.jsxs)("span",{className:"typeaheadName",children:[(0,m.jsx)("span",{className:"darkText",children:i}),(0,m.jsx)("span",{className:"lightText",children:s})]})});break;case"user":n=(0,m.jsxs)("a",{className:"user",style:o,children:[(0,m.jsx)(y.xu,{marginEnd:2,children:(0,m.jsx)(a.Z,{name:r||"",size:"sm",src:e.image})}),(0,m.jsxs)("span",{className:"typeaheadName",children:[(0,m.jsx)("div",{className:"label",children:r}),(0,m.jsx)("div",{className:"subLabel",children:e.subLabel})]})]});break;case"board":n=(0,m.jsxs)("a",{className:"board",style:o,children:[(0,m.jsx)("span",{className:"typeaheadImg",children:(0,m.jsx)("img",{alt:"",src:e.image})}),(0,m.jsxs)("span",{className:"typeaheadName",children:[(0,m.jsx)("div",{className:"label",children:r}),(0,m.jsx)("div",{className:"subLabel",children:e.subLabel})]})]})}f.push(this.getListItem(n,e,i)),i+=1})))}))}else e.forEach((e=>{f.push((0,m.jsx)(v,{story:e,onBlur:h}))}));return(0,m.jsxs)(i.Fragment,{children:[(0,m.jsx)(s.Z,{unsafeCSS:d}),(0,m.jsx)("div",{className:u,onKeyDown:this.handleKeyDown,style:{borderRadius:"16px",margin:"50px 0px 0px",position:"absolute",top:0},children:(0,m.jsx)("ul",{className:"results",onBlur:this.props.onTypeaheadMouseOut,onMouseOut:this.props.onTypeaheadMouseOut,style:g,children:f})})]})}}function f(e){const n=(0,g.ZP)(),t=(0,c.Z)({resourceName:"AdvancedTypeaheadResource",value:e.value});return(0,i.useEffect)((()=>{null!=t&&t.length&&e.onTypeaheadSuggestionsChange(t)}),[t]),(0,m.jsx)(T,{...e,i18n:n})}},613316:(e,n,t)=>{function i(e){return[0,24,21,26].includes(e)}function a({articleType:e,id:n,title:t}){const i=t.toLowerCase().replace(/[.,\/#!?$%\^&\*+;:{}=\-_`~()\’'"]/g,"").trim().replace(/\s+/g,"-");return"today"===e?`/today/shop/${i}/${n}/`:`/discover/article/${i}/${n}/`}t.d(n,{x:()=>a,y:()=>i})},366428:(e,n,t)=>{t.d(n,{F:()=>d,Z:()=>l});var i=t(667294),a=t(124580),o=t(407043),r=t(773285);const s={ActivationCard:{impressionType:"activationCardImpressions",idType:"experienceIdStr",eventType:8547},Article:{impressionType:"articleImpressions",idType:"articleIdStr",eventType:3829},Banner:{impressionType:"bannerImpressions",idType:"userIdStr",eventType:9061},Board:{impressionType:"boardImpressions",idType:"boardIdStr",eventType:3700},Comment:{impressionType:"commentImpressions",idType:"commentIdStr",eventType:9127},Guide:{impressionType:"guideImpressions",idType:"term",eventType:7573},Interest:{impressionType:"topicImpressions",idType:"topicIdStr",eventType:3703},News:{impressionType:"newsHubData",idType:"newsIdStr",eventType:4110},OneBar:{impressionType:"oneBarImpressions",idType:"onebarIdStr",eventType:9993},Pin:{impressionType:"pinImpressions",idType:"pinIdStr",eventType:18},Search:{impressionType:"searchImpressions",idType:"term",eventType:3803},Story:{impressionType:"storyImpression",idType:"idStr",eventType:170},TodayArticle:{impressionType:"todayArticleImpressions",idType:"todayArticleIdStr",eventType:8569},User:{impressionType:"userImpressions",idType:"userIdStr",eventType:3704}};function l({carouselData:e,closeupImpressionType:n,closeupNavigationType:t,componentType:l,contextLogData:d,clientTrackingParams:p,elementType:c,impressionAuxFields:h,inImpressionExp:u,impressionType:g,impressionsFramework:y,isPaused:m,loggingId:x,objectIdStr:v,slotIndex:T,trackCarousel:f,viewData:_,viewParameter:b,viewType:w}){const{logContextEvent:I}=(0,o.v)(),{checkExperiment:S}=(0,r.F)(),O=S("web_mweb_pin_impression_add_width_height").anyEnabled,P=y||a.Z,C=(0,i.useRef)(null),j=i=>{const a=s[g],o=a.idType;let r={endTime:i.endTime,[o]:x,slotIndex:T,time:i.startTime,renderDuration:i.endTime-i.startTime,type:n,...h,forcedExit:"removed"===i.forcedExit?0:void 0};var u,y,m,S;"Pin"===g&&(r={...r,pinCellWidth:O?(null===(u=C.current)||void 0===u?void 0:u.getBoundingClientRect().width)||0:void 0,pinCellHeight:O?(null===(y=C.current)||void 0===y?void 0:y.getBoundingClientRect().height)||0:void 0,windowWidth:O?null===(m=window)||void 0===m?void 0:m.innerWidth:void 0,windowHeight:O?null===(S=window)||void 0===S?void 0:S.innerHeight:void 0});const P={component:l,object_id_str:v,view_type:w,view_data:_||{},view_parameter:b};if(f){if(e){var j,k,D;I({event_type:7352,event_data:{pinCarouselSlotImpressions:[{...r,carouselDataId:Number(e.id),carouselSlotId:(null===(j=e.carousel_slots)||void 0===j?void 0:j[null!==(k=e.index)&&void 0!==k?k:0])&&Number(e.carousel_slots[null!==(D=e.index)&&void 0!==D?D:0].id),slotIndex:e.index}]},...P,aux_data:{...d}})}}else I({clientTrackingParams:p,event_type:a.eventType,...P,element:c,event_data:{[a.impressionType]:"Story"===g?r:[r]},aux_data:{closeup_navigation_type:t,...d}})},k=(0,i.useCallback)((()=>{try{C.current instanceof HTMLElement&&P.start(C.current).onExitViewport(j).setDebugId(x||"unknown")}catch(e){window.console.error('Can only track impressions for type "HTMLElement"')}}),[C.current]);(0,i.useEffect)((()=>(u&&!P.inExperiment&&P.setExperimentStatus(!0),m||k(),()=>{C.current instanceof HTMLElement&&P.stop(C.current)})),[k]);const D=(0,i.useRef)(m);return(0,i.useEffect)((()=>{D.current&&!m&&k(),D.current=m}),[m,k]),C}const d=({children:e,...n})=>e({impressionTrackerRef:l(n)})},564194:(e,n,t)=>{t.d(n,{Z:()=>h});var i=t(667294),a=t(973935),o=t(124580),r=t(407043),s=t(773285),l=t(785893);function d(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const p={Article:{impressionType:"articleImpressions",idType:"articleIdStr",eventType:3829},Pin:{impressionType:"pinImpressions",idType:"pinIdStr",eventType:18},Board:{impressionType:"boardImpressions",idType:"boardIdStr",eventType:3700},BoardMoreIdeasRep:{impressionType:"boardMoreIdeasFeedUpsellImpressions",idType:"boardIdStr",eventType:10054},Interest:{impressionType:"topicImpressions",idType:"topicIdStr",eventType:3703},Search:{impressionType:"searchImpressions",idType:"term",eventType:3803},Story:{impressionType:"storyImpression",idType:"idStr",eventType:170},ActivationCard:{impressionType:"activationCardImpressions",idType:"experienceIdStr",eventType:8547},User:{impressionType:"userImpressions",idType:"userIdStr",eventType:3704},News:{impressionType:"newsHubData",idType:"newsIdStr",eventType:4110},Guide:{impressionType:"guideImpressions",idType:"term",eventType:7573},TodayArticle:{impressionType:"todayArticleImpressions",idType:"todayArticleIdStr",eventType:8569},Banner:{impressionType:"bannerImpressions",idType:"userIdStr",eventType:9061},Comment:{impressionType:"commentImpressions",idType:"commentIdStr",eventType:9127}};class c extends i.Component{constructor(e){super(e),d(this,"trackImpression",(()=>{try{this.node=(0,a.findDOMNode)(this),this.node instanceof HTMLElement&&this.impressionsFramework.start(this.node).onExitViewport(this.logImpression).setDebugId(this.props.loggingId||"unknown")}catch(e){window.console.error('Can only track impressions for type "HTMLElement"')}})),d(this,"logImpression",(e=>{const{carouselData:n,closeupImpressionType:t,closeupNavigationType:i,componentType:a,contextLogData:o,elementType:r,impressionAuxFields:s,impressionType:l,loggingId:d,objectIdStr:c,slotIndex:h,trackCarousel:u,viewData:g,viewParameter:y,viewType:m,logContextEvent:x,logImpDimensions:v}=this.props,T=p[l],f=T.idType,_=e.forcedExit&&"removed"===e.forcedExit?0:void 0;let b={endTime:e.endTime,[f]:d,slotIndex:h,time:e.startTime,renderDuration:e.endTime-e.startTime,type:t,...s,forcedExit:_};var w,I;"Pin"===l&&v&&(b={...b,pinCellWidth:this.node.offsetWidth,pinCellHeight:this.node.offsetHeight,windowWidth:null===(w=window)||void 0===w?void 0:w.innerWidth,windowHeight:null===(I=window)||void 0===I?void 0:I.innerHeight});if(u||x({event_type:T.eventType,component:a,element:r,event_data:{[T.impressionType]:"Story"===l?b:[b]},object_id_str:c,view_type:m,view_data:g||{},view_parameter:y,aux_data:{...o,closeup_navigation_type:i}}),n&&u){const{carousel_slots:e,index:t=0,id:i}=n;x({event_type:7352,component:a,event_data:{pinCarouselSlotImpressions:[{...b,carouselDataId:Number(i),carouselSlotId:(null==e?void 0:e[t])&&Number(e[t].id),slotIndex:t}]},object_id_str:c,view_type:m,view_data:g||{},view_parameter:y,aux_data:{...o}})}})),this.impressionsFramework=e.impressionsFramework||o.Z}componentDidMount(){this.props.inImpressionExp&&!this.impressionsFramework.inExperiment&&this.impressionsFramework.setExperimentStatus(!0),this.props.isPaused||this.trackImpression()}componentDidUpdate(e){e.isPaused&&!this.props.isPaused&&this.trackImpression()}componentWillUnmount(){this.node instanceof HTMLElement&&this.impressionsFramework.stop(this.node)}render(){return i.Children.only(this.props.children)}}function h(e){const{logContextEvent:n}=(0,r.v)(),{checkExperiment:t}=(0,s.F)(),i=t("web_mweb_pin_impression_add_width_height").anyEnabled;return(0,l.jsx)(c,{...e,logContextEvent:n,logImpDimensions:i})}},623568:(e,n,t)=>{t.d(n,{Js:()=>r,NK:()=>v,Nc:()=>T,VX:()=>s,ZE:()=>y,Zt:()=>m,_J:()=>p,_S:()=>f,cL:()=>u,dZ:()=>w,hb:()=>x,hy:()=>d,iR:()=>o,jL:()=>l,o:()=>_,oN:()=>i,pU:()=>b,rM:()=>g,sV:()=>c,sY:()=>h});const i=5e3,a=["Uploaded by user"],o=e=>!!e&&!!e.video_list,r=(e,n)=>{let t=e&&e.url?e.url.split("/")[1]:"";return n&&n.full_name&&(t=n.full_name),t},s=(e,n)=>n&&n.products&&n.products.length>0||(null==e?void 0:e.products)&&e.products.length>0||!1,l=(e,n)=>!!n&&!e,d=e=>!!e,p=e=>!!e.video_status&&5!==e.video_status,c=e=>["email","messages","deep_linking"].includes(e),h=e=>!!e&&"gif"===e,u=({embedSrc:e,embedSubtype:n,embedType:t})=>!!e&&!h(t)&&!(e=>"pinstory"===e)(n),g=({link:e,mobileLink:n,trackedLink:t})=>!n&&!t&&!e,y=e=>/pin.it/gim.test(e||""),m=({link:e,mobileLink:n,origImageUrl:t,trackedLink:i})=>n||i||e||t||"",x=({isStoryPin:e,isVideoPin:n})=>e?"storyPin":n?"video":"image",v=(e,n)=>({deeplinkUri:{android:`pin/${e}/repin`,iOS:`repin/${e}`},mwebUri:{pathname:`/pin/${e}/repin/`,state:{trackingParams:n.state?n.state.trackingParams:""}}});function T(e,n,t){var i;return!o(t)&&!d(n)&&0!==Object.keys((null==e||null===(i=e.creator_analytics)||void 0===i?void 0:i["30d_realtime"])||{}).length}function f(e){for(const n of a)if(e===n)return!1;return!0}function _(e){return 0!==Object.keys((null==e?void 0:e["30d_realtime"])||{}).length}function b(e){return 0!==Object.keys((null==e?void 0:e.all_time_realtime)||{}).length}function w(e){var n;return!(null==e||null===(n=e["30d_realtime"])||void 0===n||!n.is_realtime)}},615119:(e,n,t)=>{t.d(n,{Z:()=>a});var i=t(214494);function a({report:e,query:n,suggestions:t,type:a}){return i.Z.create("SearchSuggestionReportResource",{report:e,query:n,suggestions:t,type:a}).callCreate()}},254469:(e,n,t)=>{t.d(n,{Z:()=>d});var i=t(667294);const a=function(e,n){this.uid=e,this.item=n,this.next=null,this.prev=null},o=function(e){this._maxNumItems=e||10,this._uidToData={},this._numItems=0,this._firstData=null,this._lastData=null};o.prototype.set=function(e,n){let t=this._uidToData[e];t||(t=new a(e,n),this._uidToData[e]=t,this._numItems+=1),this._moveToFront(t),this._numItems>this._maxNumItems&&this._evict()},o.prototype.get=function(e){const n=this._uidToData[e];return n?(this._moveToFront(n),n.item):null},o.prototype.remove=function(e){const n=this._uidToData[e];n&&(delete this._uidToData[e],this._firstData===n&&(this._firstData=n.next),this._lastData===n&&(this._lastData=n.prev),n.prev&&(n.prev.next=n.next),n.next&&(n.next.prev=n.prev),this._numItems-=1)},o.prototype._moveToFront=function(e){this._firstData!==e&&(this._firstData?(this._lastData===e&&(this._lastData=e.prev),e.prev&&(e.prev.next=e.next),e.next&&(e.next.prev=e.prev),this._firstData.prev=e,e.next=this._firstData,e.prev=null,this._firstData=e):(this._firstData=e,this._lastData=e))},o.prototype._evict=function(){delete this._uidToData[this._lastData.uid],this._firstData===this._lastData?(this._firstData=null,this._lastData=null):(this._lastData=this._lastData.prev,this._lastData.next=null),this._numItems-=1};const r=o;var s=t(214494);function l({resourceName:e,resourceOptions:n}){const t={...n,count:"count"in n?n.count:5},i=s.Z.create(e,t),a=new r,o=()=>{i.abort()};return async function(e,n){const t=a.get(`${n}-${e}`);if(t){const n=t.items;if(n&&n.length){o();return{hint:t.hint,items:n,term:e}}}return e.length>=0?(async(e,n)=>{var t;if(i.isCalling()){var r,s;const t=null===(r=i.options)||void 0===r?void 0:r.term,a=null===(s=i.options)||void 0===s?void 0:s.pin_scope;if(e===t&&n===a)return;o()}const{bookmarks:l,...d}=i.options||{};i.options={...d,term:e,pin_scope:n};const p=null===(t=(await i.callGet({showError:!1})).resource_response)||void 0===t?void 0:t.data,c=null==p?void 0:p.items,h=(null==p?void 0:p.hint)||{},u={hint:h,items:c};return a.set(`${n}-${e}`,u),{term:e,items:c,hint:h}})(e,n):{hint:{},items:[],term:e}}}function d({allowSearchOnMount:e=!1,resourceName:n,resourceOptions:t={},value:a}){const o=(0,i.useRef)(!1),r=(0,i.useRef)({}),[s,d]=(0,i.useState)([]),p=function({resourceName:e,resourceOptions:n}){const t=(0,i.useRef)();return t.current||(t.current=l({resourceName:e,resourceOptions:n})),t.current}({resourceName:n,resourceOptions:t}),c=t.pin_scope||"pins",h=`${c}-${a}`;return(0,i.useEffect)((()=>{(async()=>{if(null!=a&&(e||o.current))if(h in r.current)d(r.current[h]);else try{const e=await p(a,c);if(e){const{items:n}=e;r.current[h]=n,d(n)}}catch(n){if("Resource call aborted"===n)return;throw n}o.current||(o.current=!0)})()}),[a,c,h]),s}},909499:(e,n,t)=>{t.d(n,{Hd:()=>l,_R:()=>r,gi:()=>a,lw:()=>i,wF:()=>s,zh:()=>o});const i={PINS:"pins",PINS_BUYABLE:"buyable_pins",PINS_MINE:"my_pins",PINS_VIDEO:"videos",BOARDS:"boards",USERS:"users",IDEA_PINS:"idea_pins"},a=e=>{switch(e){case i.PINS:return 0;case i.PINS_MINE:return null;case i.PINS_BUYABLE:return 1;case i.PINS_VIDEO:return 2;case i.BOARDS:return 3;case i.USERS:return 4;default:return null}},o=e=>{switch(e){case 0:return i.PINS;case 1:return i.PINS_BUYABLE;case 2:return i.PINS_VIDEO;case 3:return i.BOARDS;case 4:return i.USERS;default:return null}},r=e=>{switch(e){case i.PINS:return 43;case i.PINS_MINE:return 107;case i.PINS_BUYABLE:return 254;case i.PINS_VIDEO:return 3306;case i.BOARDS:return 44;case i.USERS:return 45;default:return null}},s=e=>{switch(e){case i.PINS:return 60;case i.PINS_MINE:return 63;case i.PINS_BUYABLE:return 3800;case i.PINS_VIDEO:return 64;case i.BOARDS:return 61;case i.USERS:return 62;default:return null}},l=e=>{switch(e){case i.USERS:return 1000392;case i.PINS_BUYABLE:return 1000391;case i.PINS:default:return 29}}},391143:(e,n,t)=>{t.d(n,{Z:()=>o});var i=t(643913),a=t(613316);function o({storyCategory:e,query:n,referringSource:t,bubbleId:o,storyId:r,title:s}){const l=[0,24,21,26].includes(e),d=(0,i.Z)({q:n,rs:t||void 0,b_id:o,source_id:r}),p=l&&s?(0,a.x)({title:s,id:o,articleType:"discover"}):`/discover/article/${o}/`;return l?p:"/search/pins/"+(d?"?"+d:"")}},940882:(e,n,t)=>{t.d(n,{J:()=>i,Z:()=>a});const i=-1;function a(e){switch(e){case 0:return"shopping-bag";case 1:return"tag";default:return"search"}}},861411:(e,n,t)=>{t.d(n,{fv:()=>x,GR:()=>u,Hs:()=>T,Mv:()=>y,uc:()=>m,dL:()=>g,qS:()=>v,Y4:()=>b,HE:()=>_,Cy:()=>f});var i=t(667294),a=t(973935),o=t(124580),r=t(407043),s=t(785893);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class d extends i.Component{constructor(...e){super(...e),l(this,"observe",(()=>{try{if(this.node=(0,a.findDOMNode)(this),this.node instanceof HTMLElement){const{pinIdStr:e,newsIdStr:n}=this.props.eventData;o.Z.start(this.node).onExitViewport(this.logImpression).setDebugId(e||n||"unknown")}}catch(e){window.console.error('Can only track impressions for type "HTMLElement"')}})),l(this,"logImpression",(e=>{this.props.logImpression({viewData:this.props.viewData||{},viewType:this.props.viewType,viewParameter:this.props.viewParameter,eventType:this.props.eventType,impressionType:this.props.impressionType,auxData:this.props.auxData,component:this.props.component,objectIdStr:this.props.objectIdStr,eventData:{endTime:e.endTime,time:e.startTime,...this.props.eventData}})}))}componentDidMount(){this.props.isPaused||this.observe()}componentDidUpdate(e){e.isPaused&&!this.props.isPaused&&this.observe()}componentWillUnmount(){this.node instanceof HTMLElement&&o.Z.stop(this.node)}render(){return i.Children.only(this.props.children)}}function p(e){const{logImpression:n}=(0,r.v)();return(0,s.jsx)(d,{...e,logImpression:n})}var c=t(773285);function h({auxData:e,component:n,eventData:t,eventType:a,impressionType:s,isPaused:l,objectIdStr:d,viewData:p,viewType:h,viewParameter:u}){const g=(0,i.useRef)(null),{logImpression:y}=(0,r.v)(),{checkExperiment:m}=(0,c.F)(),x=m("web_mweb_pin_impression_add_width_height").anyEnabled,v=(0,i.useCallback)((()=>{const i=i=>{var o,r,l,c;y({viewData:p||{},viewType:h,viewParameter:u,eventType:a,impressionType:s,auxData:e,component:n,objectIdStr:d,eventData:{endTime:i.endTime,time:i.startTime,pinCellWidth:x?(null===(o=g.current)||void 0===o?void 0:o.getBoundingClientRect().width)||0:void 0,pinCellHeight:x?(null===(r=g.current)||void 0===r?void 0:r.getBoundingClientRect().height)||0:void 0,windowWidth:x?null===(l=window)||void 0===l?void 0:l.innerWidth:void 0,windowHeight:x?null===(c=window)||void 0===c?void 0:c.innerHeight:void 0,...t}})};try{if(g.current instanceof HTMLElement){const{pinIdStr:e,newsIdStr:n}=t;o.Z.start(g.current).onExitViewport(i).setDebugId(e||n||"unknown")}}catch(r){window.console.error('Can only track impressions for type "HTMLElement"')}}),[g.current]);return(0,i.useEffect)((()=>{l||v();const e=g.current;return()=>{e instanceof HTMLElement&&o.Z.stop(e)}}),[l,v]),g}const u=e=>(0,s.jsx)(p,{eventData:{...e.impressionData||{},pinIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex},auxData:e.auxData||{},component:e.component,eventType:18,impressionType:"pinImpressions",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter,children:e.children}),g=e=>{const n=h({eventData:{...e.impressionData||{},pinIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex},auxData:e.auxData||{},component:e.component,eventType:18,impressionType:"pinImpressions",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter});return e.children({impressionTrackerRef:n})},y=e=>{const n=h({eventData:{newsIdStr:e.notificationId,newsType:e.newsType,displayMode:e.displayMode,newsIndex:e.newsIndex||0,tapItemIdStr:e.tapItemIdStr},auxData:e.auxData||{},eventType:4111,impressionType:"notificationDetailImpressions",loggingId:e.notificationId,viewType:107,viewParameter:3082});return e.children({impressionTrackerRef:n})},m=e=>{const n=h({eventData:{newsIdStr:e.notificationId,newsType:e.newsType},auxData:e.auxData||{},eventType:4110,impressionType:"notificationFeedImpressions",loggingId:e.notificationId,viewType:107,viewParameter:3081});return e.children({impressionTrackerRef:n})},x=e=>(0,s.jsx)(p,{eventData:{...e.impressionData||{},articleIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex},auxData:e.auxData||{},component:e.component,eventType:3829,impressionType:"articleImpressions",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter,children:e.children}),v=e=>{const n=h({eventData:{...e.impressionData||{},storyIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex},auxData:e.auxData||{},component:e.component,eventType:170,impressionType:"storyImpression",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter});return e.children({impressionTrackerRef:n})},T=e=>(0,s.jsx)(p,{eventData:{...e.impressionData||{},storyIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex},auxData:e.auxData||{},component:e.component,eventType:170,impressionType:"storyImpression",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter,children:e.children}),f=e=>{const n=h({eventData:{...e.impressionData||{},userIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex||0},auxData:e.auxData||{},component:e.component,eventType:3704,impressionType:"userImpressions",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter});return e.children({impressionTrackerRef:n})},_=e=>{const n=h({eventData:{...e.impressionData||{},topicIdStr:e.loggingId,clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex||0},auxData:e.auxData||{},component:e.component,eventType:3703,impressionType:"topicImpressions",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType,viewParameter:e.viewParameter});return e.children({impressionTrackerRef:n})},b=e=>{const n=h({eventData:{...e.impressionData||{},clientTrackingParams:e.trackingParams,slotIndex:e.slotIndex},auxData:e.auxData||{},component:e.component,eventType:8569,impressionType:"todayArticleImpressions",isPaused:e.isPaused,loggingId:e.loggingId,objectIdStr:e.objectIdStr,viewData:e.viewData,viewType:e.viewType||1,viewParameter:e.viewParameter});return e.children({impressionTrackerRef:n})}},654874:(e,n,t)=>{t.d(n,{Z:()=>m});var i=t(667294),a=t(116303),o=t(65675),r=t(564194),s=t(391143),l=t(72809),d=t(66699),p=t(898781),c=t(19121),h=t(773285),u=t(940882),g=t(883119),y=t(785893);function m({bubble:e,contextLogData:n,disableTabIndex:t,handleReport:m,height:x,imgSignature:v,isHovered:T,lightOverlay:f,onClick:_,onMouseEnter:b,onMouseLeave:w,referringSource:I,searchBoxRenderStopwatch:S,showFlag:O,slotIndex:P,storyId:C,viewParameter:j,viewType:k,width:D}){const E=(0,p.ZP)(),M=(0,c.Z)(),{id:R,action:A,cover_images:N,dominant_colors:z,identifier_icon_type:L,title:B,story_category:H,curator:F}=e,{checkExperiment:Z}=(0,h.F)();let W="",U="";if(M.isAuth&&5===k){W=Z("blp_explore_bubble_image_size").group;const e=W.split("_");e.length>1&&W.startsWith("enabled")&&(U=e[1])}const $=N&&N[0]&&(W.startsWith("enabled")&&U?N[0][U]:N[0]["280x280"]||N[0]["236x"]),Y=(0,d.Z)(B&&B.format||"",B&&B.args||{}),X=z&&z.length?z[0]:"gray",q=(null==A?void 0:A.url)||(0,s.Z)({storyCategory:H,query:Y,referringSource:I,bubbleId:R,storyId:C,title:B.format});return(0,y.jsx)(r.Z,{impressionAuxFields:{storyCategory:H,storyIdStr:C},impressionType:"Article",loggingId:R,viewType:k,viewParameter:j,slotIndex:P,contextLogData:{story_id:C,...n},children:(0,y.jsx)(o.Z,{backgroundColor:X,coverImage:$,disableTabIndex:t,height:x,id:R,isHovered:T,lightOverlay:f,onClick:_,onMouseEnter:b,onMouseLeave:w,searchBoxRenderStopwatch:S,url:q,width:D,children:({isHovered:e})=>(0,y.jsxs)(i.Fragment,{children:[F&&26!==H&&(0,y.jsx)(g.xu,{position:"absolute",top:!0,left:!0,padding:2,children:(0,y.jsx)(a.Z,{outline:!0,size:"xs",src:F.image_small_url,name:F.full_name})}),L&&L!==u.J&&(0,y.jsx)(g.xu,{alignItems:"center",color:"default",display:"flex",height:24,justifyContent:"center",left:!0,margin:2,opacity:.8,position:"absolute",rounding:"circle",top:!0,width:24,children:(0,y.jsx)(g.JO,{icon:(0,u.Z)(L),accessibilityLabel:E.bt("购物图标", "Shopping icon", "bubble.shoppingIcon.label", undefined, true),color:"default",size:12})}),(0,y.jsx)(g.xu,{display:"flex",height:x,width:D||"100%",position:"absolute",top:!0,padding:3,alignItems:26===H?"end":"center",justifyContent:"center",children:(0,y.jsxs)(g.kC,{alignItems:"stretch",justifyContent:"start",direction:"column",children:[x>200?(0,y.jsx)(g.X6,{size:"500",align:"center",color:"light",children:Y}):(0,y.jsx)(g.xv,{align:"center",color:"light",weight:"bold",children:Y}),F&&26===H&&(0,y.jsxs)(g.xu,{display:"flex",justifyContent:"center",alignItems:"center",marginTop:4,children:[(0,y.jsx)(g.xu,{marginEnd:2,children:(0,y.jsx)(a.Z,{outline:!0,size:"xs",src:F.image_small_url,name:F.full_name})}),(0,y.jsx)(g.xv,{size:"100",color:"light",children:F.full_name})]})]})}),M.isAuth&&M.isEmployee&&O?(0,y.jsx)(g.xu,{position:"absolute",bottom:!0,right:!0,marginBottom:1,children:(0,y.jsx)(l.Z,{handleReport:m,imgSignature:v||"",isVisible:e})}):null]})})})}},65675:(e,n,t)=>{t.d(n,{A:()=>r,Z:()=>s});var i=t(667294),a=t(883119),o=t(785893);const r={bubbleOverlay:{backgroundColor:"rgba(0, 0, 0, 0.4)"},hoverOverlay:{backgroundColor:"rgba(0, 0, 0, 0.6)"},lightHoverOverlay:{backgroundColor:"rgba(0, 0, 0, 0.2)"}};function s({backgroundColor:e,children:n,coverImage:t,disableTabIndex:s,height:l,id:d,isHovered:p,lightOverlay:c=!1,onClick:h,onMouseDown:u,onMouseEnter:g,onMouseLeave:y,searchBoxRenderStopwatch:m,url:x,width:v}){var T,f;const[_,b]=(0,i.useState)(!1),w=()=>{g?g():b(!0)},I=()=>{y?y():b(!1)},S=p||_;let O=S?r.hoverOverlay:r.bubbleOverlay;c&&(O=S?r.lightHoverOverlay:{});return(0,o.jsx)(a.iP,{href:x,onBlur:I,onFocus:w,onMouseDown:u,onMouseEnter:w,onMouseLeave:I,onTap:()=>{null==h||h(d)},role:"link",rounding:4,tabIndex:s?-1:void 0,children:(0,o.jsx)(a.zd,{rounding:4,width:v||"100%",height:l,children:null!=t&&t.url?(0,o.jsxs)(a.Ee,{alt:"",color:e,fit:"cover",naturalHeight:null!==(T=t.height)&&void 0!==T?T:1,naturalWidth:null!==(f=t.width)&&void 0!==f?f:1,onLoad:()=>{null==m||m.stop()},role:"presentation",src:t.url,children:[(0,o.jsx)(a.xu,{dangerouslySetInlineStyle:{__style:O},height:"100%",width:"100%"}),"function"==typeof n?n({isHovered:S}):n]}):(0,o.jsx)(a.xu,{dangerouslySetInlineStyle:{__style:{backgroundColor:e}},height:"100%",width:"100%"})})})}},134951:(e,n,t)=>{t.d(n,{Z:()=>y});var i=t(667294),a=t(116303),o=t(65675),r=t(72809),s=t(615119),l=t(66699),d=t(19121),p=t(784641),c=t(233803),h=t(861411),u=t(883119),g=t(785893);function y({bubble:e,height:n,lightOverlay:t,isHovered:y,onClick:m,onMouseDown:x,onMouseEnter:v,onMouseLeave:T,searchBoxRenderStopwatch:f,showFlag:_,slotIndex:b,storyId:w,storyType:I,viewParameter:S,viewType:O,width:P}){var C,j;const k=(0,d.Z)(),{id:D,title:E,image_urls:M,article_creator_user:R}=e,A=()=>{(0,s.Z)({query:"",report:E,suggestions:[E],type:c.KH.SEARCH_TRENDING_TEXT})},N=M&&M.length>0?{url:M[0]}:void 0,z=(0,l.Z)(E||"",{});if(!e.title||!e.id)return null;const L=(0,p.T7)(null!==(C=e.feed_source)&&void 0!==C?C:0,null!==(j=e.is_product_pin_feed)&&void 0!==j&&j,e.title,e.id);return(0,g.jsx)(h.Y4,{auxData:{grid_index:b.toString(),today_article_id:D,story_type:I,story_id:w},loggingId:D,objectIdStr:D,slotIndex:b,viewParameter:S||3467,viewType:O,children:({impressionTrackerRef:e})=>(0,g.jsx)(o.Z,{backgroundColor:"gray",coverImage:N,disableTabIndex:!0,height:n,id:D,isHovered:y,lightOverlay:t,onClick:m,onMouseDown:x,onMouseEnter:v,onMouseLeave:T,ref:e,searchBoxRenderStopwatch:f,url:L,width:P,children:({isHovered:t})=>{var o;return(0,g.jsxs)(i.Fragment,{children:[(0,g.jsx)(u.xu,{alignItems:"end",display:"flex",height:n,justifyContent:"center",padding:3,position:"absolute",top:!0,width:P||"100%",ref:e,children:(0,g.jsxs)(u.kC,{alignItems:"stretch",justifyContent:"start",direction:"column",children:[n>200?(0,g.jsx)(u.X6,{size:"500",align:"center",color:"light",children:z}):(0,g.jsx)(u.xv,{align:"center",color:"light",weight:"bold",children:z}),R&&R.image_small_url&&R.full_name&&(0,g.jsxs)(u.xu,{display:"flex",justifyContent:"center",alignItems:"center",marginTop:4,children:[(0,g.jsx)(u.xu,{marginEnd:2,children:(0,g.jsx)(a.Z,{outline:!0,size:"xs",src:R.image_small_url,name:R.full_name})}),(0,g.jsx)(u.xv,{size:"100",color:"light",children:R.full_name})]})]})}),k.isAuth&&k.isEmployee&&_&&(0,g.jsx)(u.xu,{position:"absolute",bottom:!0,right:!0,marginBottom:1,children:(0,g.jsx)(r.Z,{handleReport:A,imgSignature:null!==(o=null==N?void 0:N.url)&&void 0!==o?o:"",isVisible:t})})]})}})})}},666389:(e,n,t)=>{t.d(n,{Z:()=>h});var i=t(667294);const a={backgroundColor:"transparent"},o={backgroundColor:"rgba(216, 216, 216, 0.37)"},r={borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center"},s={outline:"0"};var l=t(883119),d=t(785893);function p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class c extends i.Component{constructor(...e){super(...e),p(this,"state",{hovered:!1}),p(this,"handleMouseEnter",(()=>this.setState({hovered:!0}))),p(this,"handleMouseLeave",(()=>this.setState({hovered:!1})))}render(){const{backgroundHaloSize:e,onClick:n,color:t="subtle"}=this.props,i=Object.freeze({height:e,width:e}),p={border:0,display:"block",background:"transparent",cursor:"pointer",...s},c={...i,...{...r,...a,...this.state.hovered?o:{}}};return(0,d.jsx)("button",{type:"button",style:p,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:e=>n&&n({event:e}),children:(0,d.jsx)("div",{style:c,children:(0,d.jsx)(l.xu,{rounding:"circle",children:(0,d.jsx)(l.JO,{accessibilityLabel:"",icon:"flag",size:e/2,color:t})})})})}}const h=c},72809:(e,n,t)=>{t.d(n,{Z:()=>y});var i=t(667294),a=t(666389),o=t(121151),r=t(214494),s=t(499128),l=t(116674),d=t(898781),p=t(343341),c=t(883119),h=t(785893);function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class g extends i.PureComponent{constructor(...e){var n;super(...e),n=this,u(this,"state",{showModal:!1,reportType:null}),u(this,"handleDismiss",(()=>this.setState({showModal:!1}))),u(this,"handleClick",(()=>{const{reportType:e}=this.state;"image"===e?this.reportSuggestionImage():this.reportSuggestionText()})),u(this,"reportSuggestionImage",(async function(){const{imgSignature:e,reportImage:t,pinIds:i}=n.props;if(n.setState({showModal:!1}),i)return void i.forEach((e=>t(e)));const a=(await r.Z.create("GetPinFromSignature",{imgSignature:e}).callGet()).resource_response.data.id;t(a)})),u(this,"reportSuggestionText",(()=>{const{handleReport:e,toastManagerContext:n}=this.props;e&&(e(),n.showToast((({hideToast:e})=>(0,h.jsx)(s.ZP,{onHide:e,text:this.props.i18n.bt("感谢你的报告！此报告将由我们的信任和安全团队进行审核", "Thanks for your report! This will be reviewed by our Trust and Safety Team", "ReportingFlag.Toast.text", undefined, true)}))),this.handleDismiss())})),u(this,"showModal",(({event:e})=>{e.stopPropagation(),e.preventDefault(),this.setState({showModal:!0})}))}render(){const{showModal:e}=this.state;return(0,h.jsxs)(i.Fragment,{children:[this.props.isVisible&&(0,h.jsx)(a.Z,{onClick:this.showModal,backgroundHaloSize:24}),e&&(0,h.jsx)(o.ZP,{accessibilityModalLabel:this.props.i18n.bt("报告搜索词", "Report search term", "ReportingFlag.Modal.accessibilityModalLabel", undefined, true),heading:this.props.i18n.bt("报告搜索词", "Report search term", "ReportingFlag.Modal.heading", undefined, true),onDismiss:this.handleDismiss,size:"sm",children:(0,h.jsxs)(c.xu,{children:[(0,h.jsx)(c.xu,{padding:5,children:(0,h.jsx)(c.xv,{children:this.props.i18n.bt("你标记此内容后，我们的信任和安全团队将对其进行审核。审核后，如果发现此内容不符合我们的社区准则，我们会屏蔽此内容。", "When you flag this, our Trust and Safety team will review it. If it doesn't meet our Community Guidelines, it will be blocked.", "ReportingFlag.Box.Text.report", undefined, true)})}),(0,h.jsxs)(c.FX,{id:"reporting-flag-options-group",legend:this.props.i18n.bt("你标记此内容后，我们的信任和安全团队将对其进行审核。审核后，如果发现此内容不符合我们的社区准则，我们会屏蔽此内容。", "When you flag this, our Trust and Safety team will review it. If it doesn't meet our Community Guidelines, it will be blocked.", "ReportingFlag.Box.Text.report", undefined, true),legendDisplay:"hidden",children:[(0,h.jsxs)(c.xu,{role:"list",display:"flex",direction:"column",marginBottom:4,paddingX:5,children:[(0,h.jsxs)(c.xu,{alignItems:"center",paddingY:1,display:"flex",direction:"row",children:[(0,h.jsx)(c.FX.RadioButton,{checked:"text"===this.state.reportType,id:"textType",onChange:()=>this.setState({reportType:"text"}),value:"Report search text"}),(0,h.jsx)(c.xu,{flex:"grow",children:(0,h.jsx)(c.__,{htmlFor:"textType",children:(0,h.jsx)(c.xu,{paddingX:2,children:(0,h.jsx)(c.xv,{children:"Report search text"})})})})]}),(0,h.jsxs)(c.xu,{alignItems:"center",paddingY:1,display:"flex",direction:"row",children:[(0,h.jsx)(c.FX.RadioButton,{checked:"image"===this.state.reportType,id:"imageType",onChange:()=>this.setState({reportType:"image"}),value:"Report search image"}),(0,h.jsx)(c.xu,{flex:"grow",children:(0,h.jsx)(c.__,{htmlFor:"imageType",children:(0,h.jsx)(c.xu,{paddingX:2,children:(0,h.jsx)(c.xv,{children:"Report search image"})})})})]})]}),(0,h.jsx)(c.iz,{}),(0,h.jsxs)(c.xu,{display:"flex",justifyContent:"end",padding:2,children:[(0,h.jsx)(c.xu,{margin:2,children:(0,h.jsx)(c.zx,{fullWidth:!0,onClick:this.handleDismiss,text:this.props.i18n.bt("取消", "Cancel", "ReportingFlag.Box.Button.text.cancel", undefined, true)})}),(0,h.jsx)(c.xu,{margin:2,children:(0,h.jsx)(c.zx,{fullWidth:!0,color:"red",onClick:this.handleClick,text:this.props.i18n.bt("报告", "Report", "ReportingFlag.Box.Button.text.report", undefined, true),disabled:!this.state.reportType})})]})]})]})})]})}}function y(e){const n=(0,d.ZP)(),{reportImage:t}=(0,l.f)();return(0,h.jsx)(g,{...e,i18n:n,reportImage:t,toastManagerContext:(0,p.F9)()})}},928597:(e,n,t)=>{t.d(n,{A_:()=>g,F9:()=>h,S0:()=>c,ZP:()=>y});var i=t(72809),a=t(615119),o=t(19121),r=t(65675),s=t(233803),l=t(366428),d=t(883119),p=t(785893);const c=320,h=141,u=c+16;function g(e){const n=e=>e*u+30;return e>=n(4)?4*u:e>=n(3)?3*u:e>=n(2)?2*u:u}function y({backgroundColor:e,id:n,index:t,isHovered:u,onClick:g,onMouseEnter:y,onMouseLeave:m,pins:x,referringSource:v,searchBoxRenderStopwatch:T,storyType:f,title:_,url:b}){const w=(0,o.Z)(),I=x.slice(0,3),S=(0,l.Z)({componentType:200,contextLogData:{rs:v,story_id:n,story_index:t,story_type:f},impressionType:"Story",loggingId:n,slotIndex:t,viewParameter:3467,viewType:2}),O=()=>{null==T||T.stop()};return(0,p.jsx)(d.iP,{fullWidth:!1,href:b,onMouseEnter:y,onMouseLeave:m,onTap:()=>g(),role:"link",rounding:4,children:(0,p.jsx)(d.zd,{rounding:4,children:(0,p.jsxs)(d.xu,{alignItems:"center","data-test-id":"search-suggestion",display:"flex",justifyContent:"center",position:"relative",ref:S,children:[(0,p.jsx)(d.kC,{height:h,justifyContent:"between",overflow:"hidden",width:c,children:I.map((n=>(0,p.jsx)(d.zd,{height:h,wash:!0,width:(c-I.length+1)/I.length,children:(0,p.jsx)(d.Ee,{alt:"",color:e,fit:"cover",naturalHeight:1,naturalWidth:1,onLoad:O,role:"presentation",src:n.image_medium_url,children:(0,p.jsx)(d.xu,{height:"100%",width:"100%",dangerouslySetInlineStyle:{__style:u?r.A.lightHoverOverlay:{}}})})},`coverImg-${n.id}`)))}),(0,p.jsxs)(d.xu,{dangerouslySetInlineStyle:{__style:{backgroundColor:e}},paddingX:4,paddingY:3,position:"absolute",rounding:"pill",children:[(0,p.jsx)(d.xv,{align:"center",children:_}),w.isAuth&&w.isEmployee?(0,p.jsx)(d.xu,{position:"absolute",bottom:!0,right:!0,marginBottom:-1,marginEnd:-1,children:(0,p.jsx)(i.Z,{handleReport:()=>{(0,a.Z)({query:"",report:_,suggestions:[_],type:"slp_rec_trending"===v?s.KH.SEARCH_TRENDING_TEXT:s.KH.SEARCH_IDEAS_FOR_YOU})},isVisible:u,pinIds:I.map((e=>e.id))})}):null]})]})})})}},233803:(e,n,t)=>{t.d(n,{KH:()=>b,Ny:()=>f,QU:()=>E,a5:()=>D,iS:()=>j,pW:()=>k,r$:()=>P,vW:()=>C});var i=t(667294),a=t(702664),o=t(654874),r=t(615119),s=t(214494),l=t(134951),d=t(898781),p=t(248327),c=t(65675),h=t(407043),u=t(773285),g=t(366428),y=t(81636),m=t(928597),x=t(883119),v=t(622599),T=t(785893);const f=192,_={__style:{backgroundColor:"rgba(0,0,0, .4)"}},b={AUTOCOMPLETE:0,SEARCH_TRENDING_TEXT:2,SEARCH_IDEAS_FOR_YOU:3},w=({color:e,handleRemove:n,id:t,isHovered:i,isRecentSearch:a=!1,label:o,onClick:r,onMouseEnter:s,onMouseLeave:l,removeA11yText:d,url:p})=>(0,T.jsx)(x.xu,{"aria-selected":i?"true":"false","data-test-id":"search-suggestion",id:t,marginBottom:2,marginEnd:2,role:"option",children:(0,T.jsx)(x.iP,{accessibilityLabel:o,href:p,onMouseEnter:s,onMouseLeave:l,onTap:({event:e,dangerouslyDisableOnNavigation:n})=>{e.metaKey||e.ctrlKey||(a&&(n(),e.preventDefault()),r())},role:"link",rounding:"pill",children:(0,T.jsxs)(x.xu,{alignItems:"center",color:i?"darkWash":"secondary",dangerouslySetInlineStyle:{__style:{whiteSpace:"nowrap",backgroundColor:e}},display:"flex",paddingX:3,paddingY:a?1:2,position:"relative",rounding:"pill",children:[e&&(0,T.jsx)(x.xu,{dangerouslySetInlineStyle:{__style:i?c.A.lightHoverOverlay:{}},height:"100%",left:!0,position:"absolute",rounding:"pill",top:!0,width:"100%"}),(0,T.jsx)(x.xv,{align:"center",children:o}),a&&(0,T.jsx)(x.xu,{dangerouslySetInlineStyle:{__style:{paddingTop:"2px"}},"data-test-id":"clear-recent-queries",marginStart:2,children:(0,T.jsx)(x.hU,{accessibilityLabel:null!=d?d:"",icon:"cancel",iconColor:"darkGray",onClick:({event:e})=>{e.stopPropagation(),e.preventDefault(),null==n||n(o)},size:"xs"})})]})})}),I=({id:e,isHovered:n,onClick:t,onMouseEnter:a,onMouseLeave:o,showSeeMoreOverlay:r,suggestion:s,trackClick:l,url:p})=>{var c,h,u,g,y,m;const v=(0,d.ZP)();return(0,T.jsx)(x.xu,{"aria-selected":n?"true":"false","data-test-id":"search-suggestion",id:e,marginBottom:2,paddingX:1,role:"option",children:(0,T.jsx)(x.iP,{role:"link",onMouseEnter:a,onMouseLeave:o,href:p||s.url,rounding:3,tabIndex:-1,onTap:({event:e,dangerouslyDisableOnNavigation:n})=>{n(),l(),e.metaKey||e.ctrlKey||p||(e.preventDefault(),t())},children:(0,T.jsxs)(x.zd,{height:116,rounding:3,wash:n,width:90,children:[(0,T.jsx)(x.Ee,{alt:s.label,fit:"cover",naturalHeight:null!==(c=null===(h=s.images["236x"])||void 0===h?void 0:h.height)&&void 0!==c?c:1,naturalWidth:null!==(u=null===(g=s.images["236x"])||void 0===g?void 0:g.width)&&void 0!==u?u:1,src:null!==(y=null===(m=s.images["236x"])||void 0===m?void 0:m.url)&&void 0!==y?y:""}),r&&(0,T.jsxs)(i.Fragment,{children:[(0,T.jsx)(x.xu,{dangerouslySetInlineStyle:_,height:116,left:!0,position:"absolute",top:!0,width:90}),(0,T.jsx)(x.xu,{alignItems:"center",display:"flex",height:116,justifyContent:"center",padding:3,position:"absolute",top:!0,width:90,children:(0,T.jsx)(x.xv,{align:"center",color:"inverse",weight:"bold",children:v.bt("查看更多", "See More", "searchBox.suggestionGroups.recentPinRep.seeMoreText", undefined, true)})})]})]})})})},S=({componentType:e,focusedIndex:n,groupIndex:t,keyPrefix:a,onSuggestionClick:o,onSuggestionMouseEnter:r,onSuggestionMouseLeave:s,seeMoreUrl:l,slpUnifiedComponentStyle:d,suggestions:p,title:c})=>{const{logContextEvent:u}=(0,h.v)();return(0,T.jsxs)(i.Fragment,{children:[(0,T.jsx)(x.kC,{width:"100%",children:(0,T.jsx)(O,{title:c,slpUnifiedComponentStyle:d})}),(0,T.jsx)(x.xu,{display:"flex",wrap:!0,width:"100%",paddingX:d?void 0:4,children:p.map(((i,d)=>{const c=6===d&&7===p.length;return(0,T.jsx)(I,{id:(0,v.Gp)(t,d),isHovered:n===d,onClick:()=>{o(i,d)},onMouseEnter:()=>{r(d)},onMouseLeave:()=>{s()},showSeeMoreOverlay:c,suggestion:i,trackClick:()=>{u({event_type:101,component:e,element:c?179:12374,view_type:2,view_parameter:103})},url:c?l:i.url},`${a}-${d}`)}))})]})},O=({slpUnifiedComponentStyle:e,title:n})=>(0,T.jsx)(x.xu,{alignItems:"center",display:"flex",marginTop:e?void 0:2,marginStart:e?void 0:5,paddingY:e?4:2,children:(0,T.jsx)(x.xv,{lineClamp:1,weight:e?"bold":void 0,children:n})});function P({focusedIndex:e,groupIndex:n,onSuggestionClick:t,onSuggestionMouseEnter:i,onSuggestionMouseLeave:a,slpUnifiedComponentStyle:o,suggestions:r}){const s=(0,d.ZP)();return(0,y.Q)({component:13844,view_parameter:103,view_type:2}),(0,T.jsx)(S,{componentType:13844,focusedIndex:e,groupIndex:n,keyPrefix:"recent_save",onSuggestionClick:t,onSuggestionMouseEnter:i,onSuggestionMouseLeave:a,seeMoreUrl:"/me/pins/",slpUnifiedComponentStyle:o,suggestions:r,title:s.bt("最近的收藏", "Recently saved", "searchBox.recentSavedSuggestions.heading", undefined, true)})}function C({focusedIndex:e,groupIndex:n,maxWidth:t,onSuggestionClick:o,onSuggestionMouseEnter:r,onSuggestionMouseLeave:l,slpUnifiedComponentStyle:c,suggestions:h}){const u=(0,d.ZP)(),g=(0,a.useDispatch)(),y=async e=>{await s.Z.create("ApiResource",{url:"/v3/search/recent/",data:{query:e}}).callDelete(),g((0,p.U)("AdvancedTypeaheadResource",{options:{term:"",pin_scope:"pins"}}))},m=u.bt("移除", "Remove", "Remove recent search in search typeahead suggestion", undefined, true);return(0,T.jsxs)(i.Fragment,{children:[(0,T.jsx)(O,{slpUnifiedComponentStyle:c,title:u.bt("最近搜索", "Recent searches", "Recent searches heading in search autocomplete", undefined, true)}),(0,T.jsx)(x.xu,{display:"flex",maxWidth:null!=t?t:void 0,overflow:"hidden",paddingX:c?void 0:4,position:"relative",children:h.map(((t,i)=>(0,T.jsx)(x.xu,{"data-test-id":"recent-query",children:(0,T.jsx)(w,{handleRemove:y,id:(0,v.Gp)(n,i),isHovered:e===i,isRecentSearch:!0,label:t.label,onClick:()=>{o(t,i)},onMouseEnter:()=>{r(i)},onMouseLeave:()=>{l()},removeA11yText:m,url:(0,v.Ek)({suggestion:t,query:""})})},`${t.type}-${t.label}`)))})]})}function j({focusedIndex:e,groupIndex:n,onSuggestionClick:t,onSuggestionMouseEnter:i,onSuggestionMouseLeave:a,slpUnifiedComponentStyle:o,suggestions:r}){const s=(0,d.ZP)();return(0,y.Q)({component:13843,view_parameter:103,view_type:2}),(0,T.jsx)(S,{componentType:13843,focusedIndex:e,groupIndex:n,keyPrefix:"recent_view",onSuggestionClick:t,onSuggestionMouseEnter:i,onSuggestionMouseLeave:a,seeMoreUrl:"/recently-viewed/",slpUnifiedComponentStyle:o,suggestions:r,title:s.bt("最近浏览", "Recently viewed", "searchBox.recentSavedSuggestions.heading", undefined, true)})}function k({groupIndex:e,focusedIndex:n,onSuggestionClick:t,onSuggestionMouseEnter:a,onSuggestionMouseLeave:o,searchBoxRenderStopwatch:r,slpUnifiedComponentStyle:s,suggestions:d}){const{id:p,items:c,story_type:h,title:{format:u}}=d,y=c.map((({type:e,id:n})=>e+":"+n)).join("|"),_=(0,g.Z)({viewType:2,componentType:200,viewParameter:3467,loggingId:p,objectIdStr:p,contextLogData:{content_ids:y,story_id:p,story_type:h},impressionType:"Story",slotIndex:e});return(0,T.jsxs)(i.Fragment,{children:[(0,T.jsx)(O,{title:u,slpUnifiedComponentStyle:s}),(0,T.jsx)(x.xu,{display:"flex",marginBottom:5,maxWidth:s?void 0:832,paddingX:s?void 0:4,ref:_,wrap:!0,children:c.slice(0,4).map(((i,d)=>{const c=n===d;return(0,T.jsx)(x.xu,{"aria-selected":c?"true":"false","data-test-id":"search-suggestion-today-bubble",id:(0,v.Gp)(e,d),marginBottom:2,marginEnd:s?4:void 0,paddingX:s?void 0:1,role:"option",children:(0,T.jsx)(l.Z,{bubble:i,height:s?m.F9:f,isHovered:c,lightOverlay:s,onClick:()=>{t(i,d)},onMouseEnter:()=>{a(d)},onMouseLeave:()=>{o()},searchBoxRenderStopwatch:r,slotIndex:d,storyId:p,storyType:h,viewParameter:3467,viewType:2,width:s?m.S0:f})},`story--${e}-${d}`)}))})]})}function D({focusedIndex:e,groupIndex:n,onSuggestionClick:t,onSuggestionMouseEnter:a,onSuggestionMouseLeave:s,searchBoxRenderStopwatch:l,slpUnifiedComponentStyle:d,suggestions:p}){const{id:c,items:h,story_type:u,title:{format:y}}=p,_=h.map((({type:e,id:n})=>e+":"+n)).join("|"),w=(0,g.Z)({componentType:200,contextLogData:{content_ids:_,story_id:c,story_type:u},impressionType:"Story",loggingId:c,slotIndex:n,viewParameter:3467,viewType:2}),I="shopping_spotlight"===u;return(0,T.jsxs)(i.Fragment,{children:[(0,T.jsx)(O,{title:y,slpUnifiedComponentStyle:d}),(0,T.jsx)(x.xu,{display:"flex",marginBottom:5,maxWidth:d?void 0:832,paddingX:d?void 0:4,ref:w,wrap:!0,children:h.slice(0,I?4:void 0).map(((i,p)=>{const g=e===p;let y=84;return I&&(y=d?m.F9:f),(0,T.jsx)(x.xu,{"data-test-id":"search-suggestion",children:(0,T.jsx)(x.xu,{"aria-selected":g?"true":"false",id:(0,v.Gp)(n,p),marginBottom:2,marginEnd:d?4:void 0,paddingX:d?void 0:1,role:"option",children:(0,T.jsx)(o.Z,{bubble:i,contextLogData:{story_type:u,content_ids:_},disableTabIndex:!0,handleReport:()=>{(0,r.Z)({query:"",report:i.query,suggestions:h.map((e=>e.query)),type:2===i.story_category?b.SEARCH_TRENDING_TEXT:b.SEARCH_IDEAS_FOR_YOU})},height:y,imgSignature:i.aux_fields&&i.aux_fields.image_sig,isHovered:g,lightOverlay:d,onClick:()=>{t(i,p)},onMouseEnter:()=>{a(p)},onMouseLeave:()=>{s()},referringSource:2===i.story_category?"trending":"autocomplete_bubble",searchBoxRenderStopwatch:l,showFlag:2===i.story_category||115===i.story_category,slotIndex:p,storyId:c,viewParameter:3467,viewType:2,width:d?m.S0:f})})},`story-${i.story_category?i.story_category:""}-${n}-${p}`)}))})]})}function E({focusedIndex:e,maxWidth:n,onSuggestionClick:t,onSuggestionMouseEnter:i,onSuggestionMouseLeave:a,searchBoxRenderStopwatch:o,suggestions:r,title:s}){const{group:l}=(0,u.F)().checkExperiment("dweb_slp_unified_component");return(0,T.jsxs)(x.xu,{marginBottom:4,children:[(0,T.jsx)(O,{title:s,slpUnifiedComponentStyle:!0}),"enabled_pill"===l&&"slp_rec_organic"===r[0].referring_source?(0,T.jsx)(x.xu,{display:"flex",maxWidth:null!=n?n:void 0,overflow:"hidden",position:"relative",children:r.map(((n,o)=>(0,T.jsx)(w,{color:n.aux_fields.background_color,isHovered:e===o,label:n.title.format,onClick:()=>{t(n,o)},onMouseEnter:()=>{i(o)},onMouseLeave:()=>{a()},url:n.action.url},`ify-pill-${o}`)))}):(0,T.jsx)(x.kC,{wrap:!0,maxWidth:null!=n?n:void 0,gap:4,children:r.map(((n,r)=>{const{aux_fields:{background_color:s},action:{url:l},id:d,objects:p,referring_source:c,story_type:h,title:{format:u}}=n,g=e===r;return(0,T.jsx)(m.ZP,{backgroundColor:s,id:d,index:r,isHovered:g,onClick:()=>{t(n,r)},onMouseEnter:()=>{i(r)},onMouseLeave:()=>{a()},pins:p,referringSource:c,searchBoxRenderStopwatch:o,storyType:h,title:u,url:l},`unifiedComponent-${d}`)}))})]})}},641350:(e,n,t)=>{t.d(n,{Ag:()=>g,F7:()=>o,Fj:()=>p,NO:()=>c,P$:()=>h,Ub:()=>y,XI:()=>i,a3:()=>l,ht:()=>r,le:()=>d,sA:()=>s,vh:()=>a,yY:()=>u});const i=48,a=52,o=68,r={md:407,sm:332},s=7,l=["pin.description","pin.id","pin.images[236x]"],d=360,p=76,c=.8,h=5,u=7.5,g=40,y=24},622599:(e,n,t)=>{t.d(n,{Cx:()=>T,Ek:()=>m,Gp:()=>x,HR:()=>_,PN:()=>I,WY:()=>b,YO:()=>P,cW:()=>v,hb:()=>O,l6:()=>f,sy:()=>w,zj:()=>S});var i=t(794230),a=t(391143),o=t(862628),r=t(829407),s=t(898781),l=t(784590),d=t(19121),p=t(613316),c=t(53987),h=t(909499),u=t(773285),g=t(276775),y=t(641350);function m({suggestion:e,query:n,lastFocusTime:t=0,filterSelectedTerm:r}){if("explorearticle"===e.type){var s,l;const{story_category:n,query:t,referringSource:i,id:o,storyId:r}=e;return null!==(s=null===(l=e.action)||void 0===l?void 0:l.url)&&void 0!==s?s:(0,a.Z)({storyCategory:n,query:t,referringSource:i,bubbleId:o,storyId:r})}if("todayarticle"===e.type){const{id:n,title:t}=e;return(0,p.x)({title:t,id:n,articleType:"today"})}const d={eq:(0,o.Z)(n)};t&&(d.etslf=String(Date.now()-t)),"inclusive_product_filter_query"===e.type&&r&&(d.filters=r);return(0,i.Z)(e.url||"",d)}function x(e,n){return`SuggestionGroup-Option-${e}-${n}`}const v=e=>{let n=0;return e.map((e=>{var t,i;const a=n;return n+=null!==(t=(null!==(i=e.items)&&void 0!==i?i:[]).length)&&void 0!==t?t:0,a}))},T=(e,n)=>{if(null==n)return;const t=v(e);for(let i=0;i<t.length;i+=1)if(e[i].items.length&&n-t[i]<e[i].items.length)return e[i].items[n-t[i]];return null};function f(e,n){const t=e.map((e=>{var n;return null!==(n=e.items.length)&&void 0!==n?n:0})).reduce(((e,n)=>e+n),0);let i;i=null==n?0:n===t-1?void 0:n+1;return[i,T(e,i)]}function _(e,n){const t=e.map((e=>{var n;return null!==(n=e.items.length)&&void 0!==n?n:0})).reduce(((e,n)=>e+n),0);let i;i=null==n?t-1:0===n?void 0:n-1;return[i,T(e,i)]}function b(){const e=(0,g.useLocation)(),n=(0,d.Z)(),t=n.isAuth&&e.pathname.startsWith(`/${n.username}/`),i=e.pathname.startsWith("/recently-viewed");return t||i}function w({setShouldHideGhostText:e,setSuggestionsMaxHeight:n,isFullWidthSearchBox:t}){function i(){var i;const a=(null===(i=document.getElementById("searchBoxContainer"))||void 0===i?void 0:i.offsetWidth)||0;e(a<=y.le),n(t?y.NO*(window.innerHeight-80):window.innerHeight-14-y.Fj)}(0,r.Z)((()=>(window.addEventListener("resize",i),i(),()=>{window.removeEventListener("resize",i)})))}function I({shouldHideGhostText:e,isSyop:n,inputFocused:t}){const i=(0,s.ZP)(),a=(0,g.useLocation)(),o=(0,l.Z)({name:"GhostTextResource",options:{numResponseResults:null,maxLengthEachResult:null}}),{checkExperiment:r}=(0,u.F)(),{anyEnabled:d}=r("aid_exp_ia_navigation_update_search");let p=!(0,c.Ni)(a)&&d?i.bt("搜索 Pin 图", "Search Pins", "searchBox.placeholder.defaultText", undefined, true):i.bt("搜索", "Search", "searchBox.placeholder.defaultText", undefined, true),h="";if(!e&&o.isLoaded&&o.data&&o.data.length>0){const e=o.data[0].text;h=o.data[0].query,p=e}return n&&(p=i.bt("尝试名称或描述", "Try a title or description", "searchBox.placeholder.searchYourOwnPinsFocusedText", undefined, true),t||(p=d?i.bt("搜索 Pin 图", "Search Pins", "searchBox.placeholder.searchYourOwnPinsText", undefined, true):i.bt("搜索你的 Pin 图", "Search your Pins", "searchBox.placeholder.searchYourOwnPinsText", undefined, true))),[p,h]}function S({suggestionsFocusIndex:e,suggestionGroups:n}){const t=v(n);let i,a;if("number"==typeof e)for(let o=t.length-1;o>=0;o-=1)if(e>=t[o]){i=o,a=e-t[o];break}return"number"==typeof i&&"number"==typeof a?x(i,a):""}function O(){const e=(0,d.Z)();(0,l.Z)({name:"AdvancedTypeaheadResource",options:{term:"",pin_scope:h.lw.PINS},noCache:!0}),(0,l.Z)({name:"SearchTabResource"}),(0,l.Z)(e.isLimitedLogin?null:{name:"ApiResource",options:{url:"/v3/users/me/recent/engaged/pin/stories/",data:{fields:y.a3.join(","),pin_preview_count:y.sA}}})}function P({pillLabels:e,maxWidth:n,hasCancelButton:t=!1}){let i=e.length;if(!n)return i;let a=0;for(let o=0;o<e.length;o+=1){const r=e[o].length*y.yY+y.Ag+(t?y.Ub:0);if(!(r+a<n)){i=o;break}a+=r}return i}},116674:(e,n,t)=>{t.d(n,{X:()=>p,f:()=>d});var i=t(667294);function a(e=null,n){switch(n.type){case"REPORT_CONTENT_SHOW":return{id:n.payload.id,isProduct:n.payload.isProduct,isPromoted:n.payload.isPromoted,videoDuration:n.payload.videoDuration,viewParameter:n.payload.viewParameter,viewType:n.payload.viewType,type:n.payload.type};case"REPORT_CONTENT_DISMISS":return null;default:return e}}var o=t(425288),r=t(623568),s=t(785893);const{Provider:l,useHook:d}=(0,o.Z)("ReportData");function p({children:e}){const[n,t]=(0,i.useReducer)(a,null),o=(0,i.useCallback)((()=>t({type:"REPORT_CONTENT_DISMISS"})),[]),d=(0,i.useCallback)(((e,n,i)=>t({type:"REPORT_CONTENT_SHOW",payload:{id:e,isProduct:!1,isPromoted:!1,videoDuration:null,viewParameter:n,viewType:i,type:"aggregatedComment"}})),[]),p=(0,i.useCallback)(((e,n,i)=>t({type:"REPORT_CONTENT_SHOW",payload:{id:e,isProduct:!1,isPromoted:!1,videoDuration:null,viewParameter:n,viewType:i,type:"conversation"}})),[]),c=(0,i.useCallback)(((e,n,i)=>t({type:"REPORT_CONTENT_SHOW",payload:{id:e,isProduct:!1,isPromoted:!1,videoDuration:null,viewParameter:n,viewType:i,type:"pin"}})),[]),h=(0,i.useCallback)(((e,n,i)=>{const{id:a,is_downstream_promotion:o,promoter:s,rich_metadata:l,rich_summary:d,videos:p}=e,c=(0,r.VX)(l,d),h=(0,r.jL)(o,s);let u;if((0,r.iR)(p)&&p){const{video_list:e={}}=p,n=e[Object.keys(e)[0]];u=n&&n.duration}t({type:"REPORT_CONTENT_SHOW",payload:{id:a,isProduct:c,isPromoted:h,videoDuration:u,viewParameter:n,viewType:i,type:"pin"}})}),[]),u=(0,i.useMemo)((()=>({reportData:n,dismiss:o,reportComment:d,reportConversation:p,reportImage:c,reportPin:h})),[n,o,d,p,c,h]);return(0,s.jsx)(l,{value:u,children:e})}}}]);
//# sourceMappingURL=https://sm.pinimg.com/webapp/40319.zh_CN-a67c8e694baff2a1.mjs.map