TESTNET | NEAR Transaction 8cFfTMCxUNsm7545A5F4bAZ77BxhdYAo12MeaU6uVGaP

"home": "let { sharedBlockHeight, tagShared, isTest, accountId } = props;\\n\\nconst sbtWhiteList =\\n context.networkId === \\\"testnet\\\"\\n ? [\\n \\\"fractal-v2.i-am-human.testnet - class 1\\\",\\n \\\"community-v2.i-am-human.testnet - class 1\\\",\\n ]\\n : [\\n \\\"fractal.i-am-human.near - class 1\\\",\\n \\\"community.i-am-human.near - class 1\\\",\\n \\\"community.i-am-human.near - class 2\\\",\\n \\\"community.i-am-human.near - class 3\\\",\\n \\\"elections.ndc-gwg.near - class 2\\\",\\n \\\"elections.ndc-gwg.near - class 3\\\",\\n \\\"elections.ndc-gwg.near - class 4\\\",\\n \\\"public\\\",\\n ];\\n\\nfunction createSbtOptions() {\\n return sbtWhiteList.map((option, i) => {\\n const title = \\\"\\\";\\n\\n if (option === \\\"fractal.i-am-human.near - class 1\\\") {\\n title = \\\"General\\\";\\n } else if (option === \\\"community.i-am-human.near - class 1\\\") {\\n title = \\\"OG\\\";\\n } else if (option === \\\"community.i-am-human.near - class 2\\\") {\\n title = \\\"Contributor\\\";\\n } else if (option === \\\"community.i-am-human.near - class 3\\\") {\\n title = \\\"Core Contributor\\\";\\n } else if (option === \\\"elections.ndc-gwg.near - class 2\\\") {\\n title = \\\"HoM\\\";\\n } else if (option === \\\"elections.ndc-gwg.near - class 3\\\") {\\n title = \\\"CoA\\\";\\n } else if (option === \\\"elections.ndc-gwg.near - class 4\\\") {\\n title = \\\"TC\\\";\\n } else if (option === \\\"fractal-v2.i-am-human.testnet - class 1\\\") {\\n title = \\\"Fractal\\\";\\n } else if (option === \\\"community-v2.i-am-human.testnet - class 1\\\") {\\n title = \\\"Community\\\";\\n } else {\\n title = \\\"Public\\\";\\n }\\n\\n if (i == 0) {\\n //The first options is always the default one\\n return { title, default: true, value: option };\\n } else {\\n return { title, value: option };\\n }\\n });\\n}\\n\\n// const componentsOwner =\\n// \\\"gatitos.testnet\\\";\\nconst componentsOwner = \\\"gatitos.testnet\\\";\\n\\nconst authorForWidget = \\\"gatitos.testnet\\\";\\n// const authorForWidget =\\n// \\\"gatitos.testnet\\\";\\n// const authorForWidget = \\\"gatitos.testnet\\\";\\n// const authorForWidget = \\\"gatitos.testnet\\\";\\n\\nconst configWidget = \\\"home\\\";\\n\\nconst widgets = {\\n thisForum: `${authorForWidget}/widget/${configWidget}`,\\n\\n //Editable widgets\\n ndcForum: `${componentsOwner}/widget/NDC.Forum`,\\n create: `${componentsOwner}/widget/NDC.Forum.Create`,\\n header: `${componentsOwner}/widget/NDC.NavBar`,\\n showArticlesList: `${componentsOwner}/widget/NDC.Forum.AllArticlesList`,\\n showArticlesListSortedByAuthors: `${componentsOwner}/widget/NDC.AllArticlesSortByAuthors`,\\n articlesByAuthorCard: `${componentsOwner}/widget/NDC.ArticlesByAuthorCard`,\\n generalCard: `${componentsOwner}/widget/NDC.GeneralCard`,\\n articleView: `${componentsOwner}/widget/NDC.ArticleView`,\\n reactions: `${componentsOwner}/widget/NDC.Reactions`,\\n addComment: `${componentsOwner}/widget/NDC.AddComment`,\\n commentView: `${componentsOwner}/widget/NDC.CommentView`,\\n upVoteButton: `${componentsOwner}/widget/NDC.UpVoteButton`,\\n profileShortInlineBlock: `${componentsOwner}/widget/Profile.ShortInlineBlock`,\\n tagsEditor: `${componentsOwner}/widget/TagsEditor`,\\n kanbanBoard: `${componentsOwner}/widget/NDC.KanbanBoard`,\\n compactPost: `${componentsOwner}/widget/NDC.CompactPost`,\\n\\n //Libs\\n libSBT: `gatitos.testnet/widget/lib.SBT`,\\n libComment: `gatitos.testnet/widget/lib.comment`,\\n libArticle: `gatitos.testnet/widget/lib.article`,\\n libEmojis: `gatitos.testnet/widget/lib.emojis`,\\n libUpVotes: `gatitos.testnet/widget/lib.upVotes`,\\n libNotifications: `gatitos.testnet/widget/lib.notifications`,\\n\\n //Standard widgets\\n fasterTextInput: `gatitos.testnet/widget/fasterTextInput`,\\n markownEditorIframe: `gatitos.testnet/widget/MarkdownEditorIframe`,\\n styledComponents: \\\"gatitos.testnet/widget/NDC.StyledComponents\\\",\\n newStyledComponents: {\\n Element: {\\n Badge: \\\"gatitos.testnet/widget/Element.Badge\\\",\\n User: \\\"gatitos.testnet/widget/Element.User\\\",\\n },\\n Feedback: {\\n Spinner: \\\"gatitos.testnet/widget/Feedback.Spinner\\\",\\n },\\n Input: {\\n Button: \\\"gatitos.testnet/widget/Input.Button\\\",\\n Checkbox: \\\"gatitos.testnet/widget/Input.Checkbox\\\",\\n Select: \\\"gatitos.testnet/widget/Input.Select\\\",\\n },\\n },\\n socialMarkdown: \\\"gatitos.testnet/widget/SocialMarkdown\\\",\\n profileOverlayTrigger: \\\"gatitos.testnet/widget/Profile.OverlayTrigger\\\",\\n profileImage: \\\"gatitos.testnet/widget/ProfileImage\\\",\\n wikiOnSocialDB_TooltipProfiles: `gatitos.testnet/widget/WikiOnSocialDB_TooltipProfiles`,\\n navBarImg: \\\"gatitos.testnet/widget/Image\\\",\\n};\\n\\nconst brand = {\\n brandName: \\\"Community Voice\\\",\\n logoHref:\\n \\\"https://ipfs.near.social/ipfs/bafkreifhkslni6dlocxya35vjft3fefk2am5uzkagmjjzobdjqlhrnbjz4\\\",\\n logoRemWidth: 12,\\n logoRemHeight: 4,\\n};\\n\\nconst baseActions = {\\n commentBaseAction: \\\"communityVoiceComment\\\",\\n articlesBaseAction: \\\"communityVoiceArticle\\\",\\n upVoteBaseAction: \\\"communityVoiceUpVote\\\",\\n reactionBaseAction: \\\"communityVoiceReaction\\\",\\n};\\n\\nconst kanbanColumns = [\\\"Open\\\", \\\"Claimed\\\", \\\"In Work\\\", \\\"Closed\\\"];\\n\\nconst kanbanRequiredTags = [];\\nconst kanbanExcludedTags = [];\\n\\nreturn (\\n <Widget\\n src={widgets.ndcForum}\\n props={{\\n sharedBlockHeight,\\n tagShared,\\n isTest,\\n accountId,\\n sbtWhiteList,\\n authorForWidget,\\n widgets,\\n brand,\\n baseActions,\\n createSbtOptions,\\n kanbanColumns,\\n kanbanRequiredLabels,\\n kanbanExcludedLabels,\\n }}\\n />\\n);\\n",

"SayALot": "// SayALot\\r\\n\\r\\nlet {\\r\\n sharedBlockHeight,\\r\\n tagShared,\\r\\n isTest,\\r\\n accountId,\\r\\n sharedArticleId,\\r\\n sharedCommentId,\\r\\n} = props;\\r\\n\\r\\n//Duplicated(lib.SBT)\\r\\nconst sbtWhiteList =\\r\\n context.networkId === \\\"testnet\\\"\\r\\n ? [\\r\\n \\\"fractal-v2.i-am-human.testnet - class 1\\\",\\r\\n \\\"community-v2.i-am-human.testnet - class 1\\\",\\r\\n ]\\r\\n : [\\r\\n \\\"fractal.i-am-human.near - class 1\\\",\\r\\n \\\"community.i-am-human.near - class 1\\\",\\r\\n \\\"community.i-am-human.near - class 2\\\",\\r\\n \\\"community.i-am-human.near - class 3\\\",\\r\\n \\\"elections.ndc-gwg.near - class 2\\\",\\r\\n \\\"elections.ndc-gwg.near - class 3\\\",\\r\\n \\\"elections.ndc-gwg.near - class 4\\\",\\r\\n \\\"public\\\",\\r\\n ];\\r\\n\\r\\nfunction createSbtOptions() {\\r\\n return sbtWhiteList.map((option, i) => {\\r\\n const title = \\\"\\\";\\r\\n\\r\\n if (option === \\\"fractal.i-am-human.near - class 1\\\") {\\r\\n title = \\\"General\\\";\\r\\n } else if (option === \\\"community.i-am-human.near - class 1\\\") {\\r\\n title = \\\"OG\\\";\\r\\n } else if (option === \\\"community.i-am-human.near - class 2\\\") {\\r\\n title = \\\"Contributor\\\";\\r\\n } else if (option === \\\"community.i-am-human.near - class 3\\\") {\\r\\n title = \\\"Core Contributor\\\";\\r\\n } else if (option === \\\"elections.ndc-gwg.near - class 2\\\") {\\r\\n title = \\\"HoM\\\";\\r\\n } else if (option === \\\"elections.ndc-gwg.near - class 3\\\") {\\r\\n title = \\\"CoA\\\";\\r\\n } else if (option === \\\"elections.ndc-gwg.near - class 4\\\") {\\r\\n title = \\\"TC\\\";\\r\\n } else if (option === \\\"fractal-v2.i-am-human.testnet - class 1\\\") {\\r\\n title = \\\"Fractal\\\";\\r\\n } else if (option === \\\"community-v2.i-am-human.testnet - class 1\\\") {\\r\\n title = \\\"Community\\\";\\r\\n } else {\\r\\n title = \\\"Public\\\";\\r\\n }\\r\\n\\r\\n if (i == 0) {\\r\\n //The first options is always the default one\\r\\n return { title, default: true, value: option };\\r\\n } else {\\r\\n return { title, value: option };\\r\\n }\\r\\n });\\r\\n}\\r\\n\\r\\n// const componentsOwner =\\r\\n// \\\"gatitos.testnet\\\";\\r\\nconst componentsOwner = \\\"gatitos.testnet\\\";\\r\\n\\r\\nconst authorForWidget = \\\"gatitos.testnet\\\";\\r\\n// const authorForWidget =\\r\\n// \\\"gatitos.testnet\\\";\\r\\n// const authorForWidget = \\\"gatitos.testnet\\\";\\r\\n// const authorForWidget = \\\"gatitos.testnet\\\";\\r\\n\\r\\nconst configWidget = \\\"SayALot\\\";\\r\\n\\r\\nconst widgets = {\\r\\n thisForum: `${authorForWidget}/widget/${configWidget}`,\\r\\n\\r\\n //Editable widgets\\r\\n ndcForum: `${componentsOwner}/widget/NDC.Forum`,\\r\\n create: `${componentsOwner}/widget/NDC.Forum.Create`,\\r\\n header: `${componentsOwner}/widget/NDC.NavBar`,\\r\\n showArticlesList: `${componentsOwner}/widget/NDC.Forum.AllArticlesList`,\\r\\n showArticlesListSortedByAuthors: `${componentsOwner}/widget/NDC.AllArticlesSortByAuthors`,\\r\\n articlesByAuthorCard: `${componentsOwner}/widget/NDC.ArticlesByAuthorCard`,\\r\\n generalCard: `${componentsOwner}/widget/NDC.GeneralCard`,\\r\\n articleView: `${componentsOwner}/widget/NDC.ArticleView`,\\r\\n reactions: `${componentsOwner}/widget/NDC.Reactions`,\\r\\n addComment: `${componentsOwner}/widget/NDC.AddComment`,\\r\\n commentView: `${componentsOwner}/widget/NDC.CommentView`,\\r\\n upVoteButton: `${componentsOwner}/widget/NDC.UpVoteButton`,\\r\\n profileShortInlineBlock: `${componentsOwner}/widget/Profile.ShortInlineBlock`,\\r\\n tagsEditor: `${componentsOwner}/widget/TagsEditor`,\\r\\n kanbanBoard: `${componentsOwner}/widget/NDC.KanbanBoard`,\\r\\n compactPost: `${componentsOwner}/widget/NDC.CompactPost`,\\r\\n\\r\\n //Libs\\r\\n libSBT: `gatitos.testnet/widget/lib.SBT`,\\r\\n libComment: `gatitos.testnet/widget/lib.comment`,\\r\\n libArticle: `gatitos.testnet/widget/lib.article`,\\r\\n libEmojis: `gatitos.testnet/widget/lib.emojis`,\\r\\n libUpVotes: `gatitos.testnet/widget/lib.upVotes`,\\r\\n libNotifications: `gatitos.testnet/widget/lib.notifications`,\\r\\n\\r\\n //Standard widgets\\r\\n fasterTextInput: `gatitos.testnet/widget/fasterTextInput`,\\r\\n markownEditorIframe: `gatitos.testnet/widget/MarkdownEditorIframe`,\\r\\n styledComponents: \\\"gatitos.testnet/widget/NDC.StyledComponents\\\",\\r\\n newStyledComponents: {\\r\\n Element: {\\r\\n Badge: \\\"gatitos.testnet/widget/Element.Badge\\\",\\r\\n User: \\\"gatitos.testnet/widget/Element.User\\\",\\r\\n },\\r\\n Feedback: {\\r\\n Spinner: \\\"gatitos.testnet/widget/Feedback.Spinner\\\",\\r\\n },\\r\\n Input: {\\r\\n Button: \\\"gatitos.testnet/widget/Input.Button\\\",\\r\\n Checkbox: \\\"gatitos.testnet/widget/Input.Checkbox\\\",\\r\\n Select: \\\"gatitos.testnet/widget/Input.Select\\\",\\r\\n },\\r\\n },\\r\\n socialMarkdown: \\\"gatitos.testnet/widget/SocialMarkdown\\\",\\r\\n profileOverlayTrigger: \\\"gatitos.testnet/widget/Profile.OverlayTrigger\\\",\\r\\n profileImage: \\\"gatitos.testnet/widget/ProfileImage\\\",\\r\\n wikiOnSocialDB_TooltipProfiles: `gatitos.testnet/widget/WikiOnSocialDB_TooltipProfiles`,\\r\\n navBarImg: \\\"gatitos.testnet/widget/Image\\\",\\r\\n};\\r\\n\\r\\nconst brand = {\\r\\n brandName: \\\"Say a lot\\\",\\r\\n logoHref:\\r\\n \\\"https://ipfs.near.social/ipfs/bafkreiaqxa4st4vp4rtq2iyobdgqe5tpfg55mmyvfg25upd2qplcxylyfi\\\",\\r\\n logoRemWidth: 6,\\r\\n logoRemHeight: 6,\\r\\n};\\r\\n\\r\\nconst baseActions = {\\r\\n commentBaseAction: \\\"sayALotComment\\\",\\r\\n articlesBaseAction: \\\"sayALotArticle\\\",\\r\\n upVoteBaseAction: \\\"sayALotUpVote\\\",\\r\\n reactionBaseAction: \\\"sayALotReaction\\\",\\r\\n};\\r\\n\\r\\nconst kanbanColumns = [\\\"Open\\\", \\\"Claimed\\\", \\\"In Work\\\", \\\"Closed\\\"];\\r\\n\\r\\nconst kanbanRequiredTags = [];\\r\\nconst kanbanExcludedTags = [];\\r\\n\\r\\nreturn (\\r\\n <Widget\\r\\n src={widgets.ndcForum}\\r\\n props={{\\r\\n sharedBlockHeight,\\r\\n tagShared,\\r\\n isTest,\\r\\n accountId,\\r\\n sbtWhiteList,\\r\\n authorForWidget,\\r\\n widgets,\\r\\n brand,\\r\\n baseActions,\\r\\n createSbtOptions,\\r\\n kanbanColumns,\\r\\n kanbanRequiredLabels,\\r\\n kanbanExcludedLabels,\\r\\n sharedArticleId,\\r\\n sharedCommentId,\\r\\n }}\\r\\n />\\r\\n);\\r\\n",

