https://s.flipboard.com/webu/app-route-containers-directory.d806f2bd936d1a4ce59f.bundle.js

1"use strict";(("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__=("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__||[]).push([[5615],{31610:function(e,r,t){t.r(r),t.d(r,{default:function(){return $}});t(15735),t(58188),t(6886);var n=t(12291),a=t(14890),o=t(41626),c=(t(35666),t(16781),t(73439),t(34769),t(34115),t(95342),t(68625),t(1939),t(62775),t(89644)),i=t.n(c),s=t(77690),l=t(12933);function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e,r,t,n,a,o,c){try{var i=e[o](c),s=i.value}catch(e){return void t(e)}i.done?r(s):Promise.resolve(s).then(n,a)}function y(e){return function(){var r=this,t=arguments;return new Promise((function(n,a){var o=e.apply(r,t);function c(e){h(o,n,a,c,i,"next",e)}function i(e){h(o,n,a,c,i,"throw",e)}c(void 0)}))}}function f(e){var r=[];return e.query&&r.push(e.query),e.docType&&"all"!==e.docType&&r.push("doc_type:".concat(e.docType)),e.topic&&r.push("topic:".concat(e.topic)),e.lang&&r.push("lang:".concat(e.lang)),e.publisherOnly&&r.push("publisher:true"),e.videoOnly&&r.push("video:true"),e.owner&&r.push("owner:".concat(e.owner)),r.join(" ")||"*"}function v(e){return _.apply(this,arguments)}function _(){return(_=y(regeneratorRuntime.mark((function e(r){var t,n,a;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=f(r),e.next=3,i().get("/api/v2/directory/search",{params:{query:t,sortField:r.sort||"ap_followers_count",sortOrder:r.sortOrder||"desc",from:r.from||0,size:24}});case 3:return n=e.sent,a=n.data,e.abrupt("return",a);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var r=y(regeneratorRuntime.mark((function r(t){var n;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t({type:l.E7.DIRECTORY_SEARCH}),r.prev=1,r.next=4,v(e);case 4:n=r.sent,t({type:l.E7.DIRECTORY_SEARCH_SUCCEEDED,payload:{entries:n.entries||[],totalCount:n.totalCount||0}}),r.next=12;break;case 8:r.prev=8,r.t0=r.catch(1),s.ZP.error("Directory search failed",r.t0),t({type:l.E7.DIRECTORY_SEARCH_FAILED,payload:i().isAxiosError(r.t0)?r.t0.message:"Directory search failed"});case 12:case"end":return r.stop()}}),r,null,[[1,8]])})));return function(e){return r.apply(this,arguments)}}()},b=function(e){return function(r){r({type:l.E7.DIRECTORY_SET_FILTERS,payload:e})}},g=function(e,r){return function(){var t=y(regeneratorRuntime.mark((function t(n){var a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n({type:l.E7.DIRECTORY_LOAD_MORE}),t.prev=1,t.next=4,v(d({},e,{from:r}));case 4:a=t.sent,n({type:l.E7.DIRECTORY_LOAD_MORE_SUCCEEDED,payload:{entries:a.entries||[]}}),t.next=12;break;case 8:t.prev=8,t.t0=t.catch(1),s.ZP.error("Directory load more failed",t.t0),n({type:l.E7.DIRECTORY_LOAD_MORE_FAILED,payload:"Failed to load more entries"});case 12:case"end":return t.stop()}}),t,null,[[1,8]])})));return function(e){return t.apply(this,arguments)}}()},j=(t(49228),t(28673),t(14121),t(77950),t(94908),t(43450),t(18178),t(96928),t(61229),t(634),t(20796),t(2784)),x=t(66263),O=t(22749),w=t(49412),D=t(31075),N=(t(61657),t(85940),t(32501),t(26936),t(27233),t(52322));function C(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(t.push(c.value),!r||t.length!==r);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(a)throw o}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return T(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return T(e,r)}

