(self.webpackChunklite=self.webpackChunklite||[]).push([[9408],{81162:(e,n,i)=>{"use strict";i.d(n,{Z:()=>d});var a=i(67294);function t(){return t=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},t.apply(this,arguments)}var l=a.createElement("g",{fillRule:"evenodd"},a.createElement("path",{d:"M6.93 15.34l-2.06-2.06c-2.16-2.16-3.53-3.15-2.9-3.79.33-.32.8-.39 1.2 0l2.13 2.2c.08.08.16.07.38.13.21.05.36-.05.54-.23.17-.16.07-.6-.09-.77L3.5 8.2c-.37-.36-.5-1-.1-1.39.37-.37.8-.19 1.14.15.39.38 2.7 2.76 2.7 2.76a.42.42 0 0 0 .3.13.54.54 0 0 0 .33-.16c.17-.16.25-.46.09-.63 0 0-1.34-1.4-1.82-1.88-.71-.72-.77-1.22-.46-1.54.45-.44 1.05-.3 1.86.62l3.58 3.89-.75-1.95s-.47-1.25 0-1.5.84.4 1.17.9l1.86 3.34c1.01 1.65.69 3.8-.73 5.19-1.87 1.87-4.07.87-5.73-.78zM10.26.04H8.73l.77 3.3zM13.93 1.2L12.5.7l-.4 3.36zM6.5.57l-1.44.52L6.9 3.93z"}),a.createElement("path",{d:"M14.3 7.03c-.34-.5-.9-.52-1.25-.24-.25.19-.21.6-.2.9l1.51 2.64c1.17 1.9 1.33 3.66 0 5.45.4-.19.52-.23.9-.61 1.52-1.52 1.86-3.32.85-4.96l-1.8-3.18z"}));const d=function(e){return a.createElement("svg",t({width:19,height:19,viewBox:"0 0 19 19"},e),l)}},14349:(e,n,i)=>{"use strict";i.d(n,{Z:()=>d});var a=i(67294);function t(){return t=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},t.apply(this,arguments)}var l=a.createElement("path",{d:"M16.19 9.42c0 1.67-.72 2.84-2.03 4l-.1.09v.13a4.3 4.3 0 0 0 .15.85c.17.6.46 1.2.86 1.8a4.94 4.94 0 0 1-2.46-.84c-.26-.17-.33-.2-.54-.4l-.13-.12-.16.05c-.68.2-2.75.46-4.88-.16a5.9 5.9 0 0 1-4.1-5.4c0-3.37 3-6.12 6.7-6.12s6.69 2.75 6.69 6.12z",fillRule:"evenodd"});const d=function(e){return a.createElement("svg",t({width:19,height:19,viewBox:"0 0 19 19"},e),l)}},24129:(e,n,i)=>{"use strict";i.d(n,{l:()=>_});var a=i(67294),t=i(44642),l=i(97996),d=i(83263),o=i(84739),r=i(1109),m=i(10648),s=i(14818),c=i(77355),u=i(93310),k=i(27323),p=i(30020),v=i(87691),N=i(52069),g=i(18627),S=i(66411),f=i(14646),x=i(18122),F=i(92661),y=i(75221),E=i(99171),b=i(92305),I=i(87498),h=function(e){var n=e.catalog,i=e.breakpoints,t=n.listItemsConnection.items,l=(0,d.Q)(i),o={xs:140,sm:166,md:90,lg:166},r={xs:105,sm:105,md:144,lg:144};return a.useMemo((function(){return a.createElement(d.f,{coverHeight:r[l],coverWidth:o[l],catalogItems:t,isEmbeded:!0,breakpoints:i})}),[l,t])},R=i(65968),T=i(64238),C=function(e){return{marginBottom:"1px","& path":{fill:e.colorTokens.foreground.neutral.secondary.base}}},P={position:"absolute",inset:"0",border:"none"},w={pointerEvents:"none"},_=function(e){var n=e.catalog,i=e.titleClamp,_=void 0===i?2:i,D=e.maxWidth,M=void 0===D?{xs:"100%",sm:"100%",md:"740px",lg:"740px",xl:"740px"}:D,B=e.marginBottom,O=void 0===B?"40px":B,L=e.breakpoints,Q=n.name,Z=n.visibility,A=n.id,G=n.predefined,j=n.creator,z=(0,r.SZ)(n),J=Z!==y.n2.PUBLIC,V=G?(0,b.S6)(G):Q,q=(0,g.A)(),U=(0,S.pK)(),H=(0,d.Q)(L),K=(0,x.g)({onPresentedFn:function(){q.event("list.presented",{listId:n.id,source:U})}}),W=(0,f.I)(),X="sm"===H||"xs"===H,Y=(0,F.qt)("ShowUserList",{username:n.creator.username||"",catalogSlugId:(0,b.EJ)(n)}),$=(0,o.B)(j),ee=(0,T.o)(j);return a.createElement(c.x,{ref:K,border:"neutral.primary",borderRadius:"4px",marginBottom:O,maxWidth:M,width:"100%",display:"flex",justifyContent:"space-between",backgroundColor:"BASE_LIGHT",flexDirection:X?"column":"row",position:"relative",zIndex:0},a.createElement(u.r,{href:Y,rules:P,"aria-label":n.name}),a.createElement(c.x,{key:A,display:"flex",flexDirection:"column",padding:"24px 24px 10px",flexGrow:"1",flexShrink:"0",flexBasis:"0",justifyContent:"space-between",wordBreak:"break-word"},a.createElement(k.P,{href:$,"aria-label":j.name||"List creator"},a.createElement(c.x,{display:"flex"},a.createElement(s.z,{miroId:j.imageId||I.gG,alt:j.name||"",diameter:20,freezeGifs:!0}),a.createElement(c.x,{paddingLeft:"8px",zIndex:"1",display:"flex",alignItems:"center"},a.createElement(v.F,{scale:"M",color:"DARKER",clamp:1},j.name),ee&&j.id&&a.createElement(R.G,{marginLeft:"2px",marginTop:"2px",size:"S",userId:j.id})))),a.createElement(c.x,{marginTop:"12px"},a.createElement(N.Dx,{clamp:_,scale:{xs:"XS",sm:"XS",md:"S",lg:"S",xl:"S"}},V)),a.createElement(c.x,{display:"flex",alignItems:"center",justifyContent:"space-between"},a.createElement(c.x,{display:"flex",margin:"6px 0"},a.createElement(v.F,{scale:"S",color:"LIGHTER"},z||"No stories"),J&&a.createElement(c.x,{paddingLeft:"8px"},a.createElement(E.Z,{className:W(C)}))),a.createElement(c.x,{display:"flex",position:"relative"},a.createElement(m.b,{catalog:n}),a.createElement(t.kw,{catalog:n},a.createElement(p._,{tooltipText:"More",targetDistance:10},a.createElement(l.G,{catalog:n})))))),a.createElement("div",{className:W(w)},a.createElement(h,{catalog:n,breakpoints:L})))}},56785:(e,n,i)=>{"use strict";i.d(n,{V:()=>a});var a={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"InResponseToEntityPreview_post"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"inResponseToEntityType"}}]}}]}},73776:(e,n,i)=>{"use strict";i.d(n,{h:()=>C});var a=i(67294),t=i(64718),l=i(5911),d=i(37269),o=i(93164),r=i(27323),m=i(77355),s=i(87691),c=i(14646),u=i(75221),k=i(81162),p=i(14349),v=i(21372),N=i(53546),g=i(50458),S=i(87329),f=i(51794),x=i(82377),F={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"InResponseToPostPreviewQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"postId"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"postResult"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"postId"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"inResponseToPostResult"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"mediumUrl"}},{kind:"Field",name:{kind:"Name",value:"creator"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"name"}}]}},{kind:"Field",name:{kind:"Name",value:"clapCount"}},{kind:"Field",name:{kind:"Name",value:"responsesCount"}},{kind:"Field",name:{kind:"Name",value:"visibility"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"inResponseToMediaResource"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"mediumQuote"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"Quote_quote"}}]}}]}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"PostResultError_postResult"}}]}}]}}].concat((0,S.Z)(f.Q.definitions),(0,S.Z)(x.i.definitions))},y=function(e){return{fill:e.colorTokens.foreground.neutral.secondary.base}},E=function(e){var n=e.postId,i=e.postPreviewMarginBottom,S=(0,c.I)(),f=(0,t.a)(F,{variables:{postId:n}}),x=f.data,E=f.error,b=f.loading;if(E||b||!x||(0,l.r)(x.postResult))return null;var I=x.postResult,h=I.inResponseToMediaResource,R=I.inResponseToPostResult,T="Post"===(null==R?void 0:R.__typename)?R:void 0;if(!T||T.visibility===u.Wn.UNLISTED)return null;var C=T.title,P=T.creator&&T.creator.name,w=T.clapCount||0,_=T.responsesCount||0,D=(null==h?void 0:h.mediumQuote)&&(0,N.Gj)(h.mediumQuote),M=D&&D.type;return M===u.NJ.IMG||M===u.NJ.IFRAME||M===u.NJ.COVER_TITLE||M===u.NJ.HR||M===u.NJ.MIXTAPE_EMBED||M===u.NJ.SECTION_CAPTION?null:a.createElement(r.P,{href:(0,g.jV)(T)},a.createElement(o.Z,{marginBottom:i},a.createElement(m.x,{paddingLeft:"20px",paddingRight:"20px"},D&&M&&a.createElement(m.x,{paddingBottom:"20px"},a.createElement(d.D,{paragraph:D,paragraphStyle:M,spaceTop:10,richTextStyle:"STREAM"})),a.createElement(m.x,{display:"flex"},a.createElement(m.x,{display:"flex",flexGrow:"1",flexShrink:"1",alignItems:"center"},a.createElement(s.F,{scale:"M",color:"DARKER",clamp:1,tag:"span"},C)),a.createElement(m.x,{display:"flex",flexGrow:"0",alignItems:"center"},w>0?a.createElement(m.x,{display:"flex",alignItems:"center"},a.createElement("span",{className:S(y)},a.createElement(m.x,{tag:k.Z,marginRight:"4px"})),a.createElement(s.F,{scale:"M",tag:"div"},(0,v.pY)(w))):null,_>0?a.createElement(m.x,{display:"flex",alignItems:"center"},a.createElement("span",{className:S(y)},a.createElement(m.x,{tag:p.Z,marginLeft:"8px",marginRight:"4px"})),a.createElement(s.F,{scale:"M",tag:"div"},(0,v.pY)(_))):null)),a.createElement(s.F,{scale:"M"},P))))},b=i(24129),I=i(1109),h=i(97147),R={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"InResponseToCatalogPreviewQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"postId"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"postResult"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"postId"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"inResponseToCatalogResult"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"__typename"}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Catalog"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"visibility"}},{kind:"Field",name:{kind:"Name",value:"creator"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"CatalogsListItem_catalog"}}]}}]}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"PostResultError_postResult"}}]}}]}}].concat((0,S.Z)(h.c.definitions),(0,S.Z)(x.i.definitions))},T=function(e){var n=e.postId,i=(0,I.KB)(),d=(0,t.a)(R,{variables:{postId:n}}),o=d.data,r=d.error,m=d.loading;if(r||m||!o||(0,l.r)(o.postResult))return null;var s=o.postResult.inResponseToCatalogResult,c=i("Catalog"===(null==s?void 0:s.__typename)?s.creator.id:"");return s&&"Catalog"===s.__typename&&(c||"PUBLIC"===s.visibility)?a.createElement(b.l,{catalog:s}):null},C=(0,a.memo)((function(e){var n=e.post,i=e.padding,t=e.postPreviewMarginBottom,l=n.inResponseToEntityType;return l===u.Jh.CATALOG?a.createElement(m.x,{padding:i},a.createElement(T,{postId:n.id})):l===u.Jh.POST?a.createElement(m.x,{padding:i},a.createElement(E,{postId:n.id,postPreviewMarginBottom:t})):null}))},51794:(e,n,i)=>{"use strict";i.d(n,{Q:()=>o});var a=i(87329),t=i(68216),l=i(82717),d=i(56190),o={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"Quote_quote"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Quote"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"quoteId"}},{kind:"Field",name:{kind:"Name",value:"userId"}},{kind:"Field",name:{kind:"Name",value:"post"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"mediumUrl"}},{kind:"Field",name:{kind:"Name",value:"creator"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"username"}},{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"FragmentSpread",name:{kind:"Name",value:"userUrl_user"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"startOffset"}},{kind:"Field",name:{kind:"Name",value:"endOffset"}},{kind:"Field",name:{kind:"Name",value:"paragraphs"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"text"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"markups"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"anchorType"}},{kind:"Field",name:{kind:"Name",value:"end"}},{kind:"Field",name:{kind:"Name",value:"href"}},{kind:"Field",name:{kind:"Name",value:"rel"}},{kind:"Field",name:{kind:"Name",value:"start"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"userId"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"TextParagraph_paragraph"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"buildQuotePreviewParagraph_quote"}}]}}].concat((0,a.Z)(t.$m.definitions),(0,a.Z)(l.Rg.definitions),(0,a.Z)(d.S.definitions))}},93164:(e,n,i)=>{"use strict";i.d(n,{Z:()=>d});var a=i(67294),t=i(77355),l=i(31889),d=function(e){var n=e.children,i=e.marginBottom,d=void 0===i?24:i,o=(0,l.F)();return a.createElement(t.x,{backgroundColor:"BACKGROUND",border:"neutral.primary",borderRadius:"5px",boxShadow:"0 1px 4px ".concat(o.colorTokens.border.neutral.primary.base),marginBottom:"".concat(d,"px"),padding:"23px 0"},n)}},56190:(e,n,i)=>{"use strict";i.d(n,{S:()=>a});var a={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"buildQuotePreviewParagraph_quote"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Quote"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"paragraphs"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"text"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"markups"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"end"}},{kind:"Field",name:{kind:"Name",value:"start"}},{kind:"Field",name:{kind:"Name",value:"type"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"startOffset"}},{kind:"Field",name:{kind:"Name",value:"endOffset"}}]}}]}}}]);
//# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/9408.93ecc1af.chunk.js.map