"NDC.Forum": "// NDC.Forum\\r\\n\\r\\n//===============================================INITIALIZATION=====================================================\\r\\nlet {\\r\\n sharedBlockHeight,\\r\\n tagShared,\\r\\n isTest,\\r\\n accountId,\\r\\n sbtWhiteList,\\r\\n authorForWidget,\\r\\n widgets,\\r\\n brand,\\r\\n baseActions,\\r\\n createSbtOptions,\\r\\n kanbanColumns,\\r\\n kanbanRequiredTags,\\r\\n kanbanExcludedTags,\\r\\n sharedArticleId,\\r\\n sharedCommentId,\\r\\n} = props;\\r\\nsharedBlockHeight = Number(sharedBlockHeight);\\r\\n\\r\\nconst initSbtsNames = [sbtWhiteList[0]];\\r\\n\\r\\nconst sbtsNames = state.sbt;\\r\\n\\r\\nconst initLibsCalls = {\\r\\n article: [\\r\\n {\\r\\n functionName: \\\"getArticles\\\",\\r\\n key: \\\"articles\\\",\\r\\n props: {\\r\\n env: isTest ? \\\"test\\\" : \\\"prod\\\",\\r\\n sbtsNames: sbtWhiteList,\\r\\n },\\r\\n },\\r\\n {\\r\\n functionName: \\\"canUserCreateArticle\\\",\\r\\n key: \\\"canLoggedUserCreateArticle\\\",\\r\\n props: {\\r\\n accountId: context.accountId,\\r\\n sbtsNames: sbtWhiteList,\\r\\n },\\r\\n },\\r\\n ],\\r\\n};\\r\\n\\r\\naccountId = context.accountId;\\r\\n\\r\\nconst tabs = {\\r\\n SHOW_ARTICLES_LIST: { id: 0 },\\r\\n SHOW_ARTICLE: { id: 1 },\\r\\n ARTICLE_WORKSHOP: { id: 2 },\\r\\n SHOW_ARTICLES_LIST_BY_AUTHORS: { id: 3 },\\r\\n SHOW_KANBAN_VIEW: { id: 4 },\\r\\n};\\r\\n\\r\\nfunction getInitialFilter() {\\r\\n if (sharedBlockHeight) {\\r\\n return {\\r\\n parameterName: \\\"getPost\\\",\\r\\n parameterValue: sharedBlockHeight,\\r\\n };\\r\\n } else if (tagShared) {\\r\\n return {\\r\\n parameterName: \\\"tag\\\",\\r\\n parameterValue: tagShared,\\r\\n };\\r\\n } else if (authorShared) {\\r\\n return {\\r\\n parameterName: \\\"author\\\",\\r\\n parameterValue: authorShared,\\r\\n };\\r\\n } else if (sharedArticleId) {\\r\\n return {\\r\\n parameterName: \\\"articleId\\\",\\r\\n parameterValue: sharedArticleId,\\r\\n };\\r\\n } else {\\r\\n return {\\r\\n parameterName: \\\"\\\",\\r\\n };\\r\\n }\\r\\n}\\r\\n\\r\\nfunction getInitialTabId() {\\r\\n if (sharedBlockHeight || sharedArticleId) {\\r\\n return tabs.SHOW_ARTICLE.id;\\r\\n } else {\\r\\n return tabs.SHOW_ARTICLES_LIST.id;\\r\\n }\\r\\n}\\r\\n\\r\\n// userSBTs object type\\r\\n// {\\r\\n// user: string,\\r\\n// credentials: {}\\r\\n// }\\r\\n\\r\\nState.init({\\r\\n displayedTabId: getInitialTabId(),\\r\\n articleToRenderData: {},\\r\\n filterBy: getInitialFilter(),\\r\\n authorsProfiles: [],\\r\\n functionsToCallByLibrary: initLibsCalls,\\r\\n sbtsNames: initSbtsNames,\\r\\n sbts: initSbtsNames,\\r\\n firstRender: !isNaN(sharedBlockHeight) || typeof sharedArticleId === \\\"string\\\",\\r\\n usersSBTs: [],\\r\\n});\\r\\n\\r\\nconst usersSBTs = state.usersSBTs;\\r\\n\\r\\nlet newLibsCalls = state.functionsToCallByLibrary;\\r\\n\\r\\nState.update({ libsCalls: newLibsCalls });\\r\\n\\r\\n//=============================================END INITIALIZATION===================================================\\r\\n\\r\\n//==================================================CONSTS==========================================================\\r\\n\\r\\nconst libSrcArray = [widgets.libArticle];\\r\\n\\r\\nconst profile = props.profile ?? Social.getr(`${accountId}/profile`);\\r\\n\\r\\nif (profile === null) {\\r\\n return \\\"Loading\\\";\\r\\n}\\r\\n\\r\\nlet authorProfile = {};\\r\\nif (state.filterBy.parameterName == \\\"author\\\") {\\r\\n authorProfile = Social.getr(`${state.filterBy.parameterValue}/profile`);\\r\\n}\\r\\n\\r\\nconst navigationPills = [\\r\\n { id: tabs.SHOW_ARTICLES_LIST.id, title: \\\"Articles\\\" },\\r\\n { id: tabs.SHOW_ARTICLES_LIST_BY_AUTHORS.id, title: \\\"Authors\\\" },\\r\\n { id: tabs.SHOW_KANBAN_VIEW.id, title: \\\"Kanban view\\\" },\\r\\n];\\r\\n\\r\\nconst navigationButtons = [\\r\\n // { id: tabs.ARTICLE_WORKSHOP.id, title: \\\"+Create article\\\" },\\r\\n];\\r\\n\\r\\nconst sbts = state.sbts;\\r\\n\\r\\nconst initialBodyAtCreation = state.editArticleData.body;\\r\\nconst canLoggedUserCreateArticle = state.canLoggedUserCreateArticle[sbts[0]];\\r\\n\\r\\n//=================================================END CONSTS=======================================================\\r\\n\\r\\n//=================================================GET DATA=========================================================\\r\\nconst finalArticles = state.articles;\\r\\n\\r\\nfunction getArticlesToRender() {\\r\\n if (\\r\\n (sharedBlockHeight || sharedArticleId) &&\\r\\n finalArticles &&\\r\\n state.firstRender\\r\\n ) {\\r\\n let finalArticlesSbts = Object.keys(finalArticles);\\r\\n let allArticles = [];\\r\\n\\r\\n finalArticlesSbts.forEach((sbt) => {\\r\\n allArticles = [...allArticles, ...finalArticles[sbt]];\\r\\n });\\r\\n\\r\\n return allArticles;\\r\\n } else {\\r\\n return finalArticles[sbts[0]];\\r\\n }\\r\\n}\\r\\n\\r\\nconst articlesToRender = getArticlesToRender() ?? [];\\r\\n\\r\\nfunction filterArticlesByTag(tag, articles) {\\r\\n return articles.filter((article) => {\\r\\n return article.tags.includes(tag);\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterArticlesByAuthor(author, articles) {\\r\\n return articles.filter((article) => {\\r\\n return article.author === author;\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterOnePostByBlockHeight(blockHeight, articles) {\\r\\n if (articles) {\\r\\n return articles.filter((article) => article.blockHeight === blockHeight);\\r\\n } else {\\r\\n return [];\\r\\n }\\r\\n}\\r\\n\\r\\nfunction filterOnePostByArticleId(articleId, articles) {\\r\\n console.log(\\\"articles: \\\", articles);\\r\\n console.log(\\\"articleId: \\\", articleId);\\r\\n if (articles) {\\r\\n return articles.filter((article) => article.id === articleId);\\r\\n } else {\\r\\n return [];\\r\\n }\\r\\n}\\r\\n\\r\\nif (state.filterBy.parameterName === \\\"tag\\\") {\\r\\n articlesToRender = filterArticlesByTag(\\r\\n state.filterBy.parameterValue,\\r\\n articlesToRender\\r\\n );\\r\\n} else if (state.filterBy.parameterName === \\\"author\\\") {\\r\\n articlesToRender = filterArticlesByAuthor(\\r\\n state.filterBy.parameterValue,\\r\\n articlesToRender\\r\\n );\\r\\n} else if (state.filterBy.parameterName === \\\"getPost\\\") {\\r\\n articlesToRender = filterOnePostByBlockHeight(\\r\\n state.filterBy.parameterValue,\\r\\n articlesToRender\\r\\n );\\r\\n\\r\\n if (articlesToRender.length > 0) {\\r\\n State.update({ articleToRenderData: articlesToRender[0] });\\r\\n }\\r\\n} else if (state.filterBy.parameterName === \\\"articleId\\\") {\\r\\n articlesToRender = filterOnePostByArticleId(\\r\\n state.filterBy.parameterValue,\\r\\n articlesToRender\\r\\n );\\r\\n\\r\\n if (articlesToRender.length > 0) {\\r\\n State.update({ articleToRenderData: articlesToRender[0] });\\r\\n }\\r\\n}\\r\\n//===============================================END GET DATA=======================================================\\r\\n\\r\\n//=============================================STYLED COMPONENTS====================================================\\r\\nconst CallLibrary = styled.div`\\r\\n display: block;\\r\\n`;\\r\\n\\r\\nconst ShareInteractionGeneralContainer = styled.div`\\r\\n position: fixed;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n top: 0;\\r\\n left: 0;\\r\\n height: 100vh;\\r\\n width: 100vw;\\r\\n backdrop-filter: blur(10px);\\r\\n z-index: 1;\\r\\n`;\\r\\n\\r\\nconst ShareInteractionMainContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n background: white;\\r\\n padding: 1rem;\\r\\n border-radious: 12px;\\r\\n`;\\r\\n\\r\\nconst ClosePopUpContainer = styled.div`\\r\\n display: flex; \\r\\n flex-direction: row-reverse;\\r\\n`;\\r\\n\\r\\nconst CloseIcon = styled.div`\\r\\n cursor: pointer;\\r\\n`;\\r\\n\\r\\nconst PopUpDescription = styled.p`\\r\\n color: #474D55;\\r\\n`;\\r\\n\\r\\nconst ShowLinkShared = styled.div`\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n background-color: #F2F6FA;\\r\\n padding: 1rem 2rem;\\r\\n border-radius: 17px;\\r\\n`;\\r\\n\\r\\nconst LinkShared = styled.span`\\r\\n color: #0065FF;\\r\\n word-wrap: anywhere;\\r\\n`;\\r\\n\\r\\nconst ClipboardContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n margin-left: 0.5rem;\\r\\n min-width: 2.5rem;\\r\\n`;\\r\\n\\r\\nconst ClipboardIcon = styled.i`\\r\\n color: ${state.linkCopied ? \\\"#0065FF\\\" : \\\"black\\\"};\\r\\n transition: color 0.3s linear;\\r\\n cursor: pointer;\\r\\n`;\\r\\n\\r\\nconst CopiedFeedback = styled.span`\\r\\n font-size: 0.7rem;\\r\\n color: #6c757d;\\r\\n`;\\r\\n\\r\\nconst SmallButton = styled.button`\\r\\nposition: relative;\\r\\n border: 0;\\r\\n background: transparent;\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n`;\\r\\n//===========================================END STYLED COMPONENTS==================================================\\r\\n\\r\\n//================================================COMPONENTS========================================================\\r\\nconst renderShareInteraction = () => {\\r\\n return (\\r\\n <ShareInteractionGeneralContainer>\\r\\n <ShareInteractionMainContainer>\\r\\n <ClosePopUpContainer>\\r\\n <CloseIcon\\r\\n className=\\\"bi bi-x\\\"\\r\\n onClick={() =>\\r\\n State.update({ showShareModal: false, linkCopied: false })\\r\\n }\\r\\n ></CloseIcon>\\r\\n </ClosePopUpContainer>\\r\\n <h3>Share</h3>\\r\\n <PopUpDescription>\\r\\n {state.sharedElement.value\\r\\n ? \\\"Use this link to share the article\\\"\\r\\n : \\\"Can\\\'t share yet. Reload the app and try again.\\\"}\\r\\n </PopUpDescription>\\r\\n <ShowLinkShared>\\r\\n {state.sharedElement.value && <LinkShared>{getLink()}</LinkShared>}\\r\\n <ClipboardContainer>\\r\\n {state.sharedElement.value && (\\r\\n <ClipboardIcon\\r\\n className=\\\"bi-clipboard\\\"\\r\\n onClick={() => {\\r\\n clipboard.writeText(getLink());\\r\\n State.update({ linkCopied: true });\\r\\n }}\\r\\n />\\r\\n )}\\r\\n {state.linkCopied && <CopiedFeedback>Copied!</CopiedFeedback>}\\r\\n </ClipboardContainer>\\r\\n </ShowLinkShared>\\r\\n </ShareInteractionMainContainer>\\r\\n </ShareInteractionGeneralContainer>\\r\\n );\\r\\n};\\r\\n\\r\\nconst renderSelectorLabel = () => {\\r\\n return (\\r\\n <>\\r\\n <span>Post & Filter Topics by SBT</span>\\r\\n\\r\\n <SmallButton>\\r\\n <OverlayTrigger\\r\\n placement=\\\"top\\\"\\r\\n overlay={\\r\\n <Tooltip>\\r\\n <p className=\\\"m-0\\\">Topics for Community SBT Holders.</p>\\r\\n <p className=\\\"m-0\\\">Anyone can post to Public.</p>\\r\\n </Tooltip>\\r\\n }\\r\\n >\\r\\n <i className=\\\"bi bi-info-circle\\\"></i>\\r\\n </OverlayTrigger>\\r\\n </SmallButton>\\r\\n </>\\r\\n );\\r\\n};\\r\\n//==============================================END COMPONENTS======================================================\\r\\n\\r\\n//=================================================FUNCTIONS========================================================\\r\\n\\r\\nfunction getValidEditArticleDataTags() {\\r\\n let tags = state.editArticleData.tags ?? [];\\r\\n let newFormatTags = {};\\r\\n\\r\\n tags &&\\r\\n tags.map((tag) => {\\r\\n newFormatTags[tag] = \\\"\\\";\\r\\n });\\r\\n return newFormatTags;\\r\\n}\\r\\n\\r\\nconst initialCreateState = {\\r\\n title: state.editArticleData.title ?? \\\"\\\",\\r\\n articleBody: state.editArticleData.body ?? initialBodyAtCreation,\\r\\n tags: state.editArticleData.tags ? getValidEditArticleDataTags() : {},\\r\\n libsCalls: { comment: {}, article: {}, emojis: {}, upVotes: {} },\\r\\n sbts: [sbtWhiteList[0]],\\r\\n};\\r\\n\\r\\nfunction mainStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\nfunction handleOpenArticle(articleToRenderData) {\\r\\n State.update({\\r\\n displayedTabId: tabs.SHOW_ARTICLE.id,\\r\\n articleToRenderData,\\r\\n editArticleData: undefined,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction handleEditArticle(articleData) {\\r\\n State.update({\\r\\n displayedTabId: tabs.ARTICLE_WORKSHOP.id,\\r\\n editArticleData: articleData,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction handleFilterArticles(filter) {\\r\\n State.update({\\r\\n filterBy: {\\r\\n parameterName: filter.filterBy,\\r\\n parameterValue: filter.value,\\r\\n },\\r\\n displayedTabId: tabs.SHOW_ARTICLES_LIST.id,\\r\\n editArticleData: undefined,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction handleBackButton() {\\r\\n props.editArticleData\\r\\n ? State.update({\\r\\n displayedTabId: tabs.SHOW_ARTICLE.id,\\r\\n editArticleData: undefined,\\r\\n firstRender: false,\\r\\n filterBy: {\\r\\n parameterName: \\\"\\\",\\r\\n parameterValue: undefined,\\r\\n handleBackClicked: true,\\r\\n },\\r\\n })\\r\\n : State.update({\\r\\n displayedTabId: tabs.SHOW_ARTICLES_LIST.id,\\r\\n articleToRenderData: {},\\r\\n editArticleData: undefined,\\r\\n firstRender: false,\\r\\n filterBy: {\\r\\n parameterName: \\\"\\\",\\r\\n parameterValue: undefined,\\r\\n handleBackClicked: true,\\r\\n },\\r\\n });\\r\\n}\\r\\n\\r\\nfunction handleGoHomeButton() {\\r\\n State.update({\\r\\n displayedTabId: tabs.SHOW_ARTICLES_LIST.id,\\r\\n articleToRenderData: {},\\r\\n filterBy: { parameterName: \\\"\\\", parameterValue: {} },\\r\\n editArticleData: undefined,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction handlePillNavigation(navegateTo) {\\r\\n State.update({ displayedTabId: navegateTo, editArticleData: undefined });\\r\\n}\\r\\n\\r\\nfunction callLibs(\\r\\n src,\\r\\n stateUpdate,\\r\\n functionsToCallByLibrary,\\r\\n extraProps,\\r\\n callerWidget\\r\\n) {\\r\\n return (\\r\\n <Widget\\r\\n src={src}\\r\\n props={{\\r\\n mainStateUpdate,\\r\\n isTest,\\r\\n stateUpdate,\\r\\n functionsToCallByLibrary,\\r\\n callLibs,\\r\\n widgets,\\r\\n callerWidget,\\r\\n ...extraProps,\\r\\n usersSBTs,\\r\\n }}\\r\\n />\\r\\n );\\r\\n}\\r\\n\\r\\nfunction handleSbtSelection(selectedSbt) {\\r\\n State.update({\\r\\n sbts: [selectedSbt],\\r\\n });\\r\\n}\\r\\n\\r\\nfunction handleShareButton(showShareModal, sharedElement) {\\r\\n //showShareModal is a boolean\\r\\n //sharedElement is and object like the example: {\\r\\n // type: string,\\r\\n // value: number||string,\\r\\n // }\\r\\n State.update({ showShareModal, sharedElement });\\r\\n}\\r\\n\\r\\nfunction getLink() {\\r\\n return `https://near.social/${widgets.thisForum}?${isTest && \\\"isTest=t&\\\"}${\\r\\n state.sharedElement.type\\r\\n }=${state.sharedElement.value}`;\\r\\n}\\r\\n\\r\\nfunction handleOnCommitArticle(articleToRenderData) {\\r\\n State.update({\\r\\n articleToRenderData,\\r\\n displayedTabId: tabs.SHOW_ARTICLE.id,\\r\\n });\\r\\n}\\r\\n\\r\\n//===============================================END FUNCTIONS======================================================\\r\\nreturn (\\r\\n <>\\r\\n {state.showShareModal && renderShareInteraction()}\\r\\n <Widget\\r\\n src={widgets.header}\\r\\n props={{\\r\\n isTest,\\r\\n mainStateUpdate,\\r\\n handleGoHomeButton,\\r\\n handlePillNavigation,\\r\\n brand,\\r\\n pills: navigationPills,\\r\\n navigationButtons,\\r\\n displayedTabId: state.displayedTabId,\\r\\n handleFilterArticles,\\r\\n filterParameter: state.filterBy.parameterName,\\r\\n handleBackButton,\\r\\n tabs,\\r\\n sbtsNames,\\r\\n widgets,\\r\\n }}\\r\\n />\\r\\n {(state.displayedTabId == tabs.SHOW_ARTICLES_LIST.id ||\\r\\n state.displayedTabId == tabs.SHOW_KANBAN_VIEW.id) && (\\r\\n <div className=\\\"my-3 col-lg-8 col-md-8 col-sm-12\\\">\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Select}\\r\\n props={{\\r\\n label: renderSelectorLabel(),\\r\\n value: sbts[0],\\r\\n onChange: handleSbtSelection,\\r\\n options: createSbtOptions(),\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n )}\\r\\n {articlesToRender && state.displayedTabId == tabs.SHOW_ARTICLES_LIST.id && (\\r\\n <Widget\\r\\n src={widgets.showArticlesList}\\r\\n props={{\\r\\n isTest,\\r\\n articlesToRender,\\r\\n tabs,\\r\\n widgets,\\r\\n addressForArticles,\\r\\n handleOpenArticle,\\r\\n handleFilterArticles,\\r\\n authorForWidget,\\r\\n initialCreateState,\\r\\n editArticleData: state.editArticleData,\\r\\n handleEditArticle,\\r\\n showCreateArticle: canLoggedUserCreateArticle,\\r\\n sbtWhiteList,\\r\\n sbts,\\r\\n handleShareButton,\\r\\n canLoggedUserCreateArticles,\\r\\n filterBy: state.filterBy,\\r\\n callLibs,\\r\\n baseActions,\\r\\n handleOnCommitArticle,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n {state.articleToRenderData.title &&\\r\\n state.displayedTabId == tabs.SHOW_ARTICLE.id && (\\r\\n <Widget\\r\\n src={widgets.articleView}\\r\\n props={{\\r\\n isTest,\\r\\n widgets,\\r\\n handleFilterArticles,\\r\\n articleToRenderData: state.articleToRenderData,\\r\\n authorForWidget,\\r\\n handleEditArticle,\\r\\n handleShareButton,\\r\\n callLibs,\\r\\n baseActions,\\r\\n sharedCommentId,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n\\r\\n {state.displayedTabId == tabs.SHOW_ARTICLES_LIST_BY_AUTHORS.id && (\\r\\n <Widget\\r\\n src={widgets.showArticlesListSortedByAuthors}\\r\\n props={{\\r\\n isTest,\\r\\n finalArticles,\\r\\n tabs,\\r\\n widgets,\\r\\n handleOpenArticle,\\r\\n handleFilterArticles,\\r\\n authorForWidget,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n\\r\\n {state.displayedTabId == tabs.ARTICLE_WORKSHOP.id && (\\r\\n <Widget\\r\\n src={widgets.create}\\r\\n props={{\\r\\n isTest,\\r\\n addressForArticles,\\r\\n authorForWidget,\\r\\n mainStateUpdate,\\r\\n widgets,\\r\\n initialBody: initialBodyAtCreation,\\r\\n initialCreateState,\\r\\n editArticleData: state.editArticleData,\\r\\n handleFilterArticles,\\r\\n handleEditArticle,\\r\\n sbtWhiteList,\\r\\n sbts,\\r\\n canLoggedUserCreateArticles,\\r\\n callLibs,\\r\\n baseActions,\\r\\n handleOnCommitArticle,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n\\r\\n {state.displayedTabId === tabs.SHOW_KANBAN_VIEW.id && (\\r\\n <Widget\\r\\n src={widgets.kanbanBoard}\\r\\n props={{\\r\\n isTest,\\r\\n widgets,\\r\\n kanbanColumns,\\r\\n handleOpenArticle,\\r\\n handleFilterArticles,\\r\\n handleShareButton,\\r\\n authorForWidget,\\r\\n finalArticles,\\r\\n sbts,\\r\\n kanbanRequiredTags,\\r\\n kanbanExcludedTags,\\r\\n baseActions,\\r\\n callLibs,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n\\r\\n <CallLibrary>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n mainStateUpdate,\\r\\n state.functionsToCallByLibrary,\\r\\n { baseAction: baseActions.articlesBaseAction, kanbanColumns },\\r\\n \\\"NDC.Forum\\\"\\r\\n );\\r\\n })}\\r\\n </CallLibrary>\\r\\n </>\\r\\n);\\r\\n",

"lib.emojis": "// lib.emojis\\r\\n\\r\\nconst {\\r\\n mainStateUpdate,\\r\\n isTest,\\r\\n stateUpdate,\\r\\n functionsToCallByLibrary,\\r\\n callLibs,\\r\\n baseAction,\\r\\n widgets,\\r\\n usersSBTs,\\r\\n} = props;\\r\\n\\r\\nconst libName = \\\"emojis\\\"; // EDIT: set lib name\\r\\nconst functionsToCall = functionsToCallByLibrary[libName];\\r\\n\\r\\nlet resultFunctionsToCallByLibrary = Object.assign(\\r\\n {},\\r\\n functionsToCallByLibrary\\r\\n);\\r\\nlet resultFunctionsToCall = [];\\r\\n\\r\\nconst currentVersion = \\\"0.0.1\\\"; // EDIT: Set version\\r\\n\\r\\nconst prodAction = `${baseAction}_v${currentVersion}`;\\r\\nconst testAction = `test_${prodAction}`;\\r\\nconst versionsBaseActions = isTest ? `test_${baseAction}` : baseAction;\\r\\nconst action = isTest ? testAction : prodAction;\\r\\n\\r\\n// START LIB CALLS SECTION\\r\\n// interface FunctionCall {\\r\\n// functionName: string,\\r\\n// key: string, // The state of the caller will be updated with this string as a key\\r\\n// props: Record<string, any> // function parameters as object\\r\\n// }\\r\\n\\r\\n// type LibsCalls = Record<string, FunctionCall> // Key is lib name after lib.\\r\\n\\r\\nconst libSrcArray = [widgets.libSBT]; // string to lib widget // EDIT: set libs to call\\r\\n\\r\\nconst libsCalls = {};\\r\\nlibSrcArray.forEach((libSrc) => {\\r\\n const libName = libSrc.split(\\\"lib.\\\")[1];\\r\\n libsCalls[libName] = [];\\r\\n});\\r\\n\\r\\nState.init({\\r\\n libsCalls, // is a LibsCalls object\\r\\n});\\r\\n// END LIB CALLS SECTION\\r\\n\\r\\nfunction log(message) {\\r\\n console.log(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction logError(message) {\\r\\n console.error(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction libStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\n// START LIB FUNCTIONS: EDIT set functions you need\\r\\nfunction canUserReact(props) {\\r\\n const { env, accountId, sbtsNames } = props;\\r\\n\\r\\n if (sbtsNames.includes(\\\"public\\\")) return true;\\r\\n\\r\\n if (accountId) {\\r\\n setAreValidUsers([accountId], sbtsNames);\\r\\n } else {\\r\\n return false;\\r\\n }\\r\\n\\r\\n let allSBTsValidations = [];\\r\\n\\r\\n let result;\\r\\n\\r\\n let userCredentials =\\r\\n usersSBTs.find((data) => data.user === accountId).credentials ??\\r\\n state[`isValidUser-${accountId}`];\\r\\n\\r\\n if (userCredentials) {\\r\\n const allSBTs = Object.keys(userCredentials);\\r\\n\\r\\n allSBTs.forEach((sbt) => {\\r\\n sbt !== \\\"public\\\" && allSBTsValidations.push(userCredentials[sbt]);\\r\\n });\\r\\n\\r\\n result = allSBTsValidations.includes(true);\\r\\n }\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"canUserReact\\\" && result !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n return result;\\r\\n}\\r\\n\\r\\nfunction setAreValidUsers(accountIds, sbtsNames) {\\r\\n const newLibsCalls = Object.assign({}, state.libsCalls);\\r\\n if (!newLibsCalls.SBT) {\\r\\n logError(\\\"Key SBT is not set in lib.\\\", libName);\\r\\n }\\r\\n\\r\\n accountIds.forEach((accountId) => {\\r\\n const isCallPushed =\\r\\n newLibsCalls.SBT.find((libCall) => {\\r\\n return (\\r\\n libCall.functionName === \\\"isValidUser\\\" &&\\r\\n libCall.props.accountId === accountId\\r\\n );\\r\\n }) !== undefined;\\r\\n const isCallReturned = state[`isValidUser-${accountId}`] !== undefined;\\r\\n\\r\\n if (isCallPushed || isCallReturned) {\\r\\n return;\\r\\n }\\r\\n\\r\\n const existingUserSBTs = usersSBTs.find(\\r\\n (userSBTs) => userSBTs.user === accountId\\r\\n );\\r\\n\\r\\n if (!existingUserSBTs) {\\r\\n newLibsCalls.SBT.push({\\r\\n functionName: \\\"isValidUser\\\",\\r\\n key: `isValidUser-${accountId}`,\\r\\n props: {\\r\\n accountId,\\r\\n sbtsNames,\\r\\n },\\r\\n });\\r\\n }\\r\\n });\\r\\n State.update({ libsCalls: newLibsCalls });\\r\\n}\\r\\n\\r\\nfunction createEmoji(props) {\\r\\n const { reaction, elementReactedId, articleSbts, onCommit, onCancel } = props;\\r\\n\\r\\n saveHandler(reaction, elementReactedId, articleSbts, onCommit, onCancel);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n return call.functionName !== \\\"createEmoji\\\";\\r\\n });\\r\\n\\r\\n return reaction;\\r\\n}\\r\\n\\r\\nconst saveHandler = (\\r\\n reaction,\\r\\n elementReactedId,\\r\\n articleSbts,\\r\\n onCommit,\\r\\n onCancel\\r\\n) => {\\r\\n if (reaction) {\\r\\n const newData = composeReactionData(\\r\\n reaction,\\r\\n elementReactedId,\\r\\n articleSbts\\r\\n );\\r\\n\\r\\n Social.set(newData, {\\r\\n force: true,\\r\\n onCommit,\\r\\n onCancel,\\r\\n });\\r\\n } else {\\r\\n logError(\\\"Reaction is missing\\\");\\r\\n }\\r\\n};\\r\\n\\r\\nfunction composeReactionData(reaction, elementReactedId, articleSbts) {\\r\\n const data = {\\r\\n index: {\\r\\n [action]: JSON.stringify({\\r\\n key: elementReactedId,\\r\\n value: {\\r\\n reactionId: `r-${context.accountId}-${Date.now()}`,\\r\\n reaction,\\r\\n sbts: articleSbts,\\r\\n },\\r\\n }),\\r\\n },\\r\\n };\\r\\n\\r\\n return data;\\r\\n}\\r\\n\\r\\nfunction getReactionBlackListByBlockHeight() {\\r\\n return [];\\r\\n}\\r\\n\\r\\nfunction getReactions(action, elementReactedId) {\\r\\n return Social.index(action, elementReactedId, {\\r\\n order: \\\"desc\\\",\\r\\n subscribe: true,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction getEmojisNormalized(env, elementReactedId) {\\r\\n const emojisByVersion = Object.keys(versions).map((version) => {\\r\\n const action = versions[version].action;\\r\\n\\r\\n const allReactions = getReactions(action, elementReactedId);\\r\\n if (!allReactions) return [];\\r\\n const validReactions = filterInvalidReactions(env, allReactions);\\r\\n\\r\\n return getLatestEdits(validReactions);\\r\\n });\\r\\n\\r\\n return normalizeLibData(emojisByVersion);\\r\\n}\\r\\n\\r\\nfunction getLatestEdits(reactions) {\\r\\n return reactions.filter((obj) => {\\r\\n const userLatestInteraction = reactions.find(\\r\\n (vote) => vote.accountId === obj.accountId\\r\\n );\\r\\n return JSON.stringify(userLatestInteraction) === JSON.stringify(obj);\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterInvalidReactions(env, reactions) {\\r\\n return reactions\\r\\n .filter((reaction) => reaction.value.reactionId) // Has id\\r\\n .filter(\\r\\n (reaction) =>\\r\\n !getReactionBlackListByBlockHeight().includes(reaction.blockHeight) // Blockheight is not in blacklist\\r\\n );\\r\\n}\\r\\n\\r\\nfunction getEmojis(props) {\\r\\n const { env, sbtsNames: articleSbts, elementReactedId } = props;\\r\\n\\r\\n // Call other libs\\r\\n const normReations = getEmojisNormalized(env, elementReactedId);\\r\\n\\r\\n // Keep last edit from every reaction\\r\\n const lastReactions = normReations.filter((reaction) => {\\r\\n return normReations.find(\\r\\n (compReaction) =>\\r\\n JSON.stringify(compReaction) === JSON.stringify(reaction)\\r\\n );\\r\\n });\\r\\n\\r\\n const lastReactionsAuthors = lastReactions.map((reaction) => {\\r\\n return reaction.accountId;\\r\\n });\\r\\n\\r\\n setAreValidUsers(lastReactionsAuthors, articleSbts);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"getEmojis\\\" &&\\r\\n state[`isValidUser-${call.props.accountId}`] !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n const finalReactions = filterValidEmojis(lastReactions, articleSbts);\\r\\n\\r\\n const finalEmojisMapped = {};\\r\\n articleSbts.forEach((sbtName) => {\\r\\n const sbtEmojis = finalReactions.filter((reaction) => {\\r\\n if (!reaction.value.sbts) return false;\\r\\n return reaction.value.sbts.indexOf(sbtName) !== -1;\\r\\n });\\r\\n finalEmojisMapped[sbtName] = sbtEmojis;\\r\\n });\\r\\n\\r\\n const groupedReactions = groupReactions(finalEmojisMapped);\\r\\n\\r\\n return groupedReactions;\\r\\n}\\r\\n\\r\\nfunction groupReactions(emojisBySBT) {\\r\\n const userReaction = undefined;\\r\\n const accountsGroupedByReaction = {};\\r\\n\\r\\n Object.keys(emojisBySBT).forEach((sbtKey) => {\\r\\n const sbtReactions = emojisBySBT[sbtKey];\\r\\n sbtReactions.forEach((reaction) => {\\r\\n if (reaction.accountId === context.accountId) {\\r\\n userReaction = reaction;\\r\\n }\\r\\n const emoji = reaction.value.reaction.split(\\\" \\\")[0];\\r\\n if (!accountsGroupedByReaction[emoji]) {\\r\\n accountsGroupedByReaction[emoji] = [];\\r\\n }\\r\\n accountsGroupedByReaction[emoji].push(reaction.accountId);\\r\\n });\\r\\n });\\r\\n\\r\\n const reactionsStatistics = Object.keys(accountsGroupedByReaction).map(\\r\\n (reaction) => {\\r\\n return {\\r\\n accounts: accountsGroupedByReaction[reaction],\\r\\n emoji: reaction,\\r\\n };\\r\\n }\\r\\n );\\r\\n\\r\\n return { reactionsStatistics, userReaction };\\r\\n}\\r\\n\\r\\nfunction filterValidator(emojis, articleSbts) {\\r\\n if (articleSbts.includes(\\\"public\\\")) return emojis;\\r\\n\\r\\n return emojis.filter((emoji) => {\\r\\n let allSBTsValidations = [];\\r\\n\\r\\n let result;\\r\\n\\r\\n let userCredentials =\\r\\n usersSBTs.find((data) => data.user === emoji.accountId).credentials ??\\r\\n state[`isValidUser-${emoji.accountId}`];\\r\\n\\r\\n if (userCredentials) {\\r\\n const allSBTs = Object.keys(userCredentials);\\r\\n\\r\\n allSBTs.forEach((sbt) => {\\r\\n sbt !== \\\"public\\\" && allSBTsValidations.push(userCredentials[sbt]);\\r\\n });\\r\\n\\r\\n result = allSBTsValidations.includes(true);\\r\\n }\\r\\n\\r\\n return result;\\r\\n\\r\\n // return emojis.filter((emoji) => {\\r\\n // return (\\r\\n // articleSbts.find((articleSBT) => {\\r\\n // return (\\r\\n // state[`isValidUser-${emoji.accountId}`][articleSBT] ||\\r\\n // articleSBT === \\\"public\\\"\\r\\n // );\\r\\n // }) !== undefined\\r\\n // );\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterValidEmojis(emojis, articleSbts) {\\r\\n let filteredEmojis = filterValidator(filteredEmojis ?? emojis, articleSbts);\\r\\n\\r\\n return filteredEmojis;\\r\\n}\\r\\n\\r\\nfunction normalizeOldToV_0_0_1(reaction) {\\r\\n reaction.value.sbts = [\\\"public\\\"];\\r\\n\\r\\n return reaction;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_1ToV0_0_2(reaction) {\\r\\n return reaction;\\r\\n}\\r\\n\\r\\n// END LIB FUNCTIONS\\r\\n// EDIT: set functions you want to export\\r\\nfunction callFunction(call) {\\r\\n if (call.functionName === \\\"canUserReact\\\") {\\r\\n return canUserReact(call.props);\\r\\n } else if (call.functionName === \\\"createEmoji\\\") {\\r\\n return createEmoji(call.props);\\r\\n } else if (call.functionName === \\\"getEmojis\\\") {\\r\\n return getEmojis(call.props);\\r\\n }\\r\\n}\\r\\n\\r\\n// EDIT: set versions you want to handle, considering their action to Social.index and the way to transform to one version to another (normalization)\\r\\nconst versions = {\\r\\n old: {\\r\\n normalizationFunction: normalizeOldToV_0_0_1,\\r\\n action: versionsBaseActions,\\r\\n },\\r\\n \\\"0.0.1\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_1ToV0_0_2,\\r\\n action: `${versionsBaseActions}_v0.0.1`,\\r\\n },\\r\\n};\\r\\n\\r\\nfunction normalizeLibData(libDataByVersion) {\\r\\n let libData;\\r\\n\\r\\n Object.keys(versions).forEach((version, index, array) => {\\r\\n const normFn = versions[version].normalizationFunction;\\r\\n const normLibData = libDataByVersion[index].map((libData, i) => {\\r\\n return normFn(libData);\\r\\n });\\r\\n\\r\\n if (index + 1 === array.length) {\\r\\n // Last index\\r\\n libData = normLibData;\\r\\n return;\\r\\n }\\r\\n libDataByVersion[index + 1] =\\r\\n libDataByVersion[index + 1].concat(normLibData);\\r\\n });\\r\\n\\r\\n return libData;\\r\\n}\\r\\n\\r\\nif (functionsToCall && functionsToCall.length > 0) {\\r\\n const updateObj = Object.assign({}, functionsToCallByLibrary);\\r\\n resultFunctionsToCall = [...functionsToCall];\\r\\n functionsToCall.forEach((call) => {\\r\\n updateObj[call.key] = callFunction(call);\\r\\n });\\r\\n\\r\\n resultFunctionsToCallByLibrary[libName] = resultFunctionsToCall;\\r\\n updateObj.functionsToCallByLibrary = resultFunctionsToCallByLibrary;\\r\\n\\r\\n const oldUsersSBTs = usersSBTs;\\r\\n // {\\r\\n // user: string,\\r\\n // credentials: {},\\r\\n // }\\r\\n\\r\\n const newUsersSBTs = Object.keys(state).map((key) => {\\r\\n if (key.includes(\\\"isValidUser-\\\")) {\\r\\n if (state[key] !== undefined) {\\r\\n const user = key.split(\\\"isValidUser-\\\")[1];\\r\\n const credentials = state[key];\\r\\n\\r\\n const oldUsers = oldUsersSBTs.map((userSbts) => userSbts.user);\\r\\n\\r\\n if (!oldUsers.includes(user)) {\\r\\n return {\\r\\n user,\\r\\n credentials,\\r\\n };\\r\\n }\\r\\n }\\r\\n }\\r\\n });\\r\\n\\r\\n const finalUsersSBTs = [...oldUsersSBTs, ...newUsersSBTs].filter(\\r\\n (userSBTs) => userSBTs !== undefined\\r\\n );\\r\\n\\r\\n if (finalUsersSBTs[0]) {\\r\\n mainStateUpdate({ usersSBTs: finalUsersSBTs });\\r\\n }\\r\\n\\r\\n stateUpdate(updateObj);\\r\\n}\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n libStateUpdate,\\r\\n state.libsCalls,\\r\\n {},\\r\\n `lib.${libName}`\\r\\n );\\r\\n })}\\r\\n </>\\r\\n);\\r\\n",

