Transaction: B73y4af...UfnL

{ "data": { "bos.dapplets.near": { "widget": { "NotifyTest.Main": { "": "const { onClick } = props;\n\nconst Button = styled.button`\n display: flex;\n color: #5b7083;\n font-family: sans-serif;\n font-size: 10px;\n font-weight: 500;\n line-height: 15px;\n text-align: left;\n border: none;\n background: none;\n gap: 6px;\n\n &:hover {\n color: #4e5459;\n }\n\n &:active {\n color: #2d3031;\n }\n`;\n\nconst handleInfoClick = () => {\n props.notify({\n subject: \"This Info\",\n body: \"Text Info\",\n\n type: \"INFO\",\n });\n};\nconst handleWarnClick = () => {\n props.notify({\n subject: \"This Warn\",\n body: \"Text Warning\",\n\n type: \"WARN\",\n });\n};\nconst handleErrorClick = () => {\n props.notify({\n subject: \"This Err\",\n body: \"Text Error\",\n\n type: \"ERROR\",\n });\n};\n\nconst handleTxClick = () => {\n props.notify({\n subject: \"This Tx\",\n body: \"Text Tx\",\n actions: [{\n label: \"OK\",\n onClick: () => console.log('OK'),\n }, {\n label: \"Cancel\",\n onClick: () => console.log('Cancel'),\n }]\n });\n\n Near.call(\n TIPPING_CONTRACT_NAME,\n \"sendTips\",\n {\n accountGId: accountId,\n itemId: itemGlobalId,\n },\n \"50000000000000\",\n total\n );\n};\n\nreturn (\n <div>\n <Button onClick={() => handleInfoClick()}>\n <div style={{ color: \"#384BFF\" }}>INFO</div>\n </Button>\n <Button onClick={() => handleWarnClick()}>\n <div style={{ color: \"#D0911A\" }}>WARN</div>\n </Button>\n <Button onClick={() => handleErrorClick()}>\n <div style={{ color: \"#DB504A\" }}>ERR</div>\n </Button>\n <Button onClick={() => handleTxClick()}>\n <div style={{ color: \"#DB504A\" }}>Send TX</div>\n </Button>\n </div>\n);\n", "metadata": {} }, "DefaultLayoutManager": { "": "if (\n (!props.widgets || props.widgets.length === 0) &&\n (!props.components || props.components.length === 0)\n)\n return <></>;\n\nconst [waitingAppIdsSet, changeWaitingAppIdsSet] = useState(new Set());\n\nconst handleRemoveWidget = (linkId) => {\n changeWaitingAppIdsSet((val) => val.add(linkId));\n const callback = () => {\n waitingAppIdsSet.delete(linkId);\n changeWaitingAppIdsSet((val) => {\n val.delete(linkId);\n return val;\n });\n };\n props.deleteUserLink(linkId).then(callback).catch(callback);\n};\n\nconst Container = styled.div`\n display: flex;\n gap: 8px;\n margin-left: 8px;\n`;\n\nconst WidgetWrapper = styled.div`\n max-width: 100%;\n min-width: 18px;\n position: relative;\n`;\n\nconst WidgetBadgeWrapper = styled.div`\n position: absolute;\n right: 0px;\n top: 0px;\n z-index: 1200;\n background: rgba(255, 255, 255, 0.35);\n width: 100%;\n height: 100%;\n display: flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n border-radius: 4%;\n backdrop-filter: blur(0.5px);\n div {\n padding: 2px;\n }\n`;\n\nreturn (\n <Container id=\"default-layout-manager\">\n {props.widgets\n .filter((w) => w.isSuitable === undefined || w.isSuitable === true)\n .map((widget) => (\n <WidgetWrapper key={widget.linkId}>\n {props.isEditMode ? (\n <WidgetBadgeWrapper\n title={\n widget.linkAuthorId === context.accountId\n ? `Remove ${widget.src.split(\"widget/\").pop()} injected by ${\n widget.linkAuthorId\n } (link ID: ${widget.linkId})`\n : \"disable in edit mode \"\n }\n style={{\n opacity: widget.linkAuthorId === context.accountId ? \"1\" : \"0\",\n }}\n >\n {widget.linkAuthorId === context.accountId ? (\n waitingAppIdsSet.has(widget.linkId) ? (\n <span\n role=\"status\"\n aria-hidden=\"true\"\n class=\"spinner-grow spinner-grow-sm\"\n />\n ) : (\n <Widget\n src=\"bos.dapplets.near/widget/LayoutManager.DeleteWidgetButton\"\n props={{\n onClick: () => handleRemoveWidget(widget.linkId),\n }}\n loading={<></>}\n />\n )\n ) : null}\n </WidgetBadgeWrapper>\n ) : null}\n <div\n data-mweb-context-type=\"injected-widget\"\n data-mweb-context-parsed={JSON.stringify({\n id: `${props.context.id}/${widget.linkId}`,\n parentContextId: props.context.id,\n widgetSrc: widget.src,\n })}\n >\n <Widget\n src={widget.src}\n props={{\n ...widget.props,\n pickContext: props.pickContext,\n pickContexts: props.pickContexts,\n notify: props.notify,\n }}\n loading={<></>}\n />\n <div\n data-mweb-insertion-point=\"hidden\"\n style={{ display: \"none\" }}\n />\n </div>\n </WidgetWrapper>\n ))}\n\n {props.components\n ? props.components.map((cmp, i) => {\n const WrapperComponent = cmp.component;\n return (\n <WidgetWrapper key={i}>\n <WrapperComponent\n context={props.context}\n attachContextRef={props.attachContextRef}\n attachInsPointRef={props.attachInsPointRef}\n />\n </WidgetWrapper>\n );\n })\n : null}\n </Container>\n);\n", "metadata": {} } } } } }