1(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function E(e){return e>=1e6?"".concat((e/1e6).toFixed(1),"M"):e>=1e3?"".concat((e/1e3).toFixed(1),"K"):String(e||0)}function S(e){if(!e)return"";var r=e.replace(/<[^>]*>/g,"");return r=r.replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'").replace(/&rsquo;/g,"’").replace(/&lsquo;/g,"‘").replace(/&rdquo;/g,"”").replace(/&ldquo;/g,"“").replace(/&mdash;/g,"—").replace(/&ndash;/g,"–").replace(/&nbsp;/g," ").replace(/&uuml;/g,"ü").replace(/&#(\d+);/g,(function(e,r){return String.fromCharCode(parseInt(r,10))}))}var k=function(e){var r=e.entry,t=e.onTopicClick,n=e.onOwnerMagazinesClick,a=e.activeTopic,o=e.server,c="user"===r.doc_type,i=r.profile_url||"/@".concat(r.username),s=(r.display_name||r.username||"?").charAt(0).toUpperCase(),l=C((0,j.useState)(!1),2),u=l[0],d=l[1];return(0,N.jsxs)("div",{className:"directory-card",children:[(0,N.jsxs)("div",{className:"directory-card__header",children:[(0,N.jsx)("a",{href:i,className:"directory-card__avatar-link",target:"_blank",rel:"noopener noreferrer",children:r.avatar_url?(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("img",{className:"directory-card__avatar",src:r.avatar_url,alt:r.display_name,loading:"lazy",onError:function(e){var r=e.currentTarget,t=r.nextElementSibling;r.style.display="none",t&&(t.style.display="flex")}}),(0,N.jsx)("div",{className:"directory-card__avatar directory-card__avatar--placeholder",style:{display:"none"},children:s})]}):(0,N.jsx)("div",{className:"directory-card__avatar directory-card__avatar--placeholder",children:s})}),(0,N.jsxs)("div",{className:"directory-card__info",children:[(0,N.jsxs)("a",{href:i,className:"directory-card__name",target:"_blank",rel:"noopener noreferrer",children:[r.display_name||r.username,r.is_publisher&&(0,N.jsx)("span",{className:"directory-card__verified",title:"Verified Publisher",children:"✓"})]}),(0,N.jsxs)("button",{className:"directory-card__handle",onClick:function(){var e;

1null===(e=navigator.clipboard)||void 0===e||e.writeText(r.fediverse_handle),d(!0),setTimeout((function(){return d(!1)}),1500)},title:"Copy fediverse handle",children:[(0,N.jsx)("span",{className:"directory-card__handle-text",children:r.fediverse_handle}),(0,N.jsx)("span",{className:"directory-card__handle-copy",children:u?"Copied!":""})]})]}),(0,N.jsx)("span",{className:"directory-card__badge directory-card__badge--".concat(r.doc_type),children:c?"User":"Magazine"})]}),r.ap_description&&(0,N.jsx)("p",{className:"directory-card__description",children:S(r.ap_description)}),r.topic_names&&r.topic_names.length>0&&(0,N.jsx)("div",{className:"directory-card__topics",children:r.topic_names.slice(0,5).map((function(e,n){return(0,N.jsx)("button",{className:"directory-card__topic ".concat(a===r.topics[n]?"directory-card__topic--active":""),onClick:function(){return t(r.topics[n])},children:e},r.topics[n])}))}),(0,N.jsxs)("div",{className:"directory-card__stats",children:[(0,N.jsxs)("span",{className:"directory-card__stat",children:[(0,N.jsx)("strong",{children:E(r.ap_followers_count)})," followers"]}),(0,N.jsxs)("span",{className:"directory-card__stat",children:[(0,N.jsx)("strong",{children:E(r.statuses_count)})," posts"]})]}),(0,N.jsxs)("div",{className:"directory-card__actions",children:[(0,N.jsx)("a",{href:o?"https://".concat(o,"/").concat(r.fediverse_handle):"https://flipboard.social/".concat(r.fediverse_handle),className:"directory-card__follow-btn directory-card__follow-btn--fediverse",target:"_blank",rel:"noopener noreferrer",children:o?"Open on ".concat(o):"Fediverse"}),c&&(0,N.jsx)("button",{className:"directory-card__follow-btn directory-card__follow-btn--owner",onClick:function(){return n(r.username)},children:"Magazines"}),!c&&r.magazine_owner_username&&(0,N.jsxs)("a",{href:"https://flipboard.com/@".concat(r.magazine_owner_username),className:"directory-card__follow-btn directory-card__follow-btn--owner",target:"_blank",rel:"noopener noreferrer",children:["@",r.magazine_owner_username]})]})]})},A=t(37757);function F(e){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F(e)}function P(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function R(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?P(Object(t),!0).forEach((function(r){Y(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function L(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function z(e,r){return z=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e},z(e,r)}function I(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,n=q(e);if(r){var a=q(this).constructor;t=Reflect.construct(n,arguments,a)}else t=n.apply(this,arguments);return M(this,t)}}function M(e,r){return!r||"object"!==F(r)&&"function"!=typeof r?U(e):r}function U(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function q(e){return q=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},q(e)}function Y(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var H=[{value:"ap_followers_count",label:"Most Followers",order:"desc"},{value:"last_status_at",label:"Recently Active",order:"desc"},{value:"display_name.keyword",label:"Name A-Z",order:"asc"},{value:"date_federated",label:"Newest",order:"desc"}],Z=[{value:"all",label:"All"},{value:"user",label:"Users"},{value:"magazine",label:"Magazines"}],V=[{value:"",label:"All Languages"},{value:"en",label:"English"},{value:"de",label:"German"},{value:"fr",label:"French"},{value:"es",label:"Spanish"},{value:"pt",label:"Portuguese"},{value:"it",label:"Italian"},{value:"nl",label:"Dutch"},{value:"ja",label:"Japanese"},{value:"ko",label:"Korean"},{value:"zh",label:"Chinese"},{value:"ar",label:"Arabic"},{value:"ru",label:"Russian"},{value:"tr",label:"Turkish"},{value:"pl",label:"Polish"},{value:"sv",label:"Swedish"},{value:"da",label:"Danish"},{value:"no",label:"Norwegian"},{value:"fi",label:"Finnish"},{value:"hi",label:"Hindi"}],B=function(e){!function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&z(e,r)}(o,e);var r,t,n,a=I(o);function o(e){var r;!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,o),Y(U(r=a.call(this,e)),"searchTimeout",null),Y(U(r),"handleSearchInput",(function(e){var t=e.target.value;r.setState({searchInput:t}),r.searchTimeout&&clearTimeout(r.searchTimeout),r.searchTimeout=setTimeout((function(){r.props.setDirectoryFilters({query:t}),r.props.searchDirectory(R({},r.props.filters,{query:t}))}),300)})),Y(U(r),"handleTypeFilter",(function(e){var t={docType:e,owner:""};r.props.setDirectoryFilters(t),r.props.searchDirectory(R({},r.props.filters,{},t))})),Y(U(r),"handleSortChange",(function(e){var t=H.find((function(r){return r.value===e.target.value}));if(t){var n={sort:t.value,sortOrder:t.order};r.props.setDirectoryFilters(n),r.props.searchDirectory(R({},r.props.filters,{},n))}})),Y(U(r),"handleLanguageChange",(function(e){var t=e.target.value;r.props.setDirectoryFilters({lang:t}),r.props.searchDirectory(R({},r.props.filters,{lang:t}))})),Y(U(r),"handleTopicClick",(function(e){var t=r.props.filters.topic===e?"":e;r.props.setDirectoryFilters({topic:t}),r.props.searchDirectory(R({},r.props.filters,{topic:t}))})),Y(U(r),"handleVideoToggle",(function(e){var t=e.target.checked;r.props.setDirectoryFilters({videoOnly:t}),r.props.searchDirectory(R({},r.props.filters,{videoOnly:t}))})),Y(U(r),"handlePublisherToggle",(function(e){var t=e.target.checked;r.props.setDirectoryFilters({publisherOnly:t}),r.props.searchDirectory(R({},r.props.filters,{publisherOnly:t}))})),Y(U(r),"handleOwnerMagazinesClick",(function(e){var t={docType:"magazine",owner:e,query:""};r.setState({searchInput:""}),r.props.setDirectoryFilters(t),r.props.searchDirectory(R({},r.props.filters,{},t))})),Y(U(r),"handleLoadMore",(function(){r.props.loadMoreDirectory(r.props.filters,r.props.entries.length)}));var t="undefined"!=typeof window?new URLSearchParams(window.location.search):null;return r.state={searchInput:"",server:(null==t?void 0:t.get("server"))||""},r}return r=o,t=[{key:"componentDidMount",value:function(){var e=this.props.t,r="Flipboard - ".concat(e("Federated Directory"));this.props.setAppUrl("/directory"),this.props.setAdjustNavFrom(O.rf.SEARCH_RESULTS),x.Z.trackPageview(this.props.setTitle({title:r}),"/directory");var t=this.props,n=t.entries,a=t.filters,o=t.searchDirectory;(!n||Array.isArray(n)&&0===n.length)&&o(a)}},{key:"componentWillUnmount",value:function(){this.searchTimeout&&clearTimeout(this.searchTimeout),this.props.setAppUrl&&this.props.setAppUrl(null),this.props.setAdjustNavFrom&&this.props.setAdjustNavFrom(null)}},{key:"render",value:function(){var e=this,r=this.props,t=r.entries,n=r.isLoading,a=r.totalCount,o=r.filters,c=r.error;

1return(0,N.jsx)(D.Z,{className:"directory-page",children:(0,N.jsxs)("div",{className:"directory",children:[(0,N.jsxs)("header",{className:"directory__header",children:[(0,N.jsx)("h1",{className:"directory__title",children:"Flipboard Federated Directory"}),(0,N.jsx)("p",{className:"directory__subtitle",children:"Discover Flipboard accounts and magazines on the Fediverse. Follow them from Mastodon or any ActivityPub client."})]}),(0,N.jsxs)("div",{className:"directory__controls",children:[(0,N.jsx)("div",{className:"directory__search",children:(0,N.jsx)("input",{type:"text",className:"directory__search-input",placeholder:"Search accounts and magazines...",value:this.state.searchInput,onChange:this.handleSearchInput})}),(0,N.jsxs)("div",{className:"directory__filters",children:[(0,N.jsx)("div",{className:"directory__type-filter",children:Z.map((function(r){return(0,N.jsx)("button",{className:"directory__type-btn ".concat(o.docType===r.value?"directory__type-btn--active":""),onClick:function(){return e.handleTypeFilter(r.value)},children:r.label},r.value)}))}),(0,N.jsx)("select",{className:"directory__sort-select",value:o.sort,onChange:this.handleSortChange,children:H.map((function(e){return(0,N.jsx)("option",{value:e.value,children:e.label},e.value)}))}),(0,N.jsx)("select",{className:"directory__sort-select",value:o.lang||"",onChange:this.handleLanguageChange,children:V.map((function(e){return(0,N.jsx)("option",{value:e.value,children:e.label},e.value)}))}),(0,N.jsxs)("label",{className:"directory__publisher-toggle",children:[(0,N.jsx)("input",{type:"checkbox",checked:o.publisherOnly||!1,onChange:this.handlePublisherToggle}),"Publishers only"]}),(0,N.jsxs)("label",{className:"directory__publisher-toggle",children:[(0,N.jsx)("input",{type:"checkbox",checked:o.videoOnly||!1,onChange:this.handleVideoToggle}),"FlipboardTV only"]}),(0,N.jsx)("div",{className:"directory__server",children:(0,N.jsx)("input",{type:"text",className:"directory__server-input",placeholder:"Your server (e.g. mastodon.social)",value:this.state.server,onChange:function(r){return e.setState({server:r.target.value})}})}),(0,N.jsxs)("div",{className:"directory__export",children:[(0,N.jsx)("a",{href:"/api/v2/directory/export/csv",className:"directory__export-link",download:!0,children:"CSV"}),(0,N.jsx)("a",{href:"/api/v2/directory/export/json",className:"directory__export-link",download:!0,children:"JSON"}),(0,N.jsx)("a",{href:"/api/v2/directory/export/opml",className:"directory__export-link",download:!0,children:"OPML"})]})]})]}),c&&(0,N.jsx)("div",{className:"directory__error",children:c}),n&&0===t.length?(0,N.jsx)(w.Z,{}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("div",{className:"directory__count",children:[a," federated"," ","user"===o.docType?1===a?"account":"accounts":"magazine"===o.docType?1===a?"magazine":"magazines":1===a?"account":"accounts and magazines",o.owner&&(0,N.jsxs)(N.Fragment,{children:[" ","by @",o.owner," ",(0,N.jsx)("button",{className:"directory__type-btn",onClick:function(){return e.handleTypeFilter("all")},children:"Clear"})]})]}),(0,N.jsx)("div",{className:"directory__grid",children:t.map((function(r){return(0,N.jsx)(k,{entry:r,onTopicClick:e.handleTopicClick,onOwnerMagazinesClick:e.handleOwnerMagazinesClick,activeTopic:o.topic,server:e.state.server},"".concat(r.doc_type,":").concat(r.username))}))}),t.length<a&&(0,N.jsx)("div",{className:"directory__load-more",children:(0,N.jsx)("button",{className:"directory__load-more-btn",onClick:this.handleLoadMore,disabled:n,children:n?"Loading...":"Load More"})})]})]})})}}],t&&L(r.prototype,t),n&&L(r,n),o}(j.Component),K=(0,A.Z)(B),J=(0,n.$j)((function(e){var r=e.directory;return{entries:r.entries,isLoading:r.loading,totalCount:r.totalCount,filters:r.filters,error:r.error}}),(function(e){return(0,a.DE)({setAdjustNavFrom:o.ax,setAppUrl:o.sO,setTitle:o.Td,searchDirectory:m,setDirectoryFilters:b,loadMoreDirectory:g},e)}))(K),$=J}}]);
2//# sourceMappingURL=app-route-containers-directory.d806f2bd936d1a4ce59f.bundle.js.map