"lib.article": "// lib.article\\r\\n\\r\\nconst {\\r\\n mainStateUpdate,\\r\\n isTest,\\r\\n stateUpdate,\\r\\n functionsToCallByLibrary,\\r\\n callLibs,\\r\\n baseAction,\\r\\n kanbanColumns,\\r\\n widgets,\\r\\n usersSBTs,\\r\\n} = props;\\r\\n\\r\\nconst libName = \\\"article\\\"; // EDIT: set lib name\\r\\nconst functionsToCall = functionsToCallByLibrary[libName];\\r\\n\\r\\nlet resultFunctionsToCallByLibrary = Object.assign(\\r\\n {},\\r\\n functionsToCallByLibrary\\r\\n);\\r\\nlet resultFunctionsToCall = [];\\r\\n\\r\\nconst currentVersion = \\\"0.0.2\\\"; // EDIT: Set version\\r\\n\\r\\nconst prodAction = `${baseAction}_v${currentVersion}`;\\r\\nconst testAction = `test_${prodAction}`;\\r\\nconst versionsBaseActions = isTest ? `test_${baseAction}` : baseAction;\\r\\nconst action = isTest ? testAction : prodAction;\\r\\n// START LIB CALLS SECTION\\r\\n// interface FunctionCall {\\r\\n// functionName: string,\\r\\n// key: string, // The state of the caller will be updated with this string as a key\\r\\n// props: Record<string, any> // function parameters as object\\r\\n// }\\r\\n\\r\\n// type LibsCalls = Record<string, FunctionCall> // Key is lib name after lib.\\r\\n\\r\\nconst libSrcArray = [widgets.libSBT]; // string to lib widget // EDIT: set libs to call\\r\\n\\r\\nconst imports = { notifications: [\\\"getNotificationData\\\"] };\\r\\n\\r\\nconst libCalls = {};\\r\\nlibSrcArray.forEach((libSrc) => {\\r\\n const libName = libSrc.split(\\\"lib.\\\")[1];\\r\\n libCalls[libName] = [];\\r\\n});\\r\\n\\r\\nState.init({\\r\\n libCalls, // is a LibsCalls object\\r\\n notifications: {},\\r\\n});\\r\\n// END LIB CALLS SECTION\\r\\n\\r\\nfunction log(message) {\\r\\n console.log(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction logError(message) {\\r\\n console.error(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction libStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\n// START LIB FUNCTIONS: EDIT set functions you need\\r\\nfunction canUserCreateArticle(props) {\\r\\n const { env, accountId, sbtsNames } = props;\\r\\n\\r\\n if (accountId) {\\r\\n setAreValidUsers([accountId], sbtsNames);\\r\\n } else {\\r\\n return false;\\r\\n }\\r\\n\\r\\n const result = state[`isValidUser-${accountId}`];\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"canUserCreateArticle\\\" && result !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n return result;\\r\\n}\\r\\n\\r\\nfunction setAreValidUsers(accountIds, sbtsNames) {\\r\\n const newLibsCalls = Object.assign({}, state.libCalls);\\r\\n if (!newLibsCalls.SBT) {\\r\\n logError(\\\"Key SBT is not set in lib.\\\", libName);\\r\\n }\\r\\n\\r\\n accountIds.forEach((accountId) => {\\r\\n const isCallPushed =\\r\\n newLibsCalls.SBT.find((libCall) => {\\r\\n return (\\r\\n libCall.functionName === \\\"isValidUser\\\" &&\\r\\n libCall.props.accountId === accountId\\r\\n );\\r\\n }) !== undefined;\\r\\n const isCallReturned = state[`isValidUser-${accountId}`] !== undefined;\\r\\n\\r\\n if (isCallPushed || isCallReturned) {\\r\\n return;\\r\\n }\\r\\n\\r\\n const existingUserSBTs = usersSBTs.find(\\r\\n (userSBTs) => userSBTs.user === accountId\\r\\n );\\r\\n\\r\\n if (!existingUserSBTs) {\\r\\n newLibsCalls.SBT.push({\\r\\n functionName: \\\"isValidUser\\\",\\r\\n key: `isValidUser-${accountId}`,\\r\\n props: {\\r\\n accountId,\\r\\n sbtsNames,\\r\\n },\\r\\n });\\r\\n }\\r\\n });\\r\\n State.update({ libCalls: newLibsCalls });\\r\\n}\\r\\n\\r\\nfunction createArticle(props) {\\r\\n const { article, onCommit, onCancel } = props;\\r\\n\\r\\n saveHandler(article, onCommit, onCancel);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n return call.functionName !== \\\"createArticle\\\";\\r\\n });\\r\\n\\r\\n return article;\\r\\n}\\r\\n\\r\\nconst saveHandler = (article, onCommit, onCancel) => {\\r\\n if (article.title && article.body) {\\r\\n const newData = composeData(article);\\r\\n\\r\\n Social.set(newData, {\\r\\n force: true,\\r\\n onCommit,\\r\\n onCancel,\\r\\n });\\r\\n } else {\\r\\n logError(\\\"Article is missing title or body\\\");\\r\\n }\\r\\n};\\r\\n\\r\\nfunction getNotificationData(type, accountId, url) {\\r\\n if (state.notifications.getNotificationData) {\\r\\n return state.notifications.getNotificationData(type, accountId, url);\\r\\n }\\r\\n}\\r\\n\\r\\nfunction extractMentions(text) {\\r\\n const mentionRegex =\\r\\n /@((?:(?:[a-z\\\\d]+[-_])*[a-z\\\\d]+\\\\.)*(?:[a-z\\\\d]+[-_])*[a-z\\\\d]+)/gi;\\r\\n mentionRegex.lastIndex = 0;\\r\\n const accountIds = new Set();\\r\\n for (const match of text.matchAll(mentionRegex)) {\\r\\n if (\\r\\n !/[\\\\w`]/.test(match.input.charAt(match.index - 1)) &&\\r\\n !/[/\\\\w`]/.test(match.input.charAt(match.index + match[0].length)) &&\\r\\n match[1].length >= 2 &&\\r\\n match[1].length <= 64\\r\\n ) {\\r\\n accountIds.add(match[1].toLowerCase());\\r\\n }\\r\\n }\\r\\n return [...accountIds];\\r\\n}\\r\\n\\r\\nfunction composeData(article) {\\r\\n let data = {\\r\\n [action]: {\\r\\n main: JSON.stringify(article),\\r\\n },\\r\\n index: {\\r\\n [action]: JSON.stringify({\\r\\n key: \\\"main\\\",\\r\\n value: {\\r\\n type: \\\"md\\\",\\r\\n id: article.id ?? `${context.accountId}-${Date.now()}`,\\r\\n },\\r\\n }),\\r\\n },\\r\\n };\\r\\n\\r\\n const mentions = extractMentions(article.body);\\r\\n\\r\\n if (mentions.length > 0) {\\r\\n const dataToAdd = getNotificationData(\\r\\n \\\"mention\\\",\\r\\n mentions,\\r\\n `https://near.social/${widgets.thisForum}?sharedArticleId=${article.id}${\\r\\n isTest ? \\\"&isTest=t\\\" : \\\"\\\"\\r\\n }`\\r\\n );\\r\\n\\r\\n data.post = dataToAdd.post;\\r\\n data.index.notify = dataToAdd.index.notify;\\r\\n }\\r\\n\\r\\n return data;\\r\\n}\\r\\n\\r\\nfunction getArticleBlackListByBlockHeight() {\\r\\n return [\\r\\n 91092435, 91092174, 91051228, 91092223, 91051203, 98372095, 96414482,\\r\\n 96412953, 103131250, 106941548,\\r\\n ];\\r\\n}\\r\\n\\r\\nfunction getArticleBlackListByRealArticleId() {\\r\\n return [\\r\\n \\\"blaze.near-1690410074090\\\",\\r\\n \\\"blaze.near-1690409577184\\\",\\r\\n \\\"blaze.near-1690803928696\\\",\\r\\n \\\"blaze.near-1690803872147\\\",\\r\\n \\\"blaze.near-1690574978421\\\",\\r\\n \\\"f2bc8abdb8ba64fe5aac9689ded9491ff0e6fdcd7a5c680b7cf364142d1789fb-1691703303485\\\",\\r\\n \\\"f2bc8abdb8ba64fe5aac9689ded9491ff0e6fdcd7a5c680b7cf364142d1789fb-1691702619510\\\",\\r\\n \\\"f2bc8abdb8ba64fe5aac9689ded9491ff0e6fdcd7a5c680b7cf364142d1789fb-1691702487944\\\",\\r\\n \\\"f2bc8abdb8ba64fe5aac9689ded9491ff0e6fdcd7a5c680b7cf364142d1789fb-1691707918243\\\",\\r\\n \\\"f2bc8abdb8ba64fe5aac9689ded9491ff0e6fdcd7a5c680b7cf364142d1789fb-1691707889297\\\",\\r\\n \\\"blaze.near-1697211386373\\\",\\r\\n \\\"silkking.near-1696797896796\\\",\\r\\n \\\"silkking.near-1696797784589\\\",\\r\\n \\\"silkking.near-1696797350661\\\",\\r\\n \\\"silkking.near-1696797276482\\\",\\r\\n \\\"silkking.near-1696797155012\\\",\\r\\n \\\"silkking.near-1696796793605\\\",\\r\\n \\\"silkking.near-1696796543546\\\",\\r\\n \\\"silkking.near-1696795954175\\\",\\r\\n \\\"silkking.near-1696794571874\\\",\\r\\n \\\"silkking.near-1696792789177\\\",\\r\\n \\\"zarmade.near-1690578803015\\\",\\r\\n ];\\r\\n}\\r\\n\\r\\nfunction canUserEditArticle(props) {\\r\\n const { article } = props;\\r\\n\\r\\n return article.author === context.accountId;\\r\\n}\\r\\n\\r\\nfunction getArticlesIndexes(action, subscribe) {\\r\\n return Social.index(action, \\\"main\\\", {\\r\\n order: \\\"desc\\\",\\r\\n subscribe,\\r\\n // limit: 10,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterFakeAuthors(articleData, articleIndexData) {\\r\\n if (articleData.author === articleIndexData.accountId) {\\r\\n return articleData;\\r\\n }\\r\\n}\\r\\n\\r\\nfunction getArticlesNormalized(env) {\\r\\n const articlesByVersion = Object.keys(versions).map((version, index, arr) => {\\r\\n const action = versions[version].action;\\r\\n const subscribe = index + 1 === arr.length;\\r\\n const articlesIndexes = getArticlesIndexes(action, subscribe);\\r\\n if (!articlesIndexes) return [];\\r\\n const validArticlesIndexes = filterInvalidArticlesIndexes(\\r\\n env,\\r\\n articlesIndexes\\r\\n );\\r\\n\\r\\n const validLatestEdits = getLatestEdits(validArticlesIndexes);\\r\\n\\r\\n const articles = validLatestEdits\\r\\n .map((article) => {\\r\\n return filterFakeAuthors(getArticle(article, action), article);\\r\\n })\\r\\n .filter((article) => {\\r\\n return article !== undefined;\\r\\n });\\r\\n return articles;\\r\\n });\\r\\n\\r\\n return normalizeLibData(articlesByVersion);\\r\\n}\\r\\n\\r\\nfunction getArticle(articleIndex, action) {\\r\\n const article = Social.get(\\r\\n `${articleIndex.accountId}/${action}/main`,\\r\\n articleIndex.blockHeight\\r\\n );\\r\\n\\r\\n let articleParsed = undefined;\\r\\n if (article) {\\r\\n articleParsed = JSON.parse(article);\\r\\n articleParsed.blockHeight = articleIndex.blockHeight;\\r\\n articleParsed.id = articleIndex.value.id;\\r\\n }\\r\\n\\r\\n if (articleParsed) {\\r\\n return articleParsed;\\r\\n }\\r\\n}\\r\\n\\r\\nfunction getLatestEdits(newFormatArticlesIndexes) {\\r\\n return newFormatArticlesIndexes.filter((articleIndex) => {\\r\\n const latestEditForThisArticle = newFormatArticlesIndexes.find(\\r\\n (newArticleData) => newArticleData.value.id === articleIndex.value.id\\r\\n );\\r\\n return (\\r\\n JSON.stringify(articleIndex) === JSON.stringify(latestEditForThisArticle)\\r\\n );\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterInvalidArticlesIndexes(env, articlesIndexes) {\\r\\n return articlesIndexes\\r\\n .filter((articleIndex) => articleIndex.value.id) // Has id\\r\\n .filter(\\r\\n (articleIndex) =>\\r\\n articleIndex.value.id.split(\\\"-\\\")[0] === articleIndex.accountId\\r\\n ) // id begins with same accountId as index object\\r\\n .filter(\\r\\n (articleIndex) =>\\r\\n !getArticleBlackListByBlockHeight().includes(articleIndex.blockHeight) // Blockheight is not in blacklist\\r\\n )\\r\\n .filter(\\r\\n (articleIndex) =>\\r\\n !getArticleBlackListByRealArticleId().includes(articleIndex.value.id) // Article id is not in blacklist\\r\\n );\\r\\n}\\r\\n\\r\\nfunction getArticles(props) {\\r\\n const { env, sbtsNames } = props;\\r\\n // Call other libs\\r\\n const normArticles = getArticlesNormalized(env);\\r\\n\\r\\n // Keep last edit from every article\\r\\n const lastEditionArticles = normArticles.filter((article) => {\\r\\n return normArticles.find(\\r\\n (compArticle) => JSON.stringify(compArticle) === JSON.stringify(article)\\r\\n );\\r\\n });\\r\\n\\r\\n const lastEditionArticlesAuthors = lastEditionArticles.map((article) => {\\r\\n return article.author;\\r\\n });\\r\\n\\r\\n setAreValidUsers(lastEditionArticlesAuthors, sbtsNames);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"getArticles\\\" &&\\r\\n state[`isValidUser-${call.props.accountId}`] !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n const finalArticles = filterValidArticles(lastEditionArticles);\\r\\n const finalArticlesMapped = {};\\r\\n sbtsNames.forEach((sbtName) => {\\r\\n const sbtArticles = finalArticles.filter((article) => {\\r\\n if (!article.sbts) return false;\\r\\n return article.sbts.indexOf(sbtName) !== -1;\\r\\n });\\r\\n finalArticlesMapped[sbtName] = sbtArticles;\\r\\n });\\r\\n\\r\\n return finalArticlesMapped;\\r\\n}\\r\\n\\r\\nfunction filterValidator(articles) {\\r\\n return articles.filter((article) => {\\r\\n return (\\r\\n article.sbts.find((articleSbt) => {\\r\\n return (\\r\\n state[`isValidUser-${article.author}`][articleSbt] ||\\r\\n articleSbt === \\\"public\\\"\\r\\n );\\r\\n }) !== undefined\\r\\n );\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterValidArticles(articles) {\\r\\n let filteredArticles = filterValidator(filteredArticles ?? articles);\\r\\n\\r\\n return filteredArticles;\\r\\n}\\r\\n\\r\\nfunction filterMultipleKanbanTags(articleTags, kanbanTags) {\\r\\n const normalizedKanbanTag = [];\\r\\n kanbanTags.forEach((tag) => {\\r\\n normalizedKanbanTag.push(tag.replace(` `, \\\"-\\\"));\\r\\n });\\r\\n\\r\\n const kanbanTagsInArticleTags = articleTags.filter((tag) =>\\r\\n normalizedKanbanTag.includes(tag.toLowerCase().replace(` `, \\\"-\\\"))\\r\\n );\\r\\n\\r\\n const nonKanbanTags = articleTags.filter(\\r\\n (tag) => !normalizedKanbanTag.includes(tag.toLowerCase().replace(` `, \\\"-\\\"))\\r\\n );\\r\\n\\r\\n const result = [...nonKanbanTags, kanbanTagsInArticleTags[0]];\\r\\n\\r\\n return result;\\r\\n}\\r\\n\\r\\nfunction normalizeOldToV_0_0_1(article) {\\r\\n article.realArticleId = `${article.author}-${article.timeCreate}`;\\r\\n article.sbts = [\\\"public\\\"];\\r\\n\\r\\n return article;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_1ToV0_0_2(article) {\\r\\n article.title = article.articleId;\\r\\n article.id = article.realArticleId;\\r\\n if (article.sbts[0] !== \\\"public\\\") {\\r\\n article.sbts[0] = article.sbts[0] + \\\" - class 1\\\";\\r\\n } // There is only one article that is not public and only has class 1\\r\\n\\r\\n delete article.articleId;\\r\\n delete article.realArticleId;\\r\\n\\r\\n return article;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_2ToV0_0_3(article) {\\r\\n if (!Array.isArray(article.tags) && typeof article.tags === \\\"object\\\") {\\r\\n article.tags = Object.keys(article.tags);\\r\\n }\\r\\n\\r\\n if (article.tags) {\\r\\n article.tags = article.tags.filter(\\r\\n (tag) => tag !== undefined && tag !== null\\r\\n );\\r\\n } else {\\r\\n article.tags = [];\\r\\n }\\r\\n\\r\\n if (kanbanColumns) {\\r\\n const lowerCaseColumns = [];\\r\\n kanbanColumns.forEach((cl) => {\\r\\n lowerCaseColumns.push(cl.toLowerCase());\\r\\n });\\r\\n\\r\\n article.tags = filterMultipleKanbanTags(article.tags, lowerCaseColumns);\\r\\n }\\r\\n\\r\\n if (article.blockHeight < 105654020 && article.sbts.includes(\\\"public\\\")) {\\r\\n article.sbts = [\\\"fractal.i-am-human.near - class 1\\\"];\\r\\n }\\r\\n\\r\\n return article;\\r\\n}\\r\\n\\r\\n// END LIB FUNCTIONS\\r\\n\\r\\n// EDIT: set functions you want to export\\r\\nfunction callFunction(call) {\\r\\n if (call.functionName === \\\"canUserCreateArticle\\\") {\\r\\n return canUserCreateArticle(call.props);\\r\\n } else if (call.functionName === \\\"createArticle\\\") {\\r\\n return createArticle(call.props);\\r\\n } else if (call.functionName === \\\"canUserEditArticle\\\") {\\r\\n return canUserEditArticle(call.props);\\r\\n } else if (call.functionName === \\\"getArticles\\\") {\\r\\n return getArticles(call.props);\\r\\n }\\r\\n}\\r\\n\\r\\n// EDIT: set versions you want to handle, considering their action to Social.index and the way to transform to one version to another (normalization)\\r\\nconst versions = {\\r\\n old: {\\r\\n normalizationFunction: normalizeOldToV_0_0_1,\\r\\n action: versionsBaseActions,\\r\\n validBlockHeightRange: [0, 102530777],\\r\\n },\\r\\n \\\"v0.0.1\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_1ToV0_0_2,\\r\\n action: `${versionsBaseActions}_v0.0.1`,\\r\\n validBlockHeightRange: [102530777, 103053147],\\r\\n },\\r\\n \\\"v0.0.2\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_2ToV0_0_3,\\r\\n action: `${versionsBaseActions}_v0.0.2`,\\r\\n validBlockHeightRange: [103053147, undefined],\\r\\n },\\r\\n};\\r\\n\\r\\nfunction normalizeLibData(libDataByVersion) {\\r\\n let libData;\\r\\n\\r\\n Object.keys(versions).forEach((version, index, array) => {\\r\\n const normFn = versions[version].normalizationFunction;\\r\\n const validBlockHeightRange = versions[version].validBlockHeightRange;\\r\\n const normLibData = libDataByVersion[index]\\r\\n .filter((libData) => {\\r\\n if (validBlockHeightRange[1] === undefined) {\\r\\n return true;\\r\\n }\\r\\n\\r\\n return (\\r\\n validBlockHeightRange[0] < libData.blockHeight &&\\r\\n libData.blockHeight < validBlockHeightRange[1]\\r\\n );\\r\\n })\\r\\n .map((libData, i) => {\\r\\n if (libData) return normFn(libData);\\r\\n });\\r\\n\\r\\n if (index + 1 === array.length) {\\r\\n // Last index\\r\\n libData = normLibData;\\r\\n return;\\r\\n }\\r\\n libDataByVersion[index + 1] =\\r\\n libDataByVersion[index + 1].concat(normLibData);\\r\\n });\\r\\n\\r\\n return libData;\\r\\n}\\r\\n\\r\\nif (functionsToCall && functionsToCall.length > 0) {\\r\\n const updateObj = Object.assign({}, functionsToCallByLibrary);\\r\\n resultFunctionsToCall = [...functionsToCall];\\r\\n functionsToCall.forEach((call) => {\\r\\n updateObj[call.key] = callFunction(call);\\r\\n });\\r\\n\\r\\n resultFunctionsToCallByLibrary[libName] = resultFunctionsToCall;\\r\\n updateObj.functionsToCallByLibrary = resultFunctionsToCallByLibrary;\\r\\n\\r\\n const oldUsersSBTs = usersSBTs;\\r\\n // {\\r\\n // user: string,\\r\\n // credentials: {},\\r\\n // }\\r\\n\\r\\n const newUsersSBTs = Object.keys(state).map((key) => {\\r\\n if (key.includes(\\\"isValidUser-\\\")) {\\r\\n if (state[key] !== undefined) {\\r\\n const user = key.split(\\\"isValidUser-\\\")[1];\\r\\n const credentials = state[key];\\r\\n\\r\\n const oldUsers = oldUsersSBTs.map((userSbts) => userSbts.user);\\r\\n\\r\\n if (!oldUsers.includes(user)) {\\r\\n return {\\r\\n user,\\r\\n credentials,\\r\\n };\\r\\n }\\r\\n }\\r\\n }\\r\\n });\\r\\n\\r\\n const finalUsersSBTs = [...oldUsersSBTs, ...newUsersSBTs].filter(\\r\\n (userSBTs) => userSBTs !== undefined\\r\\n );\\r\\n\\r\\n if (finalUsersSBTs[0]) {\\r\\n mainStateUpdate({ usersSBTs: finalUsersSBTs });\\r\\n }\\r\\n\\r\\n stateUpdate(updateObj);\\r\\n}\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n libStateUpdate,\\r\\n state.libCalls,\\r\\n {},\\r\\n `lib.${libName}`\\r\\n );\\r\\n })}\\r\\n\\r\\n <Widget\\r\\n src={`${widgets.libNotifications}`}\\r\\n props={{\\r\\n stateUpdate: libStateUpdate,\\r\\n imports: imports[\\\"notifications\\\"],\\r\\n fatherNotificationsState: state.notifications,\\r\\n }}\\r\\n />\\r\\n </>\\r\\n);\\r\\n",

