Transaction: 6RvJLCE...WthM

{ "data": { "ref-admin.near": { "widget": { "ref-template-page": { "": "const limitPerPage = 18;\nlet components = [];\nlet totalApps = 0;\nlet totalComponents = 0;\nconst componentsUrl = \"#/near/widget/ComponentsPage\";\nconst searchPlaceholder = \"Search\";\n\nconst current_mode = Storage.get(\n \"ref-mode\",\n \"ref-admin.near/widget/user-builder\"\n);\n\nconst whitelist = [\"juaner.near/widget/ref-home\", \"ref-admin.near/widget/xBox\"];\n\nconst { role } = props;\n\nconst addComponentIcon = (\n <svg\n width=\"19\"\n height=\"19\"\n viewBox=\"0 0 19 19\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9979 4.76397C18.9979 4.74248 18.9893 4.72099 18.9871 4.6995C18.9828 4.62644 18.9742 4.55338 18.9549 4.48247C18.942 4.44164 18.9227 4.40511 18.9055 4.36643C18.8841 4.31701 18.8669 4.26759 18.839 4.22246C18.8132 4.18163 18.781 4.1451 18.751 4.10857C18.7209 4.07204 18.693 4.03336 18.6565 4.00113C18.6179 3.9646 18.5749 3.93667 18.532 3.90658C18.5062 3.88724 18.4826 3.86361 18.4547 3.84642C18.4418 3.83997 18.4268 3.83567 18.4139 3.82922C18.3967 3.82063 18.3838 3.80559 18.3645 3.79699L10.8697 0.255711C10.4232 0.0451256 9.92297 0 9.58161 0C9.07065 0 8.58545 0.100995 8.21619 0.281497L0.620506 3.98394C0.238361 4.17089 -0.0042377 4.54908 5.60765e-05 4.96166C5.60765e-05 4.97026 0.00434995 4.9767 0.00434995 4.98745C0.00434995 4.99604 5.60765e-05 5.00464 5.60765e-05 5.01323V14.077C5.60765e-05 14.7088 0.558247 15.4458 1.26887 15.7789L8.64986 18.8754C8.81517 18.9592 8.99551 19 9.178 19C9.3154 19 9.45065 18.9678 9.58161 18.9183C9.70184 18.9033 9.82206 18.8775 9.9337 18.8259L17.699 15.5554C18.4397 15.2073 19 14.4681 19 13.8385V4.77471V4.77041C18.9979 4.76827 18.9979 4.76612 18.9979 4.76397ZM9.7641 7.49729C9.62884 7.55101 9.25099 7.55745 9.12862 7.51663L3.66909 4.93802L9.24026 2.22404C9.26817 2.21115 9.39054 2.17677 9.58161 2.17677C9.74048 2.17677 9.84353 2.20041 9.87359 2.21115L15.3267 4.78761L9.7641 7.49729ZM16.7286 13.5828C16.72 13.5892 16.7114 13.5935 16.705 13.5978L10.5219 16.4515L10.3094 9.72993C10.3223 9.72133 10.3352 9.71273 10.3502 9.70629L16.7307 6.55825V13.5828H16.7286Z\"\n fill=\"white\"\n />\n </svg>\n);\n\nState.init({\n currentPage: 0,\n});\n\nfunction onSearchChange({ result, term }) {\n if (term.trim()) {\n State.update({ searchResults: result || [], term: term.trim() });\n } else {\n State.update({ searchResults: null, term: \"\" });\n }\n}\n\nif (props.tab && props.tab !== state.selectedTab) {\n State.update({\n selectedTab: props.tab,\n });\n}\n\nconst Wrapper = styled.div`\n gap: 48px;\n padding-bottom: 48px;\n padding-top: 18px;\n @media (max-width: 900px) {\n padding-top: 0;\n }\n`;\n\nconst Text = styled.p`\n margin: 0;\n line-height: 1.5rem;\n color: ${(p) => (p.bold ? \"#11181C\" : \"#687076\")} !important;\n font-weight: ${(p) => (p.bold ? \"600\" : \"400\")};\n font-size: ${(p) => (p.small ? \"12px\" : \"14px\")};\n overflow: ${(p) => (p.ellipsis ? \"hidden\" : \"\")};\n text-overflow: ${(p) => (p.ellipsis ? \"ellipsis\" : \"\")};\n white-space: ${(p) => (p.ellipsis ? \"nowrap\" : \"\")};\n overflow-wrap: anywhere;\n\n b {\n font-weight: 600;\n color: #11181c;\n }\n\n &[href] {\n display: inline-flex;\n gap: 0.25rem;\n\n &:hover,\n &:focus {\n text-decoration: underline;\n }\n }\n`;\n\nconst Items = styled.div`\n display: flex;\n gap: 36px;\n flex-wrap: wrap;\n @media (max-width: 900px) {\n display: inline-grid;\n width: 100%;\n }\n`;\n\nconst Item = styled.div`\n // :hover {\n // transform: ${(p) => (p.role === \"Builder\" ? \"\" : \"scale(1.05)\")};\n // }\n`;\n\nconst FlexStart = styled.div`\n display: flex;\n align-items: center;\n @media (max-width: 900px) {\n display: none;\n }\n`;\n\nconst ContentWrapper = styled.div`\n display: flex;\n`;\n\nconst FunctionArea = styled.div`\n display: flex;\n align-items: center;\n gap: 12px;\n`;\n\nconst AddComponentWrapper = styled.a`\n height: 36px;\n display: flex;\n align-items: center;\n background: #2d4348;\n border-radius: 10px;\n padding: 8px 16px 8px 16px;\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 19px;\n gap: 10px;\n margin-left: 12px;\n cursor: pointer;\n color: #ffffff;\n\n :hover {\n color: white;\n text-decoration: none;\n }\n`;\n\nconst FunctionWrapper = styled.div`\n height: 36px;\n display: flex;\n align-items: center;\n background: #2d4348;\n border-radius: 10px;\n padding: 8px 16px 8px 16px;\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 19px;\n gap: 10px;\n margin-left: 12px;\n cursor: pointer;\n color: #ffffff;\n`;\n\nconst sortIcon = (\n <svg\n width=\"12\"\n height=\"10\"\n viewBox=\"0 0 12 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"12\" height=\"2\" rx=\"1\" fill=\"white\" />\n <rect x=\"1\" y=\"4\" width=\"9\" height=\"2\" rx=\"1\" fill=\"white\" />\n <rect x=\"3\" y=\"8\" width=\"5\" height=\"2\" rx=\"1\" fill=\"white\" />\n </svg>\n);\n\nconst gridView = (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"6.2\" height=\"6.2\" rx=\"1.5\" stroke=\"#7E8A93\" />\n <rect\n x=\"0.5\"\n y=\"9.30005\"\n width=\"6.2\"\n height=\"6.2\"\n rx=\"1.5\"\n stroke=\"#7E8A93\"\n />\n <rect\n x=\"9.29999\"\n y=\"0.5\"\n width=\"6.2\"\n height=\"6.2\"\n rx=\"1.5\"\n stroke=\"#7E8A93\"\n />\n <rect\n x=\"9.29999\"\n y=\"9.30005\"\n width=\"6.2\"\n height=\"6.2\"\n rx=\"1.5\"\n stroke=\"#7E8A93\"\n />\n </svg>\n);\n\nconst wideView = (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"16\" height=\"7\" rx=\"2\" fill=\"#00FFD1\" />\n <rect y=\"9\" width=\"16\" height=\"7\" rx=\"2\" fill=\"#00FFD1\" />\n </svg>\n);\n\nconst isHomeIndex = [\n Social.get(`${context.accountId}/myHomePagePath`) ===\n `juaner.near/widget/ref-home`,\n\n Social.get(`${context.accountId}/myHomePagePath`) ===\n `ref-admin.near/widget/xBox`,\n];\n\nconst itemList = [\n {\n item: (\n <Item role={role}>\n <Widget\n key={\"juaner.near\" + \"ref-home\"}\n src=\"ref-admin.near/widget/ref-template-card\"\n props={{\n src: `juaner.near/widget/ref-home`,\n isHome:\n Social.get(`${context.accountId}/myHomePagePath`) ===\n `juaner.near/widget/ref-home`,\n blockHeight: component.blockHeight,\n imageSrc: \"https://assets.ref.finance/images/ref_and_burrow.png\",\n role: role,\n }}\n />\n </Item>\n ),\n src: `juaner.near/widget/ref-home`,\n },\n {\n item: (\n <Item role={role}>\n <Widget\n key={\"ref-admin.near/widget/xBox\"}\n src=\"ref-admin.near/widget/ref-template-card\"\n props={{\n src: `ref-admin.near/widget/xBox`,\n isHome:\n Social.get(`${context.accountId}/myHomePagePath`) ===\n `ref-admin.near/widget/xBox`,\n blockHeight: component.blockHeight,\n imageSrc: \"https://assets.ref.finance/images/xbox_banner.png\",\n role: role,\n }}\n />\n </Item>\n ),\n src: `ref-admin.near/widget/xBox`,\n },\n];\n\nreturn (\n <Wrapper className=\"\">\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n }}\n >\n <FlexStart>\n <Widget\n src=\"ref-admin.near/widget/ref-template-search\"\n props={{\n limit: 21,\n onChange: onSearchChange,\n placeholder: searchPlaceholder,\n filterTags: null,\n whitelist,\n }}\n />\n </FlexStart>\n </div>\n\n <ContentWrapper>\n {state.searchResults?.length === 0 && (\n <Text>No components matched your search.</Text>\n )}\n\n <Items>\n {itemList\n .filter((d) => {\n if (!state.searchResults) return true;\n return state.searchResults.map((_) => _.widgetSrc).includes(d.src);\n })\n .map(({ item }) => item)}\n {!!state.term &&\n (\"ref-admin.near/widget/rainbow-card\".includes(state.term) ||\n \"NEAR-Ethereum Bridge\".toLowerCase().includes(state.term)) ? (\n <div></div>\n ) : (\n <Widget src=\"ref-admin.near/widget/rainbow-card\" />\n )}\n </Items>\n </ContentWrapper>\n </Wrapper>\n);\n" } } } } }