"lib.comment": "// lib.comment\\r\\nconst {\\r\\n mainStateUpdate,\\r\\n isTest,\\r\\n stateUpdate,\\r\\n functionsToCallByLibrary,\\r\\n callLibs,\\r\\n baseAction,\\r\\n widgets,\\r\\n usersSBTs,\\r\\n} = props;\\r\\n\\r\\nconst libName = \\\"comment\\\"; // EDIT: set lib name\\r\\nconst functionsToCall = functionsToCallByLibrary[libName];\\r\\n\\r\\nlet resultFunctionsToCallByLibrary = Object.assign(\\r\\n {},\\r\\n functionsToCallByLibrary\\r\\n);\\r\\nlet resultFunctionsToCall = [];\\r\\n\\r\\nconst currentVersion = \\\"0.0.2\\\"; // EDIT: Set version\\r\\n\\r\\nconst prodAction = `${baseAction}_v${currentVersion}`; // TODO consider versions\\r\\n// const prodAction = `${baseAction}`;\\r\\nconst testAction = `test_${prodAction}`;\\r\\nconst action = isTest ? testAction : prodAction;\\r\\n\\r\\n// START LIB CALLS SECTION\\r\\n// interface FunctionCall {\\r\\n// functionName: string,\\r\\n// key: string, // The state of the caller will be updated with this string as a key\\r\\n// props: Record<string, any> // function parameters as object\\r\\n// }\\r\\n\\r\\n// type LibsCalls = Record<string, FunctionCall> // Key is lib name after lib.\\r\\n\\r\\nconst libSrcArray = [widgets.libSBT]; // string to lib widget // EDIT: set libs to call\\r\\n\\r\\nconst imports = { notifications: [\\\"getNotificationData\\\"] };\\r\\n\\r\\nconst libsCalls = {};\\r\\nlibSrcArray.forEach((libSrc) => {\\r\\n const libName = libSrc.split(\\\"lib.\\\")[1];\\r\\n libsCalls[libName] = [];\\r\\n});\\r\\n\\r\\nState.init({\\r\\n libsCalls, // is a LibsCalls object\\r\\n notifications: {},\\r\\n});\\r\\n// END LIB CALLS SECTION\\r\\n\\r\\nfunction log(message) {\\r\\n console.log(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction logError(message) {\\r\\n console.error(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction libStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\n// START LIB FUNCTIONS: EDIT set functions you need\\r\\n\\r\\nfunction canUserCreateComment(props) {\\r\\n const { accountId, sbtsNames } = props;\\r\\n\\r\\n if (sbtsNames.includes(\\\"public\\\")) return true;\\r\\n\\r\\n if (accountId) {\\r\\n setAreValidUsers([accountId], sbtsNames);\\r\\n } else {\\r\\n return false;\\r\\n }\\r\\n\\r\\n let allSBTsValidations = [];\\r\\n\\r\\n let result;\\r\\n\\r\\n let userCredentials =\\r\\n usersSBTs.find((data) => data.user === accountId).credentials ??\\r\\n state[`isValidUser-${accountId}`];\\r\\n\\r\\n if (userCredentials) {\\r\\n const allSBTs = Object.keys(userCredentials);\\r\\n\\r\\n allSBTs.forEach((sbt) => {\\r\\n sbt !== \\\"public\\\" && allSBTsValidations.push(userCredentials[sbt]);\\r\\n });\\r\\n\\r\\n result = allSBTsValidations.includes(true);\\r\\n }\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"canUserCreateComment\\\" && result !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n return result;\\r\\n}\\r\\n\\r\\nfunction setAreValidUsers(accountIds, sbtsNames) {\\r\\n const newLibCalls = Object.assign({}, state.libsCalls);\\r\\n\\r\\n if (newLibsCalls && !newLibsCalls.SBT) {\\r\\n logError(\\\"Key SBT is not set in lib.\\\", libName);\\r\\n }\\r\\n\\r\\n accountIds.forEach((accountId) => {\\r\\n const isCallPushed =\\r\\n newLibCalls.SBT.find((libCall) => {\\r\\n return (\\r\\n libCall.functionName === \\\"isValidUser\\\" &&\\r\\n libCall.props.accountId === accountId\\r\\n );\\r\\n }) !== undefined;\\r\\n const isCallReturned = state[`isValidUser-${accountId}`] !== undefined;\\r\\n\\r\\n if (isCallPushed || isCallReturned) {\\r\\n return;\\r\\n }\\r\\n\\r\\n const existingUserSBTs = usersSBTs.find(\\r\\n (userSBTs) => userSBTs.user === accountId\\r\\n );\\r\\n\\r\\n if (!existingUserSBTs) {\\r\\n newLibCalls.SBT.push({\\r\\n functionName: \\\"isValidUser\\\",\\r\\n key: `isValidUser-${accountId}`,\\r\\n props: {\\r\\n accountId,\\r\\n },\\r\\n });\\r\\n }\\r\\n });\\r\\n State.update({ libCalls: newLibCalls });\\r\\n}\\r\\n\\r\\nfunction createComment(props) {\\r\\n const { comment, articleId, onClick, onCommit, onCancel } = props;\\r\\n\\r\\n onClick();\\r\\n\\r\\n saveComment(comment, articleId, onCommit, onCancel);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n return call.functionName !== \\\"createComment\\\";\\r\\n });\\r\\n\\r\\n return comment;\\r\\n}\\r\\n\\r\\nfunction getNotificationData(type, accountId, url) {\\r\\n if (state.notifications.getNotificationData) {\\r\\n return state.notifications.getNotificationData(type, accountId, url);\\r\\n }\\r\\n}\\r\\n\\r\\nfunction extractMentions(text) {\\r\\n const mentionRegex =\\r\\n /@((?:(?:[a-z\\\\d]+[-_])*[a-z\\\\d]+\\\\.)*(?:[a-z\\\\d]+[-_])*[a-z\\\\d]+)/gi;\\r\\n mentionRegex.lastIndex = 0;\\r\\n const accountIds = new Set();\\r\\n for (const match of text.matchAll(mentionRegex)) {\\r\\n if (\\r\\n !/[\\\\w`]/.test(match.input.charAt(match.index - 1)) &&\\r\\n !/[/\\\\w`]/.test(match.input.charAt(match.index + match[0].length)) &&\\r\\n match[1].length >= 2 &&\\r\\n match[1].length <= 64\\r\\n ) {\\r\\n accountIds.add(match[1].toLowerCase());\\r\\n }\\r\\n }\\r\\n return [...accountIds];\\r\\n}\\r\\n\\r\\nfunction composeCommentData(comment, articleId) {\\r\\n const data = {\\r\\n index: {\\r\\n [action]: JSON.stringify({\\r\\n key: comment.id,\\r\\n value: {\\r\\n type: \\\"md\\\",\\r\\n comment,\\r\\n },\\r\\n }),\\r\\n },\\r\\n };\\r\\n\\r\\n const mentions = extractMentions(comment.text);\\r\\n\\r\\n if (mentions.length > 0) {\\r\\n const dataToAdd = getNotificationData(\\r\\n \\\"mentionOnComment\\\",\\r\\n mentions,\\r\\n `https://near.social/${\\r\\n widgets.thisForum\\r\\n }?sharedArticleId=${articleId}&sharedCommentId=${comment.commentId}${\\r\\n isTest ? \\\"&isTest=t\\\" : \\\"\\\"\\r\\n }`\\r\\n );\\r\\n\\r\\n data.post = dataToAdd.post;\\r\\n data.index.notify = dataToAdd.index.notify;\\r\\n }\\r\\n\\r\\n return data;\\r\\n}\\r\\n\\r\\nfunction saveComment(comment, articleId, onCommit, onCancel) {\\r\\n if (comment.text) {\\r\\n const newData = composeCommentData(comment, articleId);\\r\\n Social.set(newData, {\\r\\n force: true,\\r\\n onCommit,\\r\\n onCancel,\\r\\n });\\r\\n }\\r\\n}\\r\\n\\r\\nfunction getComments(action, id, subscribe) {\\r\\n return Social.index(action, id, {\\r\\n order: \\\"desc\\\",\\r\\n subscribe,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction getCommentBlackListByBlockHeight() {\\r\\n return [98588599];\\r\\n}\\r\\n\\r\\nfunction filterInvalidComments(comments) {\\r\\n return comments.filter(\\r\\n (comment) =>\\r\\n comment.blockHeight &&\\r\\n !getCommentBlackListByBlockHeight().includes(comment.blockHeight) // Comment is not in blacklist\\r\\n );\\r\\n}\\r\\n\\r\\nfunction getValidComments(props) {\\r\\n const { env, articleSbts, id } = props;\\r\\n // Call other libs\\r\\n const normComments = getCommentsNormalized(env, id);\\r\\n\\r\\n const commentsAuthors = normComments.map((comment) => {\\r\\n return comment.accountId;\\r\\n });\\r\\n\\r\\n setAreValidUsers(commentsAuthors, articleSbts);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"getValidComments\\\" &&\\r\\n state[`isValidUser-${call.props.accountId}`] !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n const finalComments = filterValidComments(normComments, articleSbts);\\r\\n\\r\\n return finalComments;\\r\\n}\\r\\n\\r\\nfunction filterValidator(comments, articleSbts) {\\r\\n if (articleSbts.includes(\\\"public\\\")) return comments;\\r\\n\\r\\n return comments.filter((comment) => {\\r\\n let allSBTsValidations = [];\\r\\n\\r\\n let result;\\r\\n\\r\\n let userCredentials =\\r\\n usersSBTs.find((data) => data.user === comment.accountId).credentials ??\\r\\n state[`isValidUser-${comment.accountId}`];\\r\\n\\r\\n if (userCredentials) {\\r\\n const allSBTs = Object.keys(userCredentials);\\r\\n\\r\\n allSBTs.forEach((sbt) => {\\r\\n sbt !== \\\"public\\\" && allSBTsValidations.push(userCredentials[sbt]);\\r\\n });\\r\\n\\r\\n result = allSBTsValidations.includes(true);\\r\\n }\\r\\n\\r\\n return result;\\r\\n\\r\\n // return (\\r\\n // articleSbts.find((sbt) => {\\r\\n // return (\\r\\n // state[`isValidUser-${comment.accountId}`][sbt] ||\\r\\n // commentSbt === \\\"public\\\"\\r\\n // );\\r\\n // }) !== undefined\\r\\n // );\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterValidComments(comments, articleSbts) {\\r\\n let filteredComments = filterValidator(\\r\\n filteredComments ?? comments,\\r\\n articleSbts\\r\\n );\\r\\n\\r\\n return filteredComments;\\r\\n}\\r\\n\\r\\nfunction getCommentsNormalized(env, id) {\\r\\n const commentsByVersion = Object.keys(versions).map((version, index, arr) => {\\r\\n const action = versions[version].action;\\r\\n const subscribe = index + 1 === arr.length;\\r\\n\\r\\n const comments = getComments(action, id, subscribe);\\r\\n if (!comments) return [];\\r\\n\\r\\n const validComments = filterInvalidComments(comments);\\r\\n\\r\\n return validComments;\\r\\n });\\r\\n\\r\\n return normalizeLibData(commentsByVersion);\\r\\n}\\r\\n\\r\\nfunction normalizeOldToV_0_0_1(comment) {\\r\\n return comment;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_1ToV0_0_2(comment) {\\r\\n return comment;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_2ToV0_0_3(comment) {\\r\\n return comment;\\r\\n}\\r\\n// END LIB FUNCTIONS\\r\\n\\r\\n// EDIT: set functions you want to export\\r\\nfunction callFunction(call) {\\r\\n if (call.functionName === \\\"createComment\\\") {\\r\\n return createComment(call.props);\\r\\n } else if (call.functionName === \\\"getValidComments\\\") {\\r\\n return getValidComments(call.props);\\r\\n } else if (call.functionName === \\\"canUserCreateComment\\\") {\\r\\n return canUserCreateComment(call.props);\\r\\n }\\r\\n}\\r\\n\\r\\n// EDIT: set versions you want to handle, considering their action to Social.index and the way to transform to one version to another (normalization)\\r\\nconst versions = {\\r\\n old: {\\r\\n normalizationFunction: normalizeOldToV_0_0_1,\\r\\n action: props.isTest ? `test_${baseAction}` : baseAction,\\r\\n },\\r\\n \\\"v1.0.1\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_1ToV0_0_2,\\r\\n action: props.isTest ? `test_${baseAction}-v1.0.1` : `${baseAction}-v1.0.1`,\\r\\n },\\r\\n \\\"v0.0.2\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_2ToV0_0_3,\\r\\n action: props.isTest ? `test_${baseAction}_v0.0.2` : `${baseAction}_v0.0.2`,\\r\\n },\\r\\n};\\r\\n\\r\\nfunction normalizeLibData(libDataByVersion) {\\r\\n let libData;\\r\\n\\r\\n Object.keys(versions).forEach((version, index, array) => {\\r\\n const normFn = versions[version].normalizationFunction;\\r\\n const normLibData = libDataByVersion[index].map((libData, i) => {\\r\\n return normFn(libData);\\r\\n });\\r\\n\\r\\n if (index + 1 === array.length) {\\r\\n // Last index\\r\\n libData = normLibData;\\r\\n return;\\r\\n }\\r\\n libDataByVersion[index + 1] =\\r\\n libDataByVersion[index + 1].concat(normLibData);\\r\\n });\\r\\n\\r\\n return libData;\\r\\n}\\r\\n\\r\\nif (functionsToCall && functionsToCall.length > 0) {\\r\\n const updateObj = Object.assign({}, functionsToCallByLibrary);\\r\\n resultFunctionsToCall = [...functionsToCall];\\r\\n functionsToCall.forEach((call) => {\\r\\n updateObj[call.key] = callFunction(call);\\r\\n });\\r\\n\\r\\n resultFunctionsToCallByLibrary[libName] = resultFunctionsToCall;\\r\\n updateObj.functionsToCallByLibrary = resultFunctionsToCallByLibrary;\\r\\n\\r\\n const oldUsersSBTs = usersSBTs;\\r\\n // {\\r\\n // user: string,\\r\\n // credentials: {},\\r\\n // }\\r\\n\\r\\n const newUsersSBTs = Object.keys(state).map((key) => {\\r\\n if (key.includes(\\\"isValidUser-\\\")) {\\r\\n if (state[key] !== undefined) {\\r\\n const user = key.split(\\\"isValidUser-\\\")[1];\\r\\n const credentials = state[key];\\r\\n\\r\\n const oldUsers = oldUsersSBTs.map((userSbts) => userSbts.user);\\r\\n\\r\\n if (!oldUsers.includes(user)) {\\r\\n return {\\r\\n user,\\r\\n credentials,\\r\\n };\\r\\n }\\r\\n }\\r\\n }\\r\\n });\\r\\n\\r\\n const finalUsersSBTs = [...oldUsersSBTs, ...newUsersSBTs].filter(\\r\\n (userSBTs) => userSBTs !== undefined\\r\\n );\\r\\n\\r\\n if (finalUsersSBTs[0]) {\\r\\n mainStateUpdate({ usersSBTs: finalUsersSBTs });\\r\\n }\\r\\n\\r\\n stateUpdate(updateObj);\\r\\n}\\r\\n\\r\\n// function callLibs(\\r\\n// src,\\r\\n// stateUpdate,\\r\\n// functionsToCallByLibrary,\\r\\n// extraProps,\\r\\n// callerWidget\\r\\n// ) {\\r\\n// return (\\r\\n// <Widget\\r\\n// src={src}\\r\\n// props={{\\r\\n// isTest,\\r\\n// stateUpdate,\\r\\n// functionsToCallByLibrary,\\r\\n// callLibs,\\r\\n// widgets,\\r\\n// ...extraProps,\\r\\n// }}\\r\\n// />\\r\\n// );\\r\\n// }\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n libStateUpdate,\\r\\n state.libsCalls,\\r\\n {},\\r\\n `lib.${libName}`\\r\\n );\\r\\n })}\\r\\n\\r\\n <Widget\\r\\n src={`${widgets.libNotifications}`}\\r\\n props={{\\r\\n stateUpdate: libStateUpdate,\\r\\n imports: imports[\\\"notifications\\\"],\\r\\n fatherNotificationsState: state.notifications,\\r\\n }}\\r\\n />\\r\\n </>\\r\\n);\\r\\n",

"lib.upVotes": "// lib.upVotes\\r\\n\\r\\nconst {\\r\\n mainStateUpdate,\\r\\n isTest,\\r\\n stateUpdate,\\r\\n functionsToCallByLibrary,\\r\\n callLibs,\\r\\n baseAction,\\r\\n widgets,\\r\\n usersSBTs,\\r\\n} = props;\\r\\n\\r\\nconst libName = \\\"upVotes\\\"; // EDIT: set lib name\\r\\nconst functionsToCall = functionsToCallByLibrary[libName];\\r\\n\\r\\nlet resultFunctionsToCallByLibrary = Object.assign(\\r\\n {},\\r\\n functionsToCallByLibrary\\r\\n);\\r\\nlet resultFunctionsToCall = [];\\r\\n\\r\\nconst currentVersion = \\\"0.0.2\\\"; // EDIT: Set version\\r\\n\\r\\nconst prodAction = `${baseAction}_v${currentVersion}`;\\r\\nconst testAction = `test_${prodAction}`;\\r\\nconst action = isTest ? testAction : prodAction;\\r\\n\\r\\n// START LIB CALLS SECTION\\r\\n// interface FunctionCall {\\r\\n// functionName: string,\\r\\n// key: string, // The state of the caller will be updated with this string as a key\\r\\n// props: Record<string, any> // function parameters as object\\r\\n// }\\r\\n\\r\\n// type LibsCalls = Record<string, FunctionCall> // Key is lib name after lib.\\r\\n\\r\\nconst libSrcArray = [widgets.libSBT]; // string to lib widget // EDIT: set libs to call\\r\\n\\r\\nconst imports = { notifications: [\\\"getNotificationData\\\"] };\\r\\n\\r\\nconst otherFunctionsToCallByLibrary = {};\\r\\nlibSrcArray.forEach((libSrc) => {\\r\\n const libName = libSrc.split(\\\"lib.\\\")[1];\\r\\n otherFunctionsToCallByLibrary[libName] = [];\\r\\n});\\r\\n\\r\\nState.init({\\r\\n functionsToCallByLibrary: otherFunctionsToCallByLibrary, // is a LibsCalls object\\r\\n notifications: {},\\r\\n});\\r\\n// END LIB CALLS SECTION\\r\\n\\r\\nfunction log(message) {\\r\\n console.log(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction logError(message) {\\r\\n console.error(`lib.${libName}`, message);\\r\\n}\\r\\n\\r\\nfunction libStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\n// START LIB FUNCTIONS: EDIT set functions you need\\r\\nfunction canUserUpVote(props) {\\r\\n const { env, accountId, sbtsNames } = props;\\r\\n\\r\\n if (sbtsNames.includes(\\\"public\\\")) return true;\\r\\n\\r\\n if (accountId) {\\r\\n setAreValidUsers([accountId], sbtsNames);\\r\\n } else {\\r\\n return false;\\r\\n }\\r\\n\\r\\n let allSBTsValidations = [];\\r\\n\\r\\n let result;\\r\\n\\r\\n let userCredentials =\\r\\n usersSBTs.find((data) => data.user === accountId).credentials ??\\r\\n state[`isValidUser-${accountId}`];\\r\\n\\r\\n if (userCredentials) {\\r\\n const allSBTs = Object.keys(userCredentials);\\r\\n\\r\\n allSBTs.forEach((sbt) => {\\r\\n sbt !== \\\"public\\\" && allSBTsValidations.push(userCredentials[sbt]);\\r\\n });\\r\\n\\r\\n result = allSBTsValidations.includes(true);\\r\\n }\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"canUserUpVote\\\" && result !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n\\r\\n return result;\\r\\n}\\r\\n\\r\\nfunction setAreValidUsers(accountIds, sbtsNames) {\\r\\n const newLibsCalls = Object.assign({}, state.functionsToCallByLibrary);\\r\\n\\r\\n if (!newLibsCalls.SBT) {\\r\\n logError(\\\"Key SBT is not set in lib.\\\", libName);\\r\\n }\\r\\n\\r\\n accountIds.forEach((accountId) => {\\r\\n const isCallPushed =\\r\\n newLibsCalls.SBT.find((libCall) => {\\r\\n return (\\r\\n libCall.functionName === \\\"isValidUser\\\" &&\\r\\n libCall.props.accountId === accountId\\r\\n );\\r\\n }) !== undefined;\\r\\n const isCallReturned = state[`isValidUser-${accountId}`] !== undefined;\\r\\n\\r\\n if (isCallPushed || isCallReturned) {\\r\\n return;\\r\\n }\\r\\n\\r\\n const existingUserSBTs = usersSBTs.find(\\r\\n (userSBTs) => userSBTs.user === accountId\\r\\n );\\r\\n\\r\\n if (!existingUserSBTs) {\\r\\n newLibsCalls.SBT.push({\\r\\n functionName: \\\"isValidUser\\\",\\r\\n key: `isValidUser-${accountId}`,\\r\\n props: {\\r\\n accountId,\\r\\n sbtsNames,\\r\\n },\\r\\n });\\r\\n }\\r\\n });\\r\\n\\r\\n State.update({ functionsToCallByLibrary: newLibsCalls });\\r\\n}\\r\\n\\r\\nfunction addVote(props) {\\r\\n const { id, articleSbts, articleAuthor } = props;\\r\\n saveUpVote(id, articleSbts, articleAuthor);\\r\\n\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n return call.functionName !== \\\"addVote\\\";\\r\\n });\\r\\n\\r\\n // return upVote;\\r\\n}\\r\\n\\r\\nfunction deleteVote(props) {\\r\\n const { id, upVoteId } = props;\\r\\n\\r\\n saveDeleteVote(id, upVoteId);\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n return call.functionName !== \\\"deleteVote\\\";\\r\\n });\\r\\n}\\r\\n\\r\\nfunction getNotificationData(type, accountId, url) {\\r\\n if (state.notifications.getNotificationData) {\\r\\n return state.notifications.getNotificationData(type, accountId, url);\\r\\n }\\r\\n}\\r\\n\\r\\nconst saveDeleteVote = (id, upVoteId, onCommit, onCancel) => {\\r\\n if (id && upVoteId) {\\r\\n const newData = composeDeleteUpVoteData(id, upVoteId);\\r\\n\\r\\n Social.set(newData, {\\r\\n force: true,\\r\\n onCommit,\\r\\n onCancel,\\r\\n });\\r\\n } else {\\r\\n logError(\\\"delete upVote props are wrong\\\");\\r\\n }\\r\\n};\\r\\n\\r\\nfunction composeDeleteUpVoteData(id, upVoteId) {\\r\\n const data = {\\r\\n index: {\\r\\n [action]: JSON.stringify({\\r\\n key: id,\\r\\n value: {\\r\\n isDelete: true,\\r\\n upVoteId,\\r\\n },\\r\\n }),\\r\\n },\\r\\n };\\r\\n\\r\\n return data;\\r\\n}\\r\\n\\r\\nconst saveUpVote = (id, articleSbts, articleAuthor, onCommit, onCancel) => {\\r\\n if (id) {\\r\\n const newData = composeUpVoteData(id, articleSbts, articleAuthor);\\r\\n\\r\\n Social.set(newData, {\\r\\n force: true,\\r\\n onCommit,\\r\\n onCancel,\\r\\n });\\r\\n } else {\\r\\n logError(\\\"upVote id is missing\\\");\\r\\n }\\r\\n};\\r\\n\\r\\nfunction composeUpVoteData(id, articleSbts, articleAuthor) {\\r\\n const data = {\\r\\n index: {\\r\\n [action]: JSON.stringify({\\r\\n key: id,\\r\\n value: {\\r\\n upVoteId: `uv-${context.accountId}-${Date.now()}`,\\r\\n sbts: articleSbts,\\r\\n },\\r\\n }),\\r\\n },\\r\\n };\\r\\n\\r\\n const dataToAdd = getNotificationData(\\r\\n \\\"upVote\\\",\\r\\n [articleAuthor],\\r\\n `https://near.social/${widgets.thisForum}?sharedArticleId=${id}${\\r\\n isTest ? \\\"&isTest=t\\\" : \\\"\\\"\\r\\n }`\\r\\n );\\r\\n\\r\\n data.post = dataToAdd.post;\\r\\n data.index.notify = dataToAdd.index.notify;\\r\\n\\r\\n return data;\\r\\n}\\r\\n\\r\\nfunction getUpVoteBlackListByBlockHeight() {\\r\\n return [];\\r\\n}\\r\\n\\r\\nfunction getUpVotesData(action, id, subscribe) {\\r\\n return Social.index(action, id, {\\r\\n order: \\\"desc\\\",\\r\\n subscribe,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction getupVotesNormalized(id) {\\r\\n const upVotesByVersion = Object.keys(versions).map((version, index, arr) => {\\r\\n const action = versions[version].action;\\r\\n const subscribe = index + 1 === arr.length;\\r\\n const allUpVotes = getUpVotesData(action, id, subscribe);\\r\\n if (!allUpVotes) return undefined;\\r\\n\\r\\n const validUpVotes = filterInvalidUpVotes(env, allUpVotes);\\r\\n const latestEdits = getLatestEdits(validUpVotes);\\r\\n\\r\\n const nonDeletedVotes = latestEdits.filter((vote) => {\\r\\n return !vote.value.isDelete;\\r\\n });\\r\\n return nonDeletedVotes;\\r\\n });\\r\\n if (upVotesByVersion.includes(undefined)) return undefined;\\r\\n\\r\\n return normalizeLibData(upVotesByVersion);\\r\\n}\\r\\n\\r\\nfunction getLatestEdits(upVotes) {\\r\\n return upVotes.filter((obj) => {\\r\\n const userLatestInteraction = upVotes.find(\\r\\n (vote) => vote.accountId === obj.accountId\\r\\n );\\r\\n return JSON.stringify(userLatestInteraction) === JSON.stringify(obj);\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterInvalidUpVotes(env, upVotes) {\\r\\n return upVotes\\r\\n .filter((upVote) => upVote.value.upVoteId) // Has id\\r\\n .filter(\\r\\n (upVote) =>\\r\\n !getUpVoteBlackListByBlockHeight().includes(upVote.blockHeight) // Blockheight is not in blacklist\\r\\n );\\r\\n}\\r\\n\\r\\nfunction getUpVotes(props) {\\r\\n const { sbtsNames: articleSbts, id } = props;\\r\\n // Call other libs\\r\\n const normUpVotes = getupVotesNormalized(id);\\r\\n if (!normUpVotes) return undefined;\\r\\n\\r\\n const lastUpVotesAuthors = normUpVotes.map((upVote) => {\\r\\n return upVote.accountId;\\r\\n });\\r\\n setAreValidUsers(lastUpVotesAuthors, articleSbts);\\r\\n\\r\\n lastUpVotesAuthors.forEach((accountId) => {\\r\\n resultFunctionsToCall = resultFunctionsToCall.filter((call) => {\\r\\n const discardCondition =\\r\\n call.functionName === \\\"getUpVotes\\\" &&\\r\\n state[`isValidUser-${accountId}`] !== undefined;\\r\\n return !discardCondition;\\r\\n });\\r\\n });\\r\\n\\r\\n const finalUpVotes = filterValidUpVotes(normUpVotes, articleSbts);\\r\\n const finalUpVotesMapped = {};\\r\\n\\r\\n articleSbts.forEach((sbt) => {\\r\\n finalUpVotesMapped[sbt] = finalUpVotes;\\r\\n });\\r\\n\\r\\n return finalUpVotesMapped;\\r\\n}\\r\\n\\r\\nfunction filterValidator(upVotes, articleSbts) {\\r\\n if (articleSbts.includes(\\\"public\\\")) return upVotes;\\r\\n\\r\\n return upVotes.filter((upVote) => {\\r\\n let allSBTsValidations = [];\\r\\n\\r\\n let result;\\r\\n\\r\\n let userCredentials =\\r\\n usersSBTs.find((data) => data.user === upVote.accountId).credentials ??\\r\\n state[`isValidUser-${upVote.accountId}`];\\r\\n\\r\\n if (userCredentials) {\\r\\n const allSBTs = Object.keys(userCredentials);\\r\\n\\r\\n allSBTs.forEach((sbt) => {\\r\\n sbt !== \\\"public\\\" && allSBTsValidations.push(userCredentials[sbt]);\\r\\n });\\r\\n\\r\\n result = allSBTsValidations.includes(true);\\r\\n }\\r\\n\\r\\n return result;\\r\\n\\r\\n // return (\\r\\n // articleSbts.find((sbt) => {\\r\\n // return (\\r\\n // state[`isValidUser-${upVote.accountId}`][sbt] || sbt === \\\"public\\\"\\r\\n // );\\r\\n // }) !== undefined\\r\\n // );\\r\\n });\\r\\n}\\r\\n\\r\\nfunction filterValidUpVotes(upVotes, articleSbts) {\\r\\n let filteredUpVotes = filterValidator(\\r\\n filteredUpVotes ?? upVotes,\\r\\n articleSbts\\r\\n );\\r\\n\\r\\n return filteredUpVotes;\\r\\n}\\r\\n\\r\\n// END LIB FUNCTIONS\\r\\n\\r\\n// EDIT: set functions you want to export\\r\\nfunction callFunction(call) {\\r\\n if (call.functionName === \\\"canUserUpVote\\\") {\\r\\n return canUserUpVote(call.props);\\r\\n } else if (call.functionName === \\\"addVote\\\") {\\r\\n return addVote(call.props);\\r\\n } else if (call.functionName === \\\"deleteVote\\\") {\\r\\n return deleteVote(call.props);\\r\\n } else if (call.functionName === \\\"getUpVotes\\\") {\\r\\n return getUpVotes(call.props);\\r\\n }\\r\\n}\\r\\n\\r\\n// EDIT: set versions you want to handle, considering their action to Social.index and the way to transform to one version to another (normalization)\\r\\nfunction normalizeOldToV_0_0_1(upVote) {\\r\\n return upVote;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_1ToV0_0_2(upVote) {\\r\\n upVote.sbts = [\\\"public\\\"];\\r\\n return upVote;\\r\\n}\\r\\n\\r\\nfunction normalizeFromV0_0_2ToV0_0_3(upVote) {\\r\\n return upVote;\\r\\n}\\r\\n\\r\\nconst versions = {\\r\\n old: {\\r\\n normalizationFunction: normalizeOldToV_0_0_1,\\r\\n action: props.isTest ? `test_${baseAction}` : baseAction,\\r\\n },\\r\\n \\\"v0.0.1\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_1ToV0_0_2,\\r\\n action: props.isTest ? `test_${baseAction}-v0.0.1` : `${baseAction}-v0.0.1`,\\r\\n },\\r\\n \\\"v0.0.2\\\": {\\r\\n normalizationFunction: normalizeFromV0_0_2ToV0_0_3,\\r\\n action: props.isTest ? `test_${baseAction}_v0.0.2` : `${baseAction}_v0.0.2`,\\r\\n },\\r\\n};\\r\\n\\r\\nfunction normalizeLibData(libDataByVersion) {\\r\\n let libData;\\r\\n\\r\\n Object.keys(versions).forEach((version, index, array) => {\\r\\n const normFn = versions[version].normalizationFunction;\\r\\n const normLibData = libDataByVersion[index].map((libData, i) => {\\r\\n return normFn(libData);\\r\\n });\\r\\n\\r\\n if (index + 1 === array.length) {\\r\\n // Last index\\r\\n libData = normLibData;\\r\\n return;\\r\\n }\\r\\n libDataByVersion[index + 1] =\\r\\n libDataByVersion[index + 1].concat(normLibData);\\r\\n });\\r\\n\\r\\n return libData;\\r\\n}\\r\\n\\r\\nif (functionsToCall && functionsToCall.length > 0) {\\r\\n const updateObj = Object.assign({}, functionsToCallByLibrary);\\r\\n resultFunctionsToCall = [...functionsToCall];\\r\\n functionsToCall.forEach((call) => {\\r\\n updateObj[call.key] = callFunction(call);\\r\\n });\\r\\n\\r\\n resultFunctionsToCallByLibrary[libName] = resultFunctionsToCall;\\r\\n updateObj.functionsToCallByLibrary = resultFunctionsToCallByLibrary;\\r\\n\\r\\n const oldUsersSBTs = usersSBTs;\\r\\n // {\\r\\n // user: string,\\r\\n // credentials: {},\\r\\n // }\\r\\n\\r\\n const newUsersSBTs = Object.keys(state).map((key) => {\\r\\n if (key.includes(\\\"isValidUser-\\\")) {\\r\\n if (state[key] !== undefined) {\\r\\n const user = key.split(\\\"isValidUser-\\\")[1];\\r\\n const credentials = state[key];\\r\\n\\r\\n const oldUsers = oldUsersSBTs.map((userSbts) => userSbts.user);\\r\\n\\r\\n if (!oldUsers.includes(user)) {\\r\\n return {\\r\\n user,\\r\\n credentials,\\r\\n };\\r\\n }\\r\\n }\\r\\n }\\r\\n });\\r\\n\\r\\n const finalUsersSBTs = [...oldUsersSBTs, ...newUsersSBTs].filter(\\r\\n (userSBTs) => userSBTs !== undefined\\r\\n );\\r\\n\\r\\n if (finalUsersSBTs[0]) {\\r\\n mainStateUpdate({ usersSBTs: finalUsersSBTs });\\r\\n }\\r\\n\\r\\n stateUpdate(updateObj);\\r\\n}\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n libStateUpdate,\\r\\n state.functionsToCallByLibrary,\\r\\n {},\\r\\n `lib.${libName}`\\r\\n );\\r\\n })}\\r\\n\\r\\n <Widget\\r\\n src={`${widgets.libNotifications}`}\\r\\n props={{\\r\\n stateUpdate: libStateUpdate,\\r\\n imports: imports[\\\"notifications\\\"],\\r\\n fatherNotificationsState: state.notifications,\\r\\n }}\\r\\n />\\r\\n </>\\r\\n);\\r\\n",

"NDC.AddComment": "// NDC.AddComment\\r\\n\\r\\nconst {\\r\\n widgets,\\r\\n isTest,\\r\\n article,\\r\\n onCloseModal,\\r\\n isReplying,\\r\\n username,\\r\\n placement,\\r\\n originalComment,\\r\\n replyingTo,\\r\\n callLibs,\\r\\n baseActions,\\r\\n} = props;\\r\\n\\r\\nlet id;\\r\\nif (originalComment) {\\r\\n id = originalComment.originalComment.value.comment.id;\\r\\n} else {\\r\\n id = article.id ?? `${article.author}-${article.timeCreate}`;\\r\\n}\\r\\n\\r\\nconst ModalCard = styled.div`\\r\\n position: fixed;\\r\\n z-index: 1;\\r\\n left: 0;\\r\\n top: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n background: rgba(0, 0, 0, 0.7);\\r\\n`;\\r\\nconst CommentCard = styled.div`\\r\\n display: flex;\\r\\n width: 400px;\\r\\n padding: 20px;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 16px;\\r\\n border-radius: 10px;\\r\\n background: #fff;\\r\\n border: 1px solid transparent;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n margin-buttom: 50%;\\r\\n @media only screen and (max-width: 480px) {\\r\\n width: 90%;\\r\\n }\\r\\n`;\\r\\nconst H1 = styled.h1`\\r\\n color: black;\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n`;\\r\\nconst Container = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-end;\\r\\n gap: 20px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst CommentBody = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 16px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst BComment = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 8px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst BCommentmessage = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 8px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst BCMHeader = styled.div`\\r\\n display: flex;\\r\\n width: 100%;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n`;\\r\\nconst BCMProfile = styled.div`\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n flex-shrink: 0;\\r\\n flex-direction: row;\\r\\n border-radius: 29px;\\r\\n background: #d0d6d9;\\r\\n text-align: center;\\r\\n`;\\r\\nconst BCMProfileimg = styled.img`\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n flex-shrink: 0;\\r\\n vertical-align: initial;\\r\\n`;\\r\\nconst BCMProfileUsername = styled.label`\\r\\n display: flex;\\r\\n width: 100%;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n flex-shrink: 0;\\r\\n color: #000;\\r\\n font-size: 14px;\\r\\n\\r\\n font-style: normal;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n`;\\r\\nconst BCMMessage = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-self: stretch;\\r\\n color: #686b6d;\\r\\n font-size: 14px;\\r\\n\\r\\n font-style: normal;\\r\\n font-weight: 400;\\r\\n line-height: 120%;\\r\\n`;\\r\\nconst BFooter = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: flex-start;\\r\\n gap: 4px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst BFootercont = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst BFootercontTime = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n flex: 1 0 0;\\r\\n`;\\r\\nconst BFCTimetext = styled.div`\\r\\n display: flex;\\r\\n height: 19.394px;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n flex: 1 0 0;\\r\\n color: #000;\\r\\n font-size: 14px;\\r\\n\\r\\n font-style: normal;\\r\\n font-weight: 300;\\r\\n line-height: normal;\\r\\n`;\\r\\nconst BFCButton = styled.div`\\r\\n display: flex;\\r\\n justify-content: flex-end;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n`;\\r\\nconst BFCButtonitem = styled.button`\\r\\n display: flex;\\r\\n padding: 2px 12px;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n border-radius: 4px;\\r\\n border-width: 1px;\\r\\n border: solid 1px #9333ea;\\r\\n\\r\\n background-image: linear-gradient(#fff, #fff),\\r\\n radial-gradient(circle at top left, #f0e1ce, #f0e1ce);\\r\\n background-origin: border-box;\\r\\n background-clip: padding-box, border-box;\\r\\n`;\\r\\nconst BFCBIText = styled.label`\\r\\n font-size: 12px;\\r\\n\\r\\n font-style: normal;\\r\\n font-weight: 500;\\r\\n line-height: 24px;\\r\\n color: #9333ea;\\r\\n cursor: pointer;\\r\\n`;\\r\\nconst NewComment = styled.textarea`\\r\\n width: 100%;\\r\\n display: flex;\\r\\n height: 100px;\\r\\n padding: 9px 10px 0px 10px;\\r\\n align-items: flex-start;\\r\\n\\r\\n gap: 10px;\\r\\n align-self: stretch;\\r\\n border-radius: 8px;\\r\\n border: 1px solid #d0d6d9;\\r\\n background: #fff;\\r\\n\\r\\n font-size: 12px;\\r\\n\\r\\n font-style: normal;\\r\\n font-weight: 400;\\r\\n line-height: 120%;\\r\\n`;\\r\\nconst CommentFooter = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: flex-end;\\r\\n justify-content: end;\\r\\n gap: 16px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst CFCancel = styled.button`\\r\\n display: flex;\\r\\n width: 107px;\\r\\n padding: 8px 12px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n color: #9333ea;\\r\\n border-radius: 10px;\\r\\n border-width: 1px;\\r\\n border: solid 1px #9333ea;\\r\\n\\r\\n background-image: linear-gradient(#fff, #fff),\\r\\n radial-gradient(circle at top left, #f0e1ce, #f0e1ce);\\r\\n background-origin: border-box;\\r\\n background-clip: padding-box, border-box;\\r\\n @media only screen and (max-width: 480px) {\\r\\n width: 100%;\\r\\n }\\r\\n`;\\r\\n\\r\\nconst CFSubmit = styled.button`\\r\\n display: flex;\\r\\n width: 107px;\\r\\n padding: 8px 12px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n color: #000;\\r\\n display: flex;\\r\\n width: 107px;\\r\\n padding: 8px 12px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n border-radius: 10px;\\r\\n border-width: 1px;\\r\\n border: solid 1px transparent;\\r\\n\\r\\n background-image: linear-gradient(#ffd50d, #ffd50d),\\r\\n radial-gradient(circle at top left, #f0e1ce, #f0e1ce);\\r\\n background-origin: border-box;\\r\\n background-clip: padding-box, border-box;\\r\\n @media only screen and (max-width: 480px) {\\r\\n width: 100%;\\r\\n }\\r\\n`;\\r\\n\\r\\nconst Spinner = styled.div`\\r\\n height: 1rem;\\r\\n width: 1rem;\\r\\n`;\\r\\n\\r\\nconst CallLibrary = styled.div`\\r\\n display: none;\\r\\n`;\\r\\n\\r\\nconst libSrcArray = [widgets.libComment];\\r\\n\\r\\nfunction stateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\nState.init({\\r\\n theme,\\r\\n reply: \\\"\\\",\\r\\n cancel: false,\\r\\n e_message: \\\"\\\",\\r\\n functionsToCallByLibrary: {\\r\\n comment: [],\\r\\n },\\r\\n});\\r\\n\\r\\nconst SetText = (txt) => {\\r\\n State.update({ shareText: txt });\\r\\n};\\r\\n\\r\\nconst renderSpinner = () => {\\r\\n return <Spinner className=\\\"spinner-border\\\" role=\\\"status\\\"></Spinner>;\\r\\n};\\r\\n\\r\\nfunction onCommit() {\\r\\n State.update({ showSpinner: false });\\r\\n onCloseModal();\\r\\n}\\r\\n\\r\\nfunction onCancel() {\\r\\n State.update({ showSpinner: false });\\r\\n}\\r\\n\\r\\nfunction onClickAddComment() {\\r\\n State.update({ showSpinner: true });\\r\\n}\\r\\n\\r\\nfunction addCommentListener() {\\r\\n const newLibCalls = Object.assign({}, state.functionsToCallByLibrary);\\r\\n\\r\\n const comment = {\\r\\n text: state.reply,\\r\\n id,\\r\\n timestamp: Date.now(),\\r\\n originalCommentId:\\r\\n originalComment.originalComment.value.comment.commentId ??\\r\\n article.id ??\\r\\n `${article.author}-${article.timeCreate}`,\\r\\n commentId: comment.commentId ?? `c_${context.accountId}-${Date.now()}`,\\r\\n };\\r\\n newLibCalls.comment.push({\\r\\n functionName: \\\"createComment\\\",\\r\\n key: \\\"createComment\\\",\\r\\n props: {\\r\\n comment,\\r\\n articleId: article.id,\\r\\n onClick: onClickAddComment,\\r\\n onCommit,\\r\\n onCancel,\\r\\n },\\r\\n });\\r\\n State.update({ functionsToCallByLibrary: newLibCalls });\\r\\n}\\r\\n\\r\\nreturn (\\r\\n <ModalCard>\\r\\n <CommentCard>\\r\\n <H1>{isReplying ? \\\"Reply to comment\\\" : \\\"Add a Comment\\\"}</H1>\\r\\n <Container>\\r\\n {replyingTo && (\\r\\n <>\\r\\n <CommentBody>\\r\\n <BComment>\\r\\n <BCommentmessage>\\r\\n <BCMHeader>\\r\\n <BCMProfile>\\r\\n <Widget\\r\\n src={widgets.profileImage}\\r\\n props={{\\r\\n accountId: replyingTo,\\r\\n imageClassName: \\\"rounded-circle w-100 h-100\\\",\\r\\n style: { width: \\\"25px\\\", height: \\\"25px\\\" },\\r\\n }}\\r\\n />\\r\\n </BCMProfile>\\r\\n <BCMProfileUsername>\\r\\n {replyingTo ? \\\"@\\\" + replyingTo : \\\"@user.near\\\"}\\r\\n </BCMProfileUsername>\\r\\n </BCMHeader>\\r\\n <BCMMessage>\\r\\n {originalComment &&\\r\\n originalComment.originalComment.value.comment.text}\\r\\n </BCMMessage>\\r\\n </BCommentmessage>\\r\\n </BComment>\\r\\n <BFooter>\\r\\n <label>{state.e_message}</label>\\r\\n <BFootercont>\\r\\n <BFootercontTime>\\r\\n <img\\r\\n alt=\\\"schedule\\\"\\r\\n src={\\r\\n \\\"https://emerald-related-swordtail-341.mypinata.cloud/ipfs/QmP3uRUgZtqV3HAgcZoYaDA6JSPpFcpqULvgenWUs3ctSP\\\"\\r\\n }\\r\\n style={{ width: \\\"14px\\\", height: \\\"14px\\\" }}\\r\\n />\\r\\n </BFootercontTime>\\r\\n </BFootercont>\\r\\n </BFooter>\\r\\n </CommentBody>\\r\\n <hr\\r\\n styled={{\\r\\n width: \\\"100%\\\",\\r\\n height: \\\"0px\\\",\\r\\n border: \\\"1px solid rgba(130, 134, 136, 0.20)\\\",\\r\\n flex: \\\"none\\\",\\r\\n background: \\\"rgba(130, 134, 136, 0.20)\\\",\\r\\n margin: \\\"0px\\\",\\r\\n flexGrow: \\\"0\\\",\\r\\n }}\\r\\n />\\r\\n </>\\r\\n )}\\r\\n <div className=\\\"w-100 col\\\">\\r\\n <Widget\\r\\n src={widgets.styledComponents}\\r\\n props={{\\r\\n TextArea: {\\r\\n placeholder: \\\"Reply here\\\",\\r\\n maxLength: 2000,\\r\\n value: state.reply,\\r\\n handleChange: (e) =>\\r\\n State.update({\\r\\n reply: e.target.value.substring(0, 1000),\\r\\n }),\\r\\n },\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n <CommentFooter>\\r\\n <Widget\\r\\n src={widgets.styledComponents}\\r\\n props={{\\r\\n Button: {\\r\\n text: \\\"Cancel\\\",\\r\\n className: \\\"secondary dark\\\",\\r\\n onClick: onCloseModal,\\r\\n },\\r\\n }}\\r\\n />\\r\\n <Widget\\r\\n src={widgets.styledComponents}\\r\\n props={{\\r\\n Button: {\\r\\n text: state.showSpinner ? \\\"\\\" : \\\"Submit\\\",\\r\\n onClick: !state.showSpinner ? addCommentListener : () => {},\\r\\n icon: state.showSpinner ? renderSpinner() : <></>,\\r\\n },\\r\\n }}\\r\\n />\\r\\n </CommentFooter>\\r\\n </Container>\\r\\n </CommentCard>\\r\\n <CallLibrary>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n stateUpdate,\\r\\n state.functionsToCallByLibrary,\\r\\n { baseAction: baseActions.commentBaseAction },\\r\\n \\\"AddComment\\\"\\r\\n );\\r\\n })}\\r\\n </CallLibrary>\\r\\n </ModalCard>\\r\\n);\\r\\n",

"NDC.ArticleView": "// NDC.ArticleView\\r\\n\\r\\nconst {\\r\\n widgets,\\r\\n isTest,\\r\\n handleFilterArticles,\\r\\n articleToRenderData,\\r\\n authorForWidget,\\r\\n handleEditArticle,\\r\\n handleShareButton,\\r\\n callLibs,\\r\\n baseActions,\\r\\n sharedCommentId,\\r\\n} = props;\\r\\n\\r\\nif (!callLibs) {\\r\\n callLibs = () => {};\\r\\n}\\r\\n\\r\\nconst accountId = articleToRenderData.author;\\r\\nconst id =\\r\\n articleToRenderData.id ??\\r\\n `${articleToRenderData.author}-${articleToRenderData.timeCreate}`;\\r\\n\\r\\nif (\\r\\n !Array.isArray(articleToRenderData.tags) &&\\r\\n typeof articleToRenderData.tags === \\\"object\\\"\\r\\n) {\\r\\n articleToRenderData.tags = Object.keys(articleToRenderData.tags);\\r\\n}\\r\\n\\r\\narticleToRenderData.tags = articleToRenderData.tags.filter(\\r\\n (tag) => tag !== undefined && tag !== null\\r\\n);\\r\\n\\r\\n//For the moment we\\\'ll allways have only 1 sbt in the array. If this change remember to do the propper work in lib.SBT and here.\\r\\nconst articleSbts = articleToRenderData.sbts ?? [];\\r\\n\\r\\nconst libSrcArray = [widgets.libComment];\\r\\n\\r\\nconst tabs = [\\r\\n {\\r\\n id: \\\"generalInfo\\\",\\r\\n title: \\\"Post info\\\",\\r\\n icon: \\\"bi bi-info-circle\\\",\\r\\n },\\r\\n];\\r\\n\\r\\nconst initLibsCalls = {\\r\\n comment: [\\r\\n {\\r\\n functionName: \\\"getValidComments\\\",\\r\\n key: \\\"comments\\\",\\r\\n props: { env: undefined, id, articleSbts },\\r\\n },\\r\\n {\\r\\n functionName: \\\"canUserCreateComment\\\",\\r\\n key: \\\"canLoggedUserCreateComment\\\",\\r\\n props: {\\r\\n accountId: context.accountId,\\r\\n sbtsNames: articleSbts,\\r\\n },\\r\\n },\\r\\n ],\\r\\n};\\r\\n\\r\\nState.init({\\r\\n tabSelected: tabs[0].id,\\r\\n comments: [],\\r\\n sliceContent: true,\\r\\n libsCalls: initLibsCalls,\\r\\n});\\r\\n\\r\\nconst canLoggedUserCreateComment = state.canLoggedUserCreateComment;\\r\\n\\r\\nconst timeLastEdit = new Date(articleToRenderData.timeLastEdit);\\r\\n\\r\\nconst CursorPointer = styled.div`\\r\\n cursor: pointer;\\r\\n`;\\r\\n\\r\\nconst DetailContent = styled.div`\\r\\n display: inline-flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n`;\\r\\n\\r\\nconst TagContainer = styled.div`\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n align-items: flex-start;\\r\\n gap: 4px;\\r\\n margin-top: 1rem;\\r\\n`;\\r\\n\\r\\nconst HouseTagDiv = styled.div`\\r\\n display: flex;\\r\\n padding: 4px 8px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n border-radius: 100px;\\r\\n background: var(\\r\\n --gradient-purple-gradient,\\r\\n linear-gradient(90deg, #9333ea 0%, #4f46e5 100%)\\r\\n );\\r\\n`;\\r\\n\\r\\nconst HouseTagText = styled.p`\\r\\n color: #fff;\\r\\n font-size: 7px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst TagDiv = styled.div`\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n padding: 4px 8px;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n border-radius: 100px;\\r\\n border: solid 1px transparent;\\r\\n border-radius: 80px;\\r\\n background-image: linear-gradient(#eae5f7, #eae5f7),\\r\\n radial-gradient(circle at top left, #9333ea 0%, #4f46e5 100%);\\r\\n background-origin: border-box;\\r\\n background-clip: padding-box, border-box;\\r\\n`;\\r\\n\\r\\nconst TagDivText = styled.p`\\r\\n font-size: 8px;\\r\\n margin: 0px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n background: linear-gradient(90deg, #9333ea 0%, #4f46e5 100%);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n text-fill-color: transparent;\\r\\n`;\\r\\n\\r\\nconst NominationTitleContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n`;\\r\\n\\r\\nconst NominationTitle = styled.p`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n margin: 7px 0 0 0;\\r\\n color: #000;\\r\\n font-size: 18px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n`;\\r\\nconst UserLink = styled.a`\\r\\n cursor: pointer;\\r\\n &:hover {\\r\\n text-decoration: none;\\r\\n }\\r\\n`;\\r\\nconst NominationUser = styled.p`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n color: #828688;\\r\\n margin: 0 0 7px 0;\\r\\n font-size: 14px;\\r\\n line-height: 120%;\\r\\n`;\\r\\n\\r\\nconst UpvoteButtonDisabled = styled.button`\\r\\n display: flex;\\r\\n padding: 2px 12px;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n border-radius: 4px;\\r\\n border: solid 1px transparent;\\r\\n background: var(--buttons-disable, #c3cace);\\r\\n cursor: default !important;\\r\\n`;\\r\\n\\r\\nconst UpvoteButton = styled.button`\\r\\n display: flex;\\r\\n padding: 2px 12px;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n border-radius: 4px;\\r\\n border: solid 1px transparent;\\r\\n background-image: linear-gradient(#f8f8f9, #f8f8f9),\\r\\n radial-gradient(\\r\\n circle at left top,\\r\\n rgb(147, 51, 234) 0%,\\r\\n rgb(79, 70, 229) 100%\\r\\n );\\r\\n background-origin: border-box;\\r\\n background-clip: padding-box, border-box;\\r\\n`;\\r\\n\\r\\nconst UpvoteCount = styled.p`\\r\\n font-size: 12px;\\r\\n font-weight: 500;\\r\\n line-height: 24px;\\r\\n margin: 0px;\\r\\n background: linear-gradient(90deg, #9333ea 0%, #4f46e5 100%);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n text-fill-color: transparent;\\r\\n`;\\r\\n\\r\\nconst Icon = styled.img`\\r\\n width: 17px;\\r\\n height: 17px;\\r\\n`;\\r\\nconst BodyContainer = styled.div`\\r\\n border-radius: 8px;\\r\\n margin: 10px 0;\\r\\n background: #F8F8F9;\\r\\n padding: 20px;\\r\\n`;\\r\\n\\r\\nconst PlatformCard = styled.div`\\r\\n display: flex;\\r\\n border-radius: 6px;\\r\\n background: background: \\\"rgb(255 255 255 / 0%);\\r\\n`;\\r\\n\\r\\nconst PlatformContent = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n width: 100%;\\r\\n`;\\r\\n\\r\\nconst PlatformInfoDiv = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 8px;\\r\\n`;\\r\\n\\r\\nconst PlatformInfoHeader = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 2px;\\r\\n`;\\r\\n\\r\\nconst PlatInforHeadText = styled.p`\\r\\n margin: 0px;\\r\\n color: var(--000000, #000);\\r\\n font-size: 10px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n`;\\r\\n\\r\\nconst PlatInfoHeadSeparator = styled.hr`\\r\\n height: 0px;\\r\\n margin: 8px 0 0 0;\\r\\n\\r\\n border: 1px solid rgba(208, 214, 217, 1);\\r\\n`;\\r\\n\\r\\nconst KeyIssuesContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 2px;\\r\\n`;\\r\\n\\r\\nconst KeyIssueTitle = styled.p`\\r\\n font-size: 12px;\\r\\n line-height: 120%;\\r\\n margin: 0px;\\r\\n font-weight: 500;\\r\\n line-height: 18px;\\r\\n text-align: left;\\r\\n padding: 10px;\\r\\n`;\\r\\n\\r\\nconst KeyIssueDescription = styled.p`\\r\\n color: #212427;\\r\\n font-size: 12px;\\r\\n line-height: 130%;\\r\\n margin: 0px;\\r\\n padding: 10px;\\r\\n line-height: 18px;\\r\\n text-align: justify;\\r\\n`;\\r\\n\\r\\nconst CandidateCard = styled.div`\\r\\n display: flex;\\r\\n padding: 20px;\\r\\n align-items: center;\\r\\n align-self: stretch;\\r\\n border-radius: 6px;\\r\\n background: #fff;\\r\\n`;\\r\\n\\r\\nconst CandidateContent = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n`;\\r\\n\\r\\nconst ContentHeader = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 12px;\\r\\n align-self: stretch;\\r\\n`;\\r\\n\\r\\nconst ContentHeaderText = styled.p`\\r\\n font-size: 18px;\\r\\n font-weight: 500;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst CandidateInfoDiv = styled.div`\\r\\n width: 100%;\\r\\n padding: 16px;\\r\\n background: white;\\r\\n gap: 16px;\\r\\n border-radius: 8px;\\r\\n`;\\r\\n\\r\\nconst CandidateInfoHeader = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n align-self: stretch;\\r\\n`;\\r\\n\\r\\nconst CandidateImage = styled.img`\\r\\n width: 32px;\\r\\n height: 32px;\\r\\n`;\\r\\n\\r\\nconst CandidateInfoData = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 4px;\\r\\n flex: 1 0 0;\\r\\n`;\\r\\n\\r\\nconst CandidateTagDiv = styled.div`\\r\\n display: flex;\\r\\n height: 20px;\\r\\n padding: 4px 8px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n border-radius: 100px;\\r\\n border: 1px solid var(--secondary-warning, #f19d38);\\r\\n background: #f0e1ce;\\r\\n`;\\r\\n\\r\\nconst CandidateTagText = styled.p`\\r\\n color: var(--secondary-warning, #f19d38);\\r\\n font-size: 10px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst CandidateTime = styled.h6`\\r\\n margin: 3px 0 0 0;\\r\\n font-size: 10px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n color: #828688;\\r\\n`;\\r\\n\\r\\nconst CandidateTextInfo = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 4px;\\r\\n align-self: stretch;\\r\\n`;\\r\\n\\r\\nconst SectionTitle = styled.h5`\\r\\n font-size: 12px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n margin: 16px 0 0 0;\\r\\n`;\\r\\n\\r\\nconst SectionDescription = styled.p`\\r\\n font-size: 12px;\\r\\n line-height: 18px;\\r\\n margin: 0px;\\r\\n text-align: justify;\\r\\n color: #828688;\\r\\n`;\\r\\n\\r\\nconst DescriptionSubtitle = styled.h5`\\r\\n display: inline-block;\\r\\n font-size: 12px;\\r\\n line-height: 120%;\\r\\n margin-right: 0.3rem;\\r\\n`;\\r\\n\\r\\nconst DescriptionInfoSpan = styled.span`\\r\\n font-size: 12px;\\r\\n line-height: 18px;\\r\\n margin: 0px;\\r\\n text-align: justify;\\r\\n color: #828688;\\r\\n`;\\r\\n\\r\\nconst DeclarationCard = styled.div`\\r\\n padding: 0px;\\r\\n`;\\r\\n\\r\\nconst CommentSection = styled.div`\\r\\n display: flex;\\r\\n padding: 20px;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n border-radius: 8px;\\r\\n background: #f8f8f9;\\r\\n`;\\r\\n\\r\\nconst Container = styled.div`\\r\\n display: flex;\\r\\n margin-right: 5px;\\r\\n justify-content: center;\\r\\n`;\\r\\n\\r\\nconst SecondContainer = styled.div`\\r\\n background: #F8F8F9;\\r\\n border-radius: 8px;\\r\\n padding: 20px;\\r\\n`;\\r\\n\\r\\nconst H6 = styled.h6`\\r\\n font-size: 14px;\\r\\n margin-bottom: 0;\\r\\n`;\\r\\n\\r\\nconst Tab = styled.div`\\r\\n font-weight: ${(props) => (props.active ? \\\"600\\\" : \\\"500\\\")};\\r\\n border-bottom: 2px solid;\\r\\n border-color: ${(props) => (props.active ? \\\"rgb(68, 152, 224)\\\" : \\\"#dee2e6\\\")};\\r\\n color: ${(props) => (props.active ? \\\"rgb(68, 152, 224)\\\" : \\\"#ababab\\\")};\\r\\n cursor: pointer;\\r\\n padding-bottom: 8px;\\r\\n font-size: 14px;\\r\\n\\r\\n i {\\r\\n &::before {\\r\\n color: ${(props) => (props.active ? \\\"rgb(68, 152, 224)\\\" : \\\"#ababab\\\")};\\r\\n }\\r\\n margin-right: 5px;\\r\\n }\\r\\n`;\\r\\n\\r\\nconst TH = styled.th`\\r\\n border: 1px solid rgba(208, 214, 217, 0.4) !important;\\r\\n text-align: left !important;\\r\\n padding: 15px 20px !important;\\r\\n`;\\r\\n\\r\\nconst CallLibrary = styled.div`\\r\\n display: none;\\r\\n`;\\r\\n\\r\\nconst HeaderButtonsContainer = styled.div`\\r\\n display: flex;\\r\\n gap: 0.5rem;\\r\\n`;\\r\\n\\r\\n//Get basic original comments info\\r\\nlet originalComments = state.comments.filter(\\r\\n (comment) => comment.value.comment.originalCommentId === id\\r\\n);\\r\\n\\r\\n//Append answers to original comments\\r\\noriginalComments = originalComments.map((originalComment) => {\\r\\n let answers = state.comments.filter((comment) => {\\r\\n return (\\r\\n comment.value.comment.originalCommentId ===\\r\\n originalComment.value.comment.commentId\\r\\n );\\r\\n });\\r\\n\\r\\n return {\\r\\n originalComment,\\r\\n answers,\\r\\n };\\r\\n});\\r\\n\\r\\nfunction stateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\nfunction getUserName() {\\r\\n const profile = data.authorProfile;\\r\\n\\r\\n return profile.name ?? getShortUserName();\\r\\n}\\r\\n\\r\\nconst getShortUserName = () => {\\r\\n const userId = accountId;\\r\\n\\r\\n if (userId.length === 64) return `${userId.slice(0, 4)}..${userId.slice(-4)}`;\\r\\n const name = userId.slice(0, -5); // truncate .near\\r\\n\\r\\n return name.length > 20 ? `${name.slice(0, 20)}...` : name;\\r\\n};\\r\\n\\r\\nlet displayedContent = state.sliceContent\\r\\n ? articleToRenderData.body.slice(0, 1000)\\r\\n : articleToRenderData.body;\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n {sharedCommentId && (\\r\\n <a href={`#${sharedCommentId}`}>\\r\\n Click to redirect to comment that mentioned you\\r\\n </a>\\r\\n )}\\r\\n <Container className=\\\"row\\\">\\r\\n <div className=\\\"col-lg-9 col-sm-12\\\">\\r\\n <div className=\\\"row\\\" style={{ \\\"margin-inline\\\": \\\"5px\\\" }}>\\r\\n <div\\r\\n className=\\\"col-12 p-0 w-100\\\"\\r\\n style={{\\r\\n background: \\\"#F8F8F9\\\",\\r\\n \\\"border-radius\\\": \\\"8px\\\",\\r\\n }}\\r\\n >\\r\\n <div className=\\\"w-100 p-3 d-flex flex-wrap justify-content-between align-items-start\\\">\\r\\n <div className=\\\"d-flex flex-column w-75\\\">\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Element.User}\\r\\n props={{\\r\\n accountId,\\r\\n options: {\\r\\n showHumanBadge: true,\\r\\n showImage: true,\\r\\n showSocialName: true,\\r\\n shortenLength: 20,\\r\\n size: \\\"lg\\\",\\r\\n },\\r\\n }}\\r\\n />\\r\\n <TagContainer>\\r\\n {articleToRenderData.tags.length > 0 &&\\r\\n articleToRenderData.tags.map((tag) => {\\r\\n const filter = { filterBy: \\\"tag\\\", value: tag };\\r\\n return (\\r\\n <CursorPointer\\r\\n onClick={() => handleFilterArticles(filter)}\\r\\n >\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Element.Badge}\\r\\n props={{\\r\\n children: tag,\\r\\n variant: \\\"round info outline\\\",\\r\\n size: \\\"lg\\\",\\r\\n }}\\r\\n />\\r\\n </CursorPointer>\\r\\n );\\r\\n })}\\r\\n </TagContainer>\\r\\n </div>\\r\\n <div className=\\\"d-flex gap-3\\\">\\r\\n <div className=\\\"d-flex flex-column\\\">\\r\\n <HeaderButtonsContainer>\\r\\n <Widget\\r\\n src={widgets.upVoteButton}\\r\\n props={{\\r\\n isTest,\\r\\n authorForWidget,\\r\\n reactedElementData: articleToRenderData,\\r\\n widgets,\\r\\n disabled:\\r\\n !context.accountId ||\\r\\n (articleSbts.length > 0 &&\\r\\n !canLoggedUserCreateComment),\\r\\n articleSbts,\\r\\n upVotes: articleToRenderData.upVotes,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"info outline icon\\\",\\r\\n children: <i className=\\\"bi bi-share\\\"></i>,\\r\\n onClick: () =>\\r\\n handleShareButton(true, {\\r\\n type: \\\"sharedBlockHeight\\\",\\r\\n value: articleToRenderData.blockHeight,\\r\\n }),\\r\\n }}\\r\\n />\\r\\n </HeaderButtonsContainer>\\r\\n <Widget\\r\\n src={widgets.reactions}\\r\\n props={{\\r\\n widgets,\\r\\n isTest,\\r\\n authorForWidget,\\r\\n elementReactedId: id,\\r\\n disabled:\\r\\n !context.accountId ||\\r\\n (articleSbts.length > 0 && !canLoggedUserCreateComment),\\r\\n sbtsNames: articleSbts,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n {context.accountId == accountId && (\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex justify-content-center align-items-center\\\">\\r\\n <span className=\\\"mx-2\\\">Edit</span>\\r\\n <i className=\\\"bi bi-pencil\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n className: `info outline mt-2`,\\r\\n onClick: () => handleEditArticle(articleToRenderData),\\r\\n }}\\r\\n />\\r\\n )}\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n <BodyContainer className=\\\"col-12\\\">\\r\\n <PlatformCard>\\r\\n <PlatformContent>\\r\\n <ContentHeader>\\r\\n <ContentHeaderText>\\r\\n {articleToRenderData.title}\\r\\n </ContentHeaderText>\\r\\n </ContentHeader>\\r\\n\\r\\n <Widget\\r\\n src={widgets.socialMarkdown}\\r\\n props={{\\r\\n text: displayedContent,\\r\\n onHashtag: (hashtag) => (\\r\\n <span\\r\\n key={hashtag}\\r\\n className=\\\"d-inline-flex\\\"\\r\\n style={{ fontWeight: 500 }}\\r\\n >\\r\\n <a\\r\\n href={`https://near.social/${authorForWidget}/widget/${widgets.thisForum}?tagShared=${hashtag}`}\\r\\n target=\\\"_blank\\\"\\r\\n >\\r\\n #{hashtag}\\r\\n </a>\\r\\n </span>\\r\\n ),\\r\\n }}\\r\\n />\\r\\n {state.sliceContent &&\\r\\n articleToRenderData.body.length > 1000 && (\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex justify-content-center align-items-center\\\">\\r\\n <span className=\\\"mx-2\\\">Show more</span>\\r\\n <i className=\\\"bi bi-chat-square-text-fill\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"w-100\\\",\\r\\n onClick: () => {\\r\\n State.update({ sliceContent: false });\\r\\n },\\r\\n }}\\r\\n />\\r\\n )}\\r\\n </PlatformContent>\\r\\n </PlatformCard>\\r\\n </BodyContainer>\\r\\n <CommentSection>\\r\\n <NominationTitle>\\r\\n <span>\\r\\n <i className=\\\"bi bi-chat-square-dots-fill\\\" /> Comments\\r\\n </span>\\r\\n </NominationTitle>\\r\\n\\r\\n {state.showModal && (\\r\\n <Widget\\r\\n src={widgets.addComment}\\r\\n props={{\\r\\n article: articleToRenderData,\\r\\n originalComment,\\r\\n widgets,\\r\\n isTest,\\r\\n isReplying: false,\\r\\n username: accountId,\\r\\n onCloseModal: () => State.update({ showModal: false }),\\r\\n callLibs,\\r\\n baseActions,\\r\\n // nomination_contract,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex align-items-center justify-content-cente\\\">\\r\\n <span className=\\\"mx-1\\\">Add comment</span>\\r\\n <i className=\\\"bi bi-plus-lg\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n disabled:\\r\\n !context.accountId ||\\r\\n (articleSbts.length > 0 && !canLoggedUserCreateComment),\\r\\n className: \\\"info outline w-100 mt-4 mb-2\\\",\\r\\n onClick: () => {\\r\\n State.update({ showModal: true });\\r\\n },\\r\\n }}\\r\\n />\\r\\n {originalComments.map((data) => (\\r\\n <Widget\\r\\n src={widgets.commentView}\\r\\n props={{\\r\\n widgets,\\r\\n data,\\r\\n isTest,\\r\\n authorForWidget,\\r\\n isReply: false,\\r\\n canLoggedUserCreateComment: canLoggedUserCreateComment,\\r\\n articleSbts,\\r\\n callLibs,\\r\\n baseActions,\\r\\n sharedCommentId,\\r\\n articleToRenderData,\\r\\n }}\\r\\n />\\r\\n ))}\\r\\n </CommentSection>\\r\\n </div>\\r\\n </div>\\r\\n <SecondContainer className=\\\"col-lg-3 col-sm-12\\\">\\r\\n <>\\r\\n <ul className=\\\"nav nav-pills nav-fill\\\">\\r\\n {tabs.map(({ id, title, icon }, i) => (\\r\\n <li className=\\\"nav-item\\\" role=\\\"presentation\\\" key={i}>\\r\\n <Tab\\r\\n active={state.tabSelected === id}\\r\\n onClick={() => State.update({ tabSelected: id })}\\r\\n >\\r\\n <i className={`${icon}`} />\\r\\n {title}\\r\\n </Tab>\\r\\n </li>\\r\\n ))}\\r\\n </ul>\\r\\n <div>\\r\\n {state.tabSelected == \\\"generalInfo\\\" && (\\r\\n <DeclarationCard>\\r\\n <SectionTitle className=\\\"mt-4 mb-3\\\"></SectionTitle>\\r\\n <div>\\r\\n <DescriptionSubtitle>Created by:</DescriptionSubtitle>\\r\\n <DescriptionInfoSpan>\\r\\n {articleToRenderData.authorProfile.name ??\\r\\n getShortUserName()}\\r\\n </DescriptionInfoSpan>\\r\\n </div>\\r\\n <div>\\r\\n <DescriptionSubtitle>Edited on:</DescriptionSubtitle>\\r\\n <DescriptionInfoSpan>{timeLastEdit + \\\"\\\"}</DescriptionInfoSpan>\\r\\n </div>\\r\\n <div>\\r\\n <DescriptionSubtitle>Edit versions:</DescriptionSubtitle>\\r\\n <DescriptionInfoSpan>\\r\\n {articleToRenderData.version}\\r\\n </DescriptionInfoSpan>\\r\\n </div>\\r\\n {articleSbts.length > 0 && (\\r\\n <div>\\r\\n <DescriptionSubtitle>\\r\\n SBT requiered to interact:\\r\\n </DescriptionSubtitle>\\r\\n {articleSbts.map((sbt) => {\\r\\n return <DescriptionInfoSpan>{sbt}</DescriptionInfoSpan>;\\r\\n })}\\r\\n </div>\\r\\n )}\\r\\n </DeclarationCard>\\r\\n )}\\r\\n </div>\\r\\n </>\\r\\n </SecondContainer>\\r\\n </Container>\\r\\n <CallLibrary>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n stateUpdate,\\r\\n state.libsCalls,\\r\\n { baseAction: baseActions.commentBaseAction },\\r\\n \\\"Article view\\\"\\r\\n );\\r\\n })}\\r\\n </CallLibrary>\\r\\n </>\\r\\n);\\r\\n",

"NDC.CommentView": "// NDC.CommentView\\r\\n\\r\\nconst {\\r\\n widgets,\\r\\n data,\\r\\n isTest,\\r\\n authorForWidget,\\r\\n isReply,\\r\\n orginalCommentData,\\r\\n canLoggedUserCreateComment,\\r\\n articleSbts,\\r\\n callLibs,\\r\\n baseActions,\\r\\n sharedCommentId,\\r\\n articleToRenderData,\\r\\n} = props;\\r\\n\\r\\nState.init({\\r\\n showModal: false,\\r\\n hasReply: false,\\r\\n});\\r\\n\\r\\nconst CommentCard = styled.div`\\r\\n margin-left: ${isReply ? \\\"2rem\\\" : \\\"0\\\"};\\r\\n display: flex;\\r\\n padding: 14px 16px;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n border-radius: \\\"10px\\\"};\\r\\n background: ${\\r\\n sharedCommentId === data.originalComment.value.comment.commentId\\r\\n ? \\\"rgba(194, 205, 255, 0.8)\\\"\\r\\n : \\\"#fff\\\"\\r\\n };\\r\\n width: 100%;\\r\\n`;\\r\\n\\r\\nconst CommentCardHeader = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n gap: 8px;\\r\\n`;\\r\\n\\r\\nconst CommentUserContent = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n`;\\r\\n\\r\\nconst ProfileImageComment = styled.img`\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n flex-shrink: 0;\\r\\n border-radius: 20px;\\r\\n`;\\r\\n\\r\\nconst CommentUser = styled.p`\\r\\n color: #000;\\r\\n font-size: 12px;\\r\\n font-weight: 500;\\r\\n line-height: 120%;\\r\\n margin: 0px;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n`;\\r\\n\\r\\nconst ReplyCounterDiv = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n`;\\r\\n\\r\\nconst ReplyIconPurple = styled.img`\\r\\n width: 14px;\\r\\n height: 14px;\\r\\n`;\\r\\n\\r\\nconst ReplyCounterText = styled.p`\\r\\n color: #000;\\r\\n font-size: 10px;\\r\\n font-weight: 500;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst CommentCardContent = styled.p`\\r\\n color: #585b5c;\\r\\n font-size: 12px;\\r\\n line-height: 18px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst CommentCardLowerSection = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n width: 100%;\\r\\n`;\\r\\n\\r\\nconst TimestampCommentDiv = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n flex: 1 0 0;\\r\\n`;\\r\\n\\r\\nconst TimestampIconComment = styled.img`\\r\\n width: 12px;\\r\\n height: 12px;\\r\\n`;\\r\\n\\r\\nconst TimestampTextComment = styled.p`\\r\\n color: #000;\\r\\n font-size: 10px;\\r\\n font-weight: 300;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst DeleteCommentButton = styled.button`\\r\\n display: flex;\\r\\n width: 28px;\\r\\n padding: 2px 12px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n align-self: stretch;\\r\\n border-radius: 4px;\\r\\n border: 1px solid #c23f38;\\r\\n background: #f1d6d5;\\r\\n`;\\r\\n\\r\\nconst DeleteCommentIcon = styled.img`\\r\\n width: 14px;\\r\\n height: 14px;\\r\\n flex-shrink: 0;\\r\\n`;\\r\\n\\r\\nconst ShareCommentButton = styled.button`\\r\\n display: flex;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n padding: 2px 12px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n border-radius: 4px;\\r\\n border: solid 1px transparent;\\r\\n background-image: linear-gradient(white, white),\\r\\n radial-gradient(circle at top left, #9333ea 0%, #4f46e5 100%);\\r\\n background-origin: border-box;\\r\\n background-clip: padding-box, border-box;\\r\\n`;\\r\\n\\r\\nconst ShareCommentIcon = styled.img`\\r\\n width: 14px;\\r\\n height: 14px;\\r\\n flex-shrink: 0;\\r\\n`;\\r\\n\\r\\nconst ReplyCommentButtonDisabled = styled.div`\\r\\n display: flex;\\r\\n padding: 2px 12px;\\r\\n cursor: not-allowed;\\r\\n background: rgb(195, 202, 206);\\r\\n color: rgb(130, 134, 136);\\r\\n border: 0px;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n align-self: stretch;\\r\\n border-radius: 4px;\\r\\n`;\\r\\n\\r\\nconst ReplyCommentButtonActive = styled.div`\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n padding: 2px 12px;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n align-self: stretch;\\r\\n border-radius: 4px;\\r\\n background: var(--buttons-yellow-default, #ffd50d);\\r\\n`;\\r\\n\\r\\nconst ReplyCommentText = styled.p`\\r\\n color: var(--primary-black, #000);\\r\\n font-size: 12px;\\r\\n font-weight: 500;\\r\\n line-height: 24px;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst CommentReplySeparator = styled.hr`\\r\\n height: 0px;\\r\\n margin: 16px 0 16px 0;\\r\\n border: 1px solid rgba(208, 214, 217, 1);\\r\\n`;\\r\\n\\r\\nconst ReplyContainer = styled.div`\\r\\n display: flex;\\r\\n width: 260px;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n margin: 0 0 0 35px;\\r\\n`;\\r\\n\\r\\nconst ReplyHeader = styled.div`\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n align-self: stretch;\\r\\n`;\\r\\n\\r\\nconst ReplyContent = styled.p`\\r\\n color: #828688;\\r\\n font-size: 12px;\\r\\n line-height: 120%;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst ReplyLowerSection = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n`;\\r\\n\\r\\nconst ReplyButtonSection = styled.div`\\r\\n display: flex;\\r\\n justify-content: flex-end;\\r\\n align-items: center;\\r\\n gap: 4px;\\r\\n`;\\r\\n\\r\\nconst DeleteReplyButton = styled.button`\\r\\n display: flex;\\r\\n padding: 2px 12px;\\r\\n align-items: center;\\r\\n gap: 6px;\\r\\n align-self: stretch;\\r\\n border-radius: 4px;\\r\\n border: 1px solid #c23f38;\\r\\n background: #f1d6d5;\\r\\n`;\\r\\n\\r\\nconst DeleteReplyText = styled.p`\\r\\n color: #c23f38;\\r\\n font-size: 12px;\\r\\n font-weight: 500;\\r\\n line-height: 24px;\\r\\n margin: 0px;\\r\\n`;\\r\\n\\r\\nconst AnswerContainer = styled.div`\\r\\n width: 96%;;\\r\\n`;\\r\\n\\r\\nfunction closeModal() {\\r\\n State.update({ showModal: false });\\r\\n}\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n <CommentCard id={data.originalComment.value.comment.commentId}>\\r\\n <CommentCardHeader>\\r\\n <CommentUserContent>\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Element.User}\\r\\n props={{\\r\\n accountId: data.originalComment.accountId,\\r\\n options: {\\r\\n showHumanBadge: true,\\r\\n showImage: true,\\r\\n showSocialName: true,\\r\\n shortenLength: 15,\\r\\n size: \\\"md\\\",\\r\\n },\\r\\n }}\\r\\n />\\r\\n </CommentUserContent>\\r\\n </CommentCardHeader>\\r\\n <CommentCardContent>\\r\\n <Widget\\r\\n src={widgets.socialMarkdown}\\r\\n props={{ text: data.originalComment.value.comment.text }}\\r\\n />\\r\\n </CommentCardContent>\\r\\n <CommentCardLowerSection>\\r\\n <TimestampCommentDiv>\\r\\n <i className=\\\"bi bi-clock\\\" />\\r\\n <TimestampTextComment>\\r\\n {new Date(\\r\\n data.originalComment.value.comment.timestamp\\r\\n ).toDateString()}\\r\\n </TimestampTextComment>\\r\\n </TimestampCommentDiv>\\r\\n <div>\\r\\n {state.showModal && (\\r\\n <Widget\\r\\n src={widgets.addComment}\\r\\n props={{\\r\\n article: articleToRenderData,\\r\\n originalComment: orginalCommentData ?? data,\\r\\n widgets,\\r\\n isTest,\\r\\n replyingTo: data.originalComment.accountId,\\r\\n placement: \\\"bottom\\\",\\r\\n onCloseModal: closeModal,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n {articleSbts.length > 0 && (\\r\\n <>\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex align-items-center justify-content-center\\\">\\r\\n <span className=\\\"mx-1\\\">Reply</span>\\r\\n <i className=\\\"bi bi bi-reply\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n disabled: !canLoggedUserCreateComment,\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"info outline\\\",\\r\\n onClick: () => {\\r\\n canLoggedUserCreateComment &&\\r\\n State.update({ showModal: true });\\r\\n },\\r\\n }}\\r\\n />\\r\\n </>\\r\\n )}\\r\\n </div>\\r\\n <Widget\\r\\n src={widgets.reactions}\\r\\n props={{\\r\\n widgets,\\r\\n isTest,\\r\\n authorForWidget,\\r\\n elementReactedId: data.originalComment.value.comment.commentId,\\r\\n disabled: !canLoggedUserCreateComment,\\r\\n callLibs,\\r\\n baseActions,\\r\\n sbtsNames: articleSbts,\\r\\n }}\\r\\n />\\r\\n </CommentCardLowerSection>\\r\\n </CommentCard>\\r\\n {!isReply && (\\r\\n <>\\r\\n {data.answers.length > 0 && (\\r\\n <i className=\\\"bi bi-arrow-return-right\\\"></i>\\r\\n )}\\r\\n {data.answers.map((answer) => {\\r\\n return (\\r\\n <AnswerContainer>\\r\\n <Widget\\r\\n src={widgets.commentView}\\r\\n props={{\\r\\n widgets,\\r\\n data: { originalComment: answer },\\r\\n orginalCommentData: data,\\r\\n isTest,\\r\\n authorForWidget,\\r\\n isReply: true,\\r\\n canLoggedUserCreateComment,\\r\\n articleSbts,\\r\\n callLibs,\\r\\n baseActions,\\r\\n sharedCommentId,\\r\\n articleToRenderData,\\r\\n }}\\r\\n />\\r\\n </AnswerContainer>\\r\\n );\\r\\n })}\\r\\n </>\\r\\n )}\\r\\n </>\\r\\n);\\r\\n",

"NDC.GeneralCard": "// NDC.GeneralCard\\r\\n//===============================================INITIALIZATION=====================================================\\r\\n\\r\\nconst {\\r\\n widgets,\\r\\n isTest,\\r\\n data,\\r\\n handleOpenArticle,\\r\\n handleFilterArticles,\\r\\n addressForArticles,\\r\\n authorForWidget,\\r\\n handleShareButton,\\r\\n callLibs,\\r\\n handleEditArticle,\\r\\n baseActions,\\r\\n} = props;\\r\\n\\r\\nif (!Array.isArray(data.tags) && typeof data.tags === \\\"object\\\") {\\r\\n data.tags = Object.keys(data.tags);\\r\\n}\\r\\n\\r\\ndata.tags = data.tags.filter((tag) => tag !== undefined && tag !== null);\\r\\n\\r\\nconst tags = data.tags;\\r\\nconst accountId = data.author;\\r\\nconst title = data.title;\\r\\nconst content = data.body;\\r\\nconst timeLastEdit = data.timeLastEdit;\\r\\nconst id = data.id ?? `${data.author}-${data.timeCreate}`;\\r\\nconst upVotes = data.upVotes;\\r\\n\\r\\n//For the moment we\\\'ll allways have only 1 sbt in the array. If this change remember to do the propper work in lib.SBT and here.\\r\\nconst articleSbts = articleToRenderData.sbts ?? data.sbts ?? [];\\r\\n\\r\\nconst libSrcArray = [widgets.libComment];\\r\\n\\r\\nfunction stateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\nconst initLibsCalls = {\\r\\n comment: [\\r\\n {\\r\\n functionName: \\\"canUserCreateComment\\\",\\r\\n key: \\\"canLoggedUserCreateComment\\\",\\r\\n props: {\\r\\n accountId: context.accountId,\\r\\n sbtsNames: articleSbts,\\r\\n },\\r\\n },\\r\\n ],\\r\\n};\\r\\n\\r\\nState.init({\\r\\n verified: true,\\r\\n start: true,\\r\\n voted: false,\\r\\n sliceContent: true,\\r\\n libsCalls: initLibsCalls,\\r\\n});\\r\\n//=============================================END INITIALIZATION===================================================\\r\\n\\r\\n//===================================================CONSTS=========================================================\\r\\nconst canLoggedUserCreateComment = state.canLoggedUserCreateComment;\\r\\n\\r\\n//=================================================END CONSTS=======================================================\\r\\n\\r\\n//==================================================FUNCTIONS=======================================================\\r\\nfunction getPublicationDate(creationTimestamp) {\\r\\n if (creationTimestamp == 0) {\\r\\n return \\\"Creation timestamp passed wrong\\\";\\r\\n }\\r\\n return new Date(creationTimestamp).toDateString();\\r\\n}\\r\\n\\r\\nfunction getUserName() {\\r\\n const profile = data.authorProfile;\\r\\n\\r\\n return profile.name ?? getShortUserName();\\r\\n}\\r\\n\\r\\nconst getShortUserName = () => {\\r\\n const userId = accountId;\\r\\n\\r\\n if (userId.length === 64) return `${userId.slice(0, 4)}..${userId.slice(-4)}`;\\r\\n const name = userId.slice(0, -5); // truncate .near\\r\\n\\r\\n return name.length > 20 ? `${name.slice(0, 20)}...` : name;\\r\\n};\\r\\n\\r\\nfunction toggleShowModal() {\\r\\n State.update({ showModal: !state.showModal });\\r\\n}\\r\\n\\r\\n//================================================END FUNCTIONS=====================================================\\r\\n\\r\\n//==============================================STYLED COMPONENTS===================================================\\r\\n\\r\\nconst CardContainer = styled.div`\\r\\n box-shadow: rgba(140, 149, 159, 0.1) 0px 4px 28px 0px;\\r\\n`;\\r\\n\\r\\nconst Card = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n padding: 16px;\\r\\n gap: 16px;\\r\\n background: rgba(140, 149, 159, 0.1) 0px 4px 28px 0px;\\r\\n border-radius: 10px;\\r\\n`;\\r\\nconst HeaderCard = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n padding: 0px;\\r\\n gap: 12px;\\r\\n width: 100%;\\r\\n`;\\r\\n\\r\\nconst profilePictureStyles = {\\r\\n width: \\\"45px\\\",\\r\\n height: \\\"45px\\\",\\r\\n borderRadius: \\\"50%\\\",\\r\\n};\\r\\nconst HeaderContent = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n padding: 0px;\\r\\n gap: 4px;\\r\\n width: 70%;\\r\\n`;\\r\\nconst HeaderButtonsContainer = styled.div`\\r\\n display: flex;\\r\\n gap: 0.5rem;\\r\\n`;\\r\\nconst HeaderContentText = styled.div`\\r\\n display: flex;\\r\\n width: 100%;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n padding: 0px;\\r\\n cursor: pointer;\\r\\n`;\\r\\nconst NominationName = styled.p`\\r\\n font-weight: 500;\\r\\n font-size: 14px;\\r\\n margin: 0;\\r\\n align-items: center;\\r\\n color: #000000;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n`;\\r\\nconst NominationUser = styled.p`\\r\\n font-style: normal;\\r\\n font-weight: 400;\\r\\n font-size: 12px;\\r\\n margin: 0px;\\r\\n line-height: 120%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n color: #828688;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n`;\\r\\n\\r\\nconst KeyIssues = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: flex-start;\\r\\n padding: 12px;\\r\\n gap: 12px;\\r\\n background: #ffffff; \\r\\n border: 1px solid rgb(248, 248, 249);\\r\\n border-radius: 6px;\\r\\n width: 100%;\\r\\n`;\\r\\nconst KeyIssuesContent = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n padding: 0px;\\r\\n gap: 12px;\\r\\n width: 100%;\\r\\n`;\\r\\nconst KeyIssuesHeader = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: flex-start;\\r\\n padding: 0px;\\r\\n gap: 12px;\\r\\n`;\\r\\nconst KeyIssuesTitle = styled.p`\\r\\n font-style: normal;\\r\\n font-weight: 700;\\r\\n font-size: 14px;\\r\\n line-height: 120%;\\r\\n margin-bottom: 0;\\r\\n`;\\r\\nconst KeyIssuesContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: flex-start;\\r\\n padding: 0px;\\r\\n gap: 8px;\\r\\n overflow-y: scroll;\\r\\n max-height: 250px;\\r\\n width: 100%;\\r\\n border: 1px solid rgb(248, 248, 249);\\r\\n border-radius: var(--bs-border-radius-lg) !important;\\r\\n`;\\r\\n\\r\\nconst ArticleBodyContainer = styled.div`\\r\\n margin: 0 0.5rem 0.5rem 0.5rem;\\r\\n`;\\r\\n\\r\\nconst LowerSection = styled.div`\\r\\n display: flex;\\r\\n width: 100%;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: flex-start;\\r\\n gap: 8px;\\r\\n`;\\r\\nconst LowerSectionContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: center;\\r\\n align-items: flex-start;\\r\\n gap: 12px;\\r\\n align-self: stretch;\\r\\n`;\\r\\nconst ButtonsLowerSection = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n padding: 0px;\\r\\n width: 100%;\\r\\n`;\\r\\nconst TextLowerSectionContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n padding: 0px;\\r\\n gap: 4px;\\r\\n width: 239px;\\r\\n height: 24px;\\r\\n cursor: pointer;\\r\\n\\r\\n flex-grow: 1;\\r\\n`;\\r\\nconst TimestampText = styled.div`\\r\\n font-style: italic;\\r\\n font-weight: 300;\\r\\n font-size: 11px;\\r\\n line-height: 14px;\\r\\n margin: 0px;\\r\\n gap: 2px;\\r\\n color: #000000;\\r\\n\\r\\n b {\\r\\n font-weight: 600;\\r\\n }\\r\\n`;\\r\\nconst ButtonsContainer = styled.div`\\r\\n display: flex;\\r\\n flex-direction: row;\\r\\n align-items: center;\\r\\n padding: 0px;\\r\\n gap: 4px;\\r\\n width: 87px;\\r\\n height: 28px;\\r\\n`;\\r\\nconst TagSection = styled.div`\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n gap: 4px;\\r\\n flex-wrap: wrap;\\r\\n overflow: hidden;\\r\\n cursor: pointer;\\r\\n`;\\r\\n\\r\\nconst Element = styled.div`\\r\\n width: 150px;\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n cursor: pointer;\\r\\n padding: 10px;\\r\\n\\r\\n &:hover {\\r\\n border-radius: 6px;\\r\\n background: #f8f8f9;\\r\\n }\\r\\n`;\\r\\n\\r\\nconst CallLibrary = styled.div`\\r\\n display: none;\\r\\n`;\\r\\n//============================================END STYLED COMPONENTS=================================================\\r\\n\\r\\n//=================================================MORE STYLES======================================================\\r\\n\\r\\nconst profileImageStyles = {\\r\\n width: profilePictureStyles.width,\\r\\n height: profilePictureStyles.height,\\r\\n borderRadius: profilePictureStyles.borderRadius,\\r\\n overflow: \\\"hidden\\\",\\r\\n};\\r\\n\\r\\n//===============================================END MORE STYLES====================================================\\r\\n\\r\\n//=================================================COMPONENTS=======================================================\\r\\n\\r\\nconst inner = (\\r\\n <div className=\\\"d-flex flex-row mx-1\\\">\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Element.User}\\r\\n props={{\\r\\n accountId,\\r\\n options: {\\r\\n showHumanBadge: true,\\r\\n showImage: true,\\r\\n showSocialName: true,\\r\\n shortenLength: 20,\\r\\n },\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n);\\r\\n\\r\\nconst renderTags = () => {\\r\\n return (\\r\\n <>\\r\\n {tags &&\\r\\n tags.map((tag) => {\\r\\n const filter = { filterBy: \\\"tag\\\", value: tag };\\r\\n\\r\\n return (\\r\\n <div onClick={() => handleFilterArticles(filter)}>\\r\\n {tag && (\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Element.Badge}\\r\\n props={{\\r\\n children: tag,\\r\\n variant: \\\"round info outline\\\",\\r\\n size: \\\"lg\\\",\\r\\n }}\\r\\n />\\r\\n )}\\r\\n </div>\\r\\n );\\r\\n })}\\r\\n </>\\r\\n );\\r\\n};\\r\\n\\r\\nconst renderArticleBody = () => {\\r\\n let displayedContent = state.sliceContent ? content.slice(0, 1000) : content;\\r\\n return (\\r\\n <ArticleBodyContainer>\\r\\n <Widget\\r\\n src={widgets.socialMarkdown}\\r\\n props={{\\r\\n text: displayedContent,\\r\\n onHashtag: (hashtag) => (\\r\\n <span\\r\\n key={hashtag}\\r\\n className=\\\"d-inline-flex\\\"\\r\\n style={{ fontWeight: 500 }}\\r\\n >\\r\\n <a\\r\\n href={`https://near.social/${authorForWidget}/widget/${widgets.thisForum}?tagShared=${hashtag}`}\\r\\n target=\\\"_blank\\\"\\r\\n >\\r\\n #{hashtag}\\r\\n </a>\\r\\n </span>\\r\\n ),\\r\\n }}\\r\\n />\\r\\n {state.sliceContent && content.length > 1000 && (\\r\\n <Widget\\r\\n src={widgets.styledComponents}\\r\\n props={{\\r\\n Button: {\\r\\n text: `Show more`,\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"w-100 justify-content-center\\\",\\r\\n onClick: () => {\\r\\n State.update({ sliceContent: false });\\r\\n },\\r\\n icon: <i className=\\\"bi bi-chat-square-text-fill\\\"></i>,\\r\\n },\\r\\n }}\\r\\n />\\r\\n )}\\r\\n </ArticleBodyContainer>\\r\\n );\\r\\n};\\r\\n\\r\\n//===============================================END COMPONENTS====================================================\\r\\n\\r\\n//===================================================RENDER========================================================\\r\\n\\r\\nreturn (\\r\\n <CardContainer className=\\\"bg-white rounded-3 p-3 m-3 col-lg-8 col-md-8 col-sm-12\\\">\\r\\n <Card>\\r\\n {state.showModal && (\\r\\n <Widget\\r\\n src={widgets.addComment}\\r\\n props={{\\r\\n widgets,\\r\\n article: data,\\r\\n isReplying: false,\\r\\n isTest,\\r\\n username: data.author,\\r\\n id,\\r\\n onCloseModal: toggleShowModal,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n )}\\r\\n <HeaderCard className=\\\"d-flex justify-content-between pb-1 border-bottom border-dark\\\">\\r\\n <div className=\\\"d-flex align-items-center gap-2\\\">\\r\\n <Widget\\r\\n src={widgets.profileOverlayTrigger}\\r\\n props={{ accountId, children: inner }}\\r\\n />\\r\\n {\\r\\n // <HeaderContent>\\r\\n // <HeaderContentText\\r\\n // onClick={() => {\\r\\n // handleOpenArticle(data);\\r\\n // }}\\r\\n // >\\r\\n // <NominationName>{getUserName()}</NominationName>\\r\\n // <NominationUser>{getShortUserName()}</NominationUser>\\r\\n // </HeaderContentText>\\r\\n // </HeaderContent>\\r\\n }\\r\\n </div>\\r\\n <HeaderButtonsContainer>\\r\\n <Widget\\r\\n src={widgets.upVoteButton}\\r\\n props={{\\r\\n isTest,\\r\\n authorForWidget,\\r\\n reactedElementData: data,\\r\\n widgets,\\r\\n disabled:\\r\\n !context.accountId ||\\r\\n (articleSbts.length > 0 && !canLoggedUserCreateComment),\\r\\n articleSbts,\\r\\n upVotes,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"info outline icon\\\",\\r\\n children: <i className=\\\"bi bi-share\\\"></i>,\\r\\n onClick: () =>\\r\\n handleShareButton(true, {\\r\\n type: \\\"sharedBlockHeight\\\",\\r\\n value: data.blockHeight,\\r\\n }),\\r\\n }}\\r\\n />\\r\\n </HeaderButtonsContainer>\\r\\n </HeaderCard>\\r\\n <KeyIssuesHeader>\\r\\n <KeyIssuesTitle\\r\\n role=\\\"button\\\"\\r\\n onClick={() => {\\r\\n handleOpenArticle(data);\\r\\n }}\\r\\n >\\r\\n {title}\\r\\n </KeyIssuesTitle>\\r\\n </KeyIssuesHeader>\\r\\n <KeyIssuesContent>\\r\\n <KeyIssuesContainer>{renderArticleBody()}</KeyIssuesContainer>\\r\\n </KeyIssuesContent>\\r\\n <LowerSection>\\r\\n <LowerSectionContainer>\\r\\n {tags.length > 0 && (\\r\\n <KeyIssues>\\r\\n <KeyIssuesContent>\\r\\n <KeyIssuesHeader>\\r\\n <KeyIssuesTitle>Tags</KeyIssuesTitle>\\r\\n </KeyIssuesHeader>\\r\\n <div className=\\\"d-flex w-100\\\">\\r\\n <TagSection>{renderTags()}</TagSection>\\r\\n </div>\\r\\n </KeyIssuesContent>\\r\\n </KeyIssues>\\r\\n )}\\r\\n <ButtonsLowerSection>\\r\\n <TextLowerSectionContainer\\r\\n className=\\\"align-items-center\\\"\\r\\n onClick={() => {\\r\\n handleOpenArticle(data);\\r\\n }}\\r\\n >\\r\\n <i className=\\\"bi bi-clock\\\"></i>\\r\\n <TimestampText>\\r\\n <span>{getPublicationDate(timeLastEdit)}</span>\\r\\n <span>by</span>\\r\\n <b>{author}</b>\\r\\n </TimestampText>\\r\\n </TextLowerSectionContainer>\\r\\n <Widget\\r\\n src={widgets.reactions}\\r\\n props={{\\r\\n widgets,\\r\\n isTest,\\r\\n authorForWidget,\\r\\n elementReactedId: id,\\r\\n disabled:\\r\\n !context.accountId ||\\r\\n (articleSbts.length > 0 && !canLoggedUserCreateComment),\\r\\n callLibs,\\r\\n baseActions,\\r\\n sbtsNames: articleSbts,\\r\\n }}\\r\\n />\\r\\n </ButtonsLowerSection>\\r\\n <div className=\\\"d-flex w-100 align-items-center\\\">\\r\\n <div className=\\\"d-flex w-100 gap-2 justify-content-start\\\">\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex align-items-center justify-content-center\\\">\\r\\n <span className=\\\"mx-1\\\">Add comment</span>\\r\\n <i className=\\\"bi bi-chat-square-text-fill\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n disabled:\\r\\n !context.accountId ||\\r\\n (articleSbts.length > 0 && !canLoggedUserCreateComment),\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"info outline w-25\\\",\\r\\n onClick: toggleShowModal,\\r\\n }}\\r\\n />\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex align-items-center justify-content-center\\\">\\r\\n <span className=\\\"mx-1\\\">View</span>\\r\\n <i className=\\\"bi bi-eye fs-6\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n size: \\\"sm\\\",\\r\\n className: \\\"info w-25\\\",\\r\\n onClick: () => {\\r\\n handleOpenArticle(data);\\r\\n },\\r\\n }}\\r\\n />\\r\\n {context.accountId === data.author && (\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex align-items-center justify-content-center\\\">\\r\\n <span className=\\\"mx-1\\\">Edit</span>\\r\\n <i className=\\\"bi bi-pencil\\\"></i>\\r\\n </div>\\r\\n ),\\r\\n className: `info w-25`,\\r\\n onClick: () => handleEditArticle(data),\\r\\n }}\\r\\n />\\r\\n )}\\r\\n </div>\\r\\n </div>\\r\\n </LowerSectionContainer>\\r\\n </LowerSection>\\r\\n </Card>\\r\\n <CallLibrary>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n stateUpdate,\\r\\n state.libsCalls,\\r\\n { baseAction: baseActions.commentBaseAction },\\r\\n \\\"General card\\\"\\r\\n );\\r\\n })}\\r\\n </CallLibrary>\\r\\n </CardContainer>\\r\\n);\\r\\n",

"NDC.Forum.Create": "//NDC.Forum.Create\\r\\n\\r\\nconst {\\r\\n isTest,\\r\\n addressForArticles,\\r\\n authorForWidget,\\r\\n stateUpdate,\\r\\n initialBody,\\r\\n initialCreateState,\\r\\n editArticleData,\\r\\n widgets,\\r\\n handleFilterArticles,\\r\\n handleEditArticle,\\r\\n handlerStateUpdate,\\r\\n sbtWhiteList,\\r\\n sbts,\\r\\n canLoggedUserCreateArticles,\\r\\n callLibs,\\r\\n baseActions,\\r\\n handleOnCommitArticle,\\r\\n} = props;\\r\\n\\r\\nconst libSrcArray = [widgets.libArticle];\\r\\n\\r\\nconst errTextNoBody = \\\"ERROR: no article Body\\\",\\r\\n errTextNoId = \\\"ERROR: no article Id\\\",\\r\\n errTextDublicatedId = \\\"ERROR: there is article with such name\\\";\\r\\n\\r\\nState.init({\\r\\n ...initialCreateState,\\r\\n initialBody: props.initialBody ?? \\\"\\\",\\r\\n functionsToCallByLibrary: {\\r\\n article: [],\\r\\n },\\r\\n});\\r\\n\\r\\nfunction createStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\nconst tagsArray =\\r\\n editArticleData && !state.tagsModified ? editArticleData.tags : state.tags;\\r\\n\\r\\nconst accountId = context.accountId;\\r\\n\\r\\nfunction getRealArticleId() {\\r\\n if (editArticleData) {\\r\\n return (\\r\\n editArticleData.id ??\\r\\n `${editArticleData.author}-${editArticleData.timeCreate}`\\r\\n );\\r\\n } else {\\r\\n return `${accountId}-${Date.now()}`;\\r\\n }\\r\\n}\\r\\n\\r\\nfunction getArticleData() {\\r\\n const args = {\\r\\n title: editArticleData.title ?? state.title,\\r\\n author: editArticleData.author ?? accountId,\\r\\n lastEditor: accountId,\\r\\n timeLastEdit: Date.now(),\\r\\n timeCreate: editArticleData.timeCreate ?? Date.now(),\\r\\n body: state.articleBody,\\r\\n version: editArticleData ? editArticleData.version + 1 : 0,\\r\\n navigation_id: null,\\r\\n tags: tagsArray ?? [],\\r\\n id: getRealArticleId(),\\r\\n sbts,\\r\\n };\\r\\n return args;\\r\\n}\\r\\n\\r\\nfunction onCommit(article) {\\r\\n State.update({\\r\\n title: \\\"\\\",\\r\\n clearArticleId: true,\\r\\n tags: [],\\r\\n clearTags: true,\\r\\n articleBody: \\\"\\\",\\r\\n clearArticleBody: true,\\r\\n initalBody: \\\"\\\",\\r\\n // showCreatedArticle: true,\\r\\n showPreview: false,\\r\\n saving: false,\\r\\n });\\r\\n\\r\\n if (!Array.isArray(article.tags)) article.tags = Object.keys(article.tags);\\r\\n\\r\\n handleOnCommitArticle(article);\\r\\n}\\r\\n\\r\\nfunction onCancel() {\\r\\n State.update({\\r\\n createdArticle: undefined,\\r\\n saving: false,\\r\\n });\\r\\n}\\r\\n\\r\\nfunction getInitialMarkdownBody() {\\r\\n if (\\r\\n editArticleData &&\\r\\n (!state.articleBody || state.articleBody === editArticleData.body)\\r\\n ) {\\r\\n return editArticleData.body;\\r\\n } else if (state.articleBody && state.articleBody !== editArticleData.body) {\\r\\n return state.articleBody;\\r\\n } else {\\r\\n return state.initialBody == \\\"\\\" || !state.initialBody\\r\\n ? \\\"Post content (markdown supported)\\\"\\r\\n : state.initalBody;\\r\\n }\\r\\n}\\r\\n\\r\\nfunction createArticleListener() {\\r\\n //To test without commiting use the next line and comment the rest\\r\\n // onCommit();\\r\\n State.update({ saving: true });\\r\\n const article = getArticleData();\\r\\n\\r\\n const newLibsCalls = Object.assign({}, state.functionsToCallByLibrary);\\r\\n newLibsCalls.article.push({\\r\\n functionName: \\\"createArticle\\\",\\r\\n key: \\\"createdArticle\\\",\\r\\n props: {\\r\\n article,\\r\\n onCommit: () => onCommit(article),\\r\\n onCancel,\\r\\n },\\r\\n });\\r\\n\\r\\n State.update({ functionsToCallByLibrary: newLibsCalls });\\r\\n}\\r\\n\\r\\nfunction switchShowPreview() {\\r\\n State.update({\\r\\n showPreview: !state.showPreview,\\r\\n initialBody: state.articleBody,\\r\\n });\\r\\n}\\r\\n\\r\\nconst GeneralContainer = styled.div`\\r\\n background-color: rgb(248, 248, 249);\\r\\n margin: 0;\\r\\n`;\\r\\n\\r\\nconst Button = styled.button` \\r\\n margin: 0px 1rem; \\r\\n display: inline-block; \\r\\n text-align: center; \\r\\n vertical-align: middle; \\r\\n cursor: pointer; \\r\\n user-select: none; \\r\\n transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; \\r\\n \\r\\n border: 2px solid transparent; \\r\\n font-weight: 500; \\r\\n padding: 0.3rem 0.5rem; \\r\\n background-color: #010A2D; \\r\\n border-radius: 12px; \\r\\n color: white; \\r\\n text-decoration: none; \\r\\n \\r\\n &:hover { \\r\\n color: #010A2D; \\r\\n background-color: white; \\r\\n } \\r\\n`;\\r\\n\\r\\nconst CreationContainer = styled.div`\\r\\n background-color: rgb(230, 230, 230);\\r\\n border-radius: 20px;\\r\\n padding: 1rem 0;\\r\\n position: relative;\\r\\n`;\\r\\n\\r\\nconst SecondContainer = styled.div`\\r\\n min-width: 360px;\\r\\n background-color: white;\\r\\n padding: 1rem;\\r\\n`;\\r\\n\\r\\nconst BoxShadow = styled.div`\\r\\n box-shadow: rgba(140, 149, 159, 0.1) 0px 4px 28px 0px;\\r\\n`;\\r\\n\\r\\nconst SpinnerContainer = styled.div`\\r\\n height: 1rem;\\r\\n width: 1rem;\\r\\n marginTop: 2px;\\r\\n`;\\r\\n\\r\\nconst Spinner = () => {\\r\\n return (\\r\\n <SpinnerContainer className=\\\"spinner-border text-secondary\\\" role=\\\"status\\\">\\r\\n <span className=\\\"sr-only\\\" title=\\\"Loading...\\\"></span>\\r\\n </SpinnerContainer>\\r\\n );\\r\\n};\\r\\n\\r\\nconst initialTagsObject = {};\\r\\n\\r\\nArray.isArray(tagsArray) &&\\r\\n tagsArray.forEach((tag) => {\\r\\n initialTagsObject[tag] = true;\\r\\n });\\r\\n\\r\\nreturn (\\r\\n <div>\\r\\n <GeneralContainer className=\\\"pt-2 row card-group\\\">\\r\\n <BoxShadow className=\\\"rounded-3 p-3 m-3 bg-white col-lg-8 col-md-8 col-sm-12\\\">\\r\\n {/*{state.createdArticle && state.showCreatedArticle && editArticleData ? (\\r\\n <Widget\\r\\n src={widgets.articleView}\\r\\n props={{\\r\\n widgets,\\r\\n isTest,\\r\\n handleFilterArticles,\\r\\n articleToRenderData: state.createdArticle,\\r\\n authorForWidget,\\r\\n handleEditArticle,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n ) : ( If you uncomment this you need to uncomment the line before </BoxShadow> too*/}\\r\\n <div>\\r\\n {\\r\\n // <CreationContainer className=\\\"container-fluid\\\">\\r\\n }\\r\\n <SecondContainer className=\\\"rounded\\\">\\r\\n {state.showPreview ? (\\r\\n <Widget\\r\\n src={widgets.generalCard}\\r\\n props={{\\r\\n widgets,\\r\\n isTest,\\r\\n data: {\\r\\n title: state.title,\\r\\n author: accountId,\\r\\n lastEditor: accountId,\\r\\n timeLastEdit: Date.now(),\\r\\n timeCreate: Date.now(),\\r\\n body: state.articleBody,\\r\\n version: 0,\\r\\n navigation_id: null,\\r\\n tags: tagsArray,\\r\\n id: getRealArticleId(),\\r\\n sbts,\\r\\n },\\r\\n addressForArticles,\\r\\n handleOpenArticle: () => {},\\r\\n handleFilterArticles: () => {},\\r\\n authorForWidget,\\r\\n handleShareButton: () => {},\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n ) : (\\r\\n <div>\\r\\n <div className=\\\"d-flex flex-column pt-3\\\">\\r\\n <label for=\\\"inputArticleId\\\" className=\\\"small text-danger\\\">\\r\\n {state.errorId}\\r\\n </label>\\r\\n <Widget\\r\\n src={widgets.fasterTextInput}\\r\\n props={{\\r\\n firstText: state.title,\\r\\n forceClear: state.clearArticleId,\\r\\n stateUpdate: (obj) => State.update(obj),\\r\\n filterText: (e) => e.target.value,\\r\\n placeholder: \\\"Post title (case-sensitive)\\\",\\r\\n editable: editArticleData,\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n <div className=\\\"d-flex flex-column pt-3\\\">\\r\\n <label\\r\\n for=\\\"textareaArticleBody\\\"\\r\\n className=\\\"small text-danger\\\"\\r\\n >\\r\\n {state.errorBody}\\r\\n </label>\\r\\n <div className=\\\"d-flex gap-2\\\">\\r\\n <Widget\\r\\n src={widgets.markownEditorIframe}\\r\\n props={{\\r\\n initialText: getInitialMarkdownBody(),\\r\\n onChange: (articleBody) =>\\r\\n State.update({\\r\\n articleBody,\\r\\n clearArticleBody: false,\\r\\n }),\\r\\n clearArticleBody: state.clearArticleBody,\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n <div className=\\\"d-flex flex-column pt-3\\\">\\r\\n <Widget\\r\\n src={widgets.tagsEditor}\\r\\n props={{\\r\\n forceClear: state.clearTags,\\r\\n stateUpdate: (obj) => State.update(obj),\\r\\n initialTagsObject,\\r\\n placeholder: \\\"Input tags\\\",\\r\\n setTagsObject: (tags) => {\\r\\n // state.tags = Object.keys(tags);\\r\\n State.update({\\r\\n tagsModified: true,\\r\\n tags: Object.keys(tags),\\r\\n });\\r\\n },\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n )}\\r\\n <div className=\\\"mt-2 d-flex justify-content-end\\\">\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n className: \\\"info outline mx-2\\\",\\r\\n disabled:\\r\\n state.title.length === 0 || state.articleBody.length === 0,\\r\\n onClick: switchShowPreview,\\r\\n children: (\\r\\n <i\\r\\n className={`bi ${\\r\\n state.showPreview ? \\\"bi-pencil\\\" : \\\"bi-eye-fill\\\"\\r\\n }`}\\r\\n ></i>\\r\\n ),\\r\\n }}\\r\\n />\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n className: \\\"info \\\",\\r\\n disabled:\\r\\n state.title.length === 0 || state.articleBody.length === 0,\\r\\n onClick: createArticleListener,\\r\\n children: (\\r\\n <div className=\\\"d-flex justify-conten-center align-items-center\\\">\\r\\n {state.saving ? (\\r\\n <Spinner />\\r\\n ) : (\\r\\n <>\\r\\n <span>\\r\\n {editArticleData ? \\\"Save edition\\\" : \\\"Post\\\"}\\r\\n </span>\\r\\n <i className=\\\"bi bi-check2\\\"></i>\\r\\n </>\\r\\n )}\\r\\n </div>\\r\\n ),\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n </SecondContainer>\\r\\n <div style={{ display: \\\"none\\\" }}>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n createStateUpdate,\\r\\n state.functionsToCallByLibrary,\\r\\n { baseAction: baseActions.articlesBaseAction },\\r\\n \\\"Create\\\"\\r\\n );\\r\\n })}\\r\\n </div>\\r\\n </div>\\r\\n {/*)}*/}\\r\\n </BoxShadow>\\r\\n </GeneralContainer>\\r\\n </div>\\r\\n);\\r\\n",

"NDC.UpVoteButton": "//NDC.UpVoteButton\\r\\n\\r\\nconst {\\r\\n isTest,\\r\\n authorForWidget,\\r\\n reactedElementData,\\r\\n widgets,\\r\\n disabled,\\r\\n articleSbts,\\r\\n upVotes: articleUpVotes,\\r\\n callLibs,\\r\\n baseActions,\\r\\n} = props;\\r\\n\\r\\nconst data = reactedElementData;\\r\\n\\r\\nconst libSrcArray = [widgets.libUpVotes];\\r\\n\\r\\nconst initLibCalls = {\\r\\n upVotes: [\\r\\n {\\r\\n functionName: \\\"getUpVotes\\\",\\r\\n key: \\\"upVotesBySBT\\\",\\r\\n props: {\\r\\n id: data.id ?? `${data.author}-${data.timeCreate}`,\\r\\n sbtsNames: articleSbts,\\r\\n },\\r\\n },\\r\\n ],\\r\\n};\\r\\nconst initUpVotesBySBT = {};\\r\\n\\r\\nif (!articleUpVotes) {\\r\\n State.init({\\r\\n functionsToCallByLibrary: initLibCalls,\\r\\n articleUpVotes: [],\\r\\n upVotesBySBT: initUpVotesBySBT,\\r\\n });\\r\\n} else {\\r\\n State.init({\\r\\n articleUpVotes,\\r\\n functionsToCallByLibrary: { upVotes: [] },\\r\\n });\\r\\n}\\r\\n\\r\\nif (state.upVotesBySBT && Object.keys(state.upVotesBySBT).length > 0) {\\r\\n const key = Object.keys(state.upVotesBySBT)[0]; // There should always be one for now\\r\\n const newUpvotes = state.upVotesBySBT[key];\\r\\n if (JSON.stringify(state.articleUpVotes) !== JSON.stringify(newUpvotes)) {\\r\\n State.update({ articleUpVotes: newUpvotes });\\r\\n }\\r\\n}\\r\\n\\r\\nlet upVotesData = state.articleUpVotes;\\r\\n\\r\\nlet userVote = upVotesData.find((vote) => vote.accountId === context.accountId);\\r\\n\\r\\nlet hasUserVoted = userVote !== undefined;\\r\\n\\r\\nfunction getUpVoteButtonClass() {\\r\\n if (hasUserVoted) {\\r\\n return \\\"info\\\";\\r\\n } else {\\r\\n return \\\"info outline\\\";\\r\\n }\\r\\n}\\r\\n\\r\\nfunction stateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\nfunction upVoteButtonListener() {\\r\\n let newLibCalls = Object.assign({}, state.functionsToCallByLibrary);\\r\\n\\r\\n if (!hasUserVoted) {\\r\\n newLibCalls.upVotes.push({\\r\\n functionName: \\\"addVote\\\",\\r\\n key: \\\"newVote\\\",\\r\\n props: {\\r\\n id: data.id ?? `${data.author}-${data.timeCreate}`,\\r\\n articleSbts: data.sbts,\\r\\n articleAuthor: data.author,\\r\\n },\\r\\n });\\r\\n } else {\\r\\n newLibCalls.upVotes.push({\\r\\n functionName: \\\"deleteVote\\\",\\r\\n key: \\\"deletedVote\\\",\\r\\n props: {\\r\\n id: data.id ?? `${data.author}-${data.timeCreate}`,\\r\\n upVoteId: userVote.value.upVoteId,\\r\\n },\\r\\n });\\r\\n }\\r\\n State.update({ functionsToCallByLibrary: newLibCalls });\\r\\n}\\r\\n\\r\\nconst IconContainer = styled.div`\\r\\n transform: rotate(-90deg);\\r\\n`;\\r\\n\\r\\nconst Icon = styled.i`\\r\\n margin: 0px !important;\\r\\n`;\\r\\n\\r\\nconst CallLibrary = styled.div`\\r\\n display: none;\\r\\n`;\\r\\n\\r\\nreturn (\\r\\n <>\\r\\n <div title={disabled && \\\"You don\\\'t own this SBT\\\"}>\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Input.Button}\\r\\n props={{\\r\\n children: (\\r\\n <div className=\\\"d-flex\\\">\\r\\n <span>{`+${upVotesData.length}`}</span>\\r\\n <IconContainer>\\r\\n <Icon\\r\\n className={`bi bi-fast-forward-fill ${\\r\\n !disabled && \\\"text-success\\\"\\r\\n }`}\\r\\n ></Icon>\\r\\n </IconContainer>\\r\\n </div>\\r\\n ),\\r\\n disabled,\\r\\n className: `${getUpVoteButtonClass()}`,\\r\\n size: \\\"sm\\\",\\r\\n onClick: upVoteButtonListener,\\r\\n }}\\r\\n />\\r\\n </div>\\r\\n\\r\\n <CallLibrary>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n stateUpdate,\\r\\n state.functionsToCallByLibrary,\\r\\n { baseAction: baseActions.upVoteBaseAction },\\r\\n \\\"Up vote button\\\"\\r\\n );\\r\\n })}\\r\\n </CallLibrary>\\r\\n </>\\r\\n);\\r\\n",

"NDC.Forum.AllArticlesList": "// NDC.Forum.AllArticlesList\\r\\n\\r\\n//===============================================INITIALIZATION=====================================================\\r\\n\\r\\nlet {\\r\\n isTest,\\r\\n stateUpdate,\\r\\n articlesToRender,\\r\\n tabs,\\r\\n widgets,\\r\\n addressForArticles,\\r\\n handleFilterArticles,\\r\\n handleOpenArticle,\\r\\n authorForWidget,\\r\\n initialCreateState,\\r\\n editArticleData,\\r\\n handleEditArticle,\\r\\n showCreateArticle,\\r\\n sbtWhiteList,\\r\\n sbts,\\r\\n handleShareButton,\\r\\n canLoggedUserCreateArticles,\\r\\n filterBy,\\r\\n callLibs,\\r\\n baseActions,\\r\\n handleOnCommitArticle,\\r\\n} = props;\\r\\n\\r\\nconst libSrcArray = [widgets.libUpVotes];\\r\\n\\r\\nlet initLibsCalls = { upVotes: [] };\\r\\n\\r\\n//For the moment we\\\'ll allways have only 1 sbt in the array. If this change remember to do the propper work in lib.SBT and here.\\r\\n\\r\\ninitLibsCalls.upVotes = articlesToRender.map((article) => {\\r\\n return {\\r\\n functionName: \\\"getUpVotes\\\",\\r\\n key: `upVotes-${article.id}`,\\r\\n props: {\\r\\n id: article.id ?? `${article.author}-${article.timeCreate}`,\\r\\n sbtsNames: article.sbts ?? [],\\r\\n },\\r\\n };\\r\\n});\\r\\n\\r\\nif (articlesToRender.length > 0) {\\r\\n State.update({ libsCalls: initLibsCalls });\\r\\n}\\r\\n\\r\\nState.init({\\r\\n start: Date.now(),\\r\\n libsCalls: initLibsCalls,\\r\\n});\\r\\n\\r\\nif (state.upVotesBySBT && Object.keys(state.upVotesBySBT).length > 0) {\\r\\n const key = Object.keys(state.upVotesBySBT)[0]; // There should always be one for now\\r\\n const newUpvotes = state.upVotesBySBT[key];\\r\\n if (JSON.stringify(state.upVotes) !== JSON.stringify(newUpvotes)) {\\r\\n State.update({ upVotes: newUpvotes });\\r\\n }\\r\\n}\\r\\n\\r\\nlet finalArticlesWithUpVotes = articlesToRender.map((article) => {\\r\\n if (state[`upVotes-${article.id}`]) {\\r\\n const key = Object.keys(state[`upVotes-${article.id}`])[0];\\r\\n const articleUpVotes = state[`upVotes-${article.id}`][key];\\r\\n article.upVotes = articleUpVotes;\\r\\n\\r\\n return article;\\r\\n }\\r\\n});\\r\\n\\r\\nconst fiveDaysTimeLapse = 432000000;\\r\\n\\r\\nconst newestArticlesWithUpVotes = finalArticlesWithUpVotes\\r\\n .filter((article) => article.timeLastEdit > Date.now() - fiveDaysTimeLapse)\\r\\n .sort((a, b) => b.timeLastEdit - a.timeLastEdit);\\r\\n\\r\\nconst olderArticlesWithUpVotes = finalArticlesWithUpVotes\\r\\n .filter((article) => article.timeLastEdit < Date.now() - fiveDaysTimeLapse)\\r\\n .sort((a, b) => b.upVotes.length - a.upVotes.length);\\r\\n\\r\\nconst sortedFinalArticlesWithUpVotes = [\\r\\n ...newestArticlesWithUpVotes,\\r\\n ...olderArticlesWithUpVotes,\\r\\n];\\r\\n\\r\\n//=============================================END INITIALIZATION===================================================\\r\\n\\r\\n//===================================================CONSTS=========================================================\\r\\n\\r\\nconst AcordionContainer = styled.div`--bs-accordion-border-width: 0px!important;`;\\r\\n\\r\\nconst NoMargin = styled.div`margin: 0 0.75rem;`;\\r\\n\\r\\nconst AccordionBody = styled.div`padding: 0;`;\\r\\n\\r\\nconst ArticlesListContainer = styled.div`\\r\\n background-color: rgb(248, 248, 249);\\r\\n margin: 0;\\r\\n`;\\r\\n\\r\\nconst CallLibrary = styled.div`\\r\\n display: none;\\r\\n`;\\r\\n\\r\\nconst IconCursorPointer = styled.i`\\r\\n cursor: pointer;\\r\\n`;\\r\\n\\r\\n//=================================================END CONSTS=======================================================\\r\\n\\r\\n//==================================================FUNCTIONS=======================================================\\r\\n\\r\\nfunction getDateLastEdit(timestamp) {\\r\\n const date = new Date(Number(timestamp));\\r\\n const dateString = {\\r\\n date: date.toLocaleDateString(),\\r\\n time: date.toLocaleTimeString(),\\r\\n };\\r\\n return dateString;\\r\\n}\\r\\n\\r\\nfunction allArticlesListStateUpdate(obj) {\\r\\n State.update(obj);\\r\\n}\\r\\n\\r\\n//================================================END FUNCTIONS=====================================================\\r\\nreturn (\\r\\n <>\\r\\n {showCreateArticle ? (\\r\\n <>\\r\\n <AcordionContainer className=\\\"accordion\\\" id=\\\"accordionExample\\\">\\r\\n <NoMargin className=\\\"accordion-item\\\">\\r\\n <h2 className=\\\"accordion-header\\\" id=\\\"headingOne\\\">\\r\\n <button\\r\\n className=\\\"accordion-button collapsed\\\"\\r\\n type=\\\"button\\\"\\r\\n data-bs-toggle=\\\"collapse\\\"\\r\\n data-bs-target=\\\"#collapseOne\\\"\\r\\n aria-expanded=\\\"true\\\"\\r\\n aria-controls=\\\"collapseOne\\\"\\r\\n >\\r\\n <h6 className=\\\"m-0\\\">+ Create post</h6>\\r\\n </button>\\r\\n </h2>\\r\\n <div\\r\\n id=\\\"collapseOne\\\"\\r\\n className=\\\"accordion-collapse collapse\\\"\\r\\n aria-labelledby=\\\"headingOne\\\"\\r\\n data-bs-parent=\\\"#accordionExample\\\"\\r\\n >\\r\\n <AccordionBody className=\\\"accordion-body\\\">\\r\\n <Widget\\r\\n src={widgets.create}\\r\\n props={{\\r\\n isTest,\\r\\n addressForArticles,\\r\\n authorForWidget,\\r\\n stateUpdate,\\r\\n widgets,\\r\\n initialCreateState,\\r\\n editArticleData,\\r\\n callLibs,\\r\\n handleFilterArticles,\\r\\n handleEditArticle,\\r\\n initialBody: \\\"\\\",\\r\\n canLoggedUserCreateArticles,\\r\\n sbts,\\r\\n baseActions,\\r\\n handleOnCommitArticle,\\r\\n }}\\r\\n />\\r\\n </AccordionBody>\\r\\n </div>\\r\\n </NoMargin>\\r\\n </AcordionContainer>\\r\\n </>\\r\\n ) : (\\r\\n <h6>You can\\\'t post since you don\\\'t own this SBT</h6>\\r\\n )}\\r\\n <NoMargin>\\r\\n {filterBy.parameterName === \\\"tag\\\" && (\\r\\n <div className=\\\"mt-3\\\">\\r\\n <h6>Filter by tag:</h6>\\r\\n <div className=\\\"d-flex align-items-center \\\">\\r\\n <Widget\\r\\n src={widgets.newStyledComponents.Element.Badge}\\r\\n props={{\\r\\n children: filterBy.parameterValue,\\r\\n variant: \\\"round info\\\",\\r\\n size: \\\"lg\\\",\\r\\n }}\\r\\n />\\r\\n <IconCursorPointer\\r\\n className=\\\"bi bi-x\\\"\\r\\n onClick={() => handleFilterArticles({ filterBy: \\\"\\\", value: \\\"\\\" })}\\r\\n ></IconCursorPointer>\\r\\n </div>\\r\\n </div>\\r\\n )}\\r\\n <ArticlesListContainer className=\\\"row card-group py-3\\\">\\r\\n {sortedFinalArticlesWithUpVotes.length > 0 ? (\\r\\n sortedFinalArticlesWithUpVotes.map((article, i) => {\\r\\n const authorProfileCall = Social.getr(`${article.author}/profile`);\\r\\n\\r\\n if (authorProfileCall) {\\r\\n article.authorProfile = authorProfileCall;\\r\\n }\\r\\n\\r\\n // If some widget posts data different than an array it will be ignored\\r\\n if (!Array.isArray(article.tags)) article.tags = [];\\r\\n return (\\r\\n <Widget\\r\\n src={widgets.generalCard}\\r\\n props={{\\r\\n widgets,\\r\\n isTest,\\r\\n data: article,\\r\\n displayOverlay: true,\\r\\n renderReactions: true,\\r\\n addressForArticles,\\r\\n handleOpenArticle,\\r\\n handleFilterArticles,\\r\\n authorForWidget,\\r\\n handleShareButton,\\r\\n sbtWhiteList,\\r\\n handleEditArticle,\\r\\n callLibs,\\r\\n baseActions,\\r\\n }}\\r\\n />\\r\\n );\\r\\n })\\r\\n ) : (\\r\\n <h5>No articles uploaded using this SBT yet</h5>\\r\\n )}\\r\\n </ArticlesListContainer>\\r\\n </NoMargin>\\r\\n <CallLibrary>\\r\\n {libSrcArray.map((src) => {\\r\\n return callLibs(\\r\\n src,\\r\\n allArticlesListStateUpdate,\\r\\n state.libsCalls,\\r\\n { baseAction: baseActions.upVoteBaseAction },\\r\\n \\\"All articles list\\\"\\r\\n );\\r\\n })}\\r\\n </CallLibrary>\\r\\n </>\\r\\n);\\r\\n"

Transaction Details

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs:

Receipt:

Status:

Block:

Timestamp:

From:

To:

Value:

Burnt Gas:

Burnt Tokens:

Actions:

Result:

Logs: