const { href } = VM.require("devhub.near/widget/core.lib.url"); const { useQuery } = VM.require( "devhub.near/widget/core.adapter.devhub-contract" ); useQuery || (useQuery = () => {}); href || (href = () => {}); const { kanbanBoards, handle, permissions } = props; const data = Object.values(kanbanBoards ?? {})?.[0]; if (!kanbanBoards || !data?.metadata) { return ( <div className="d-flex flex-column align-items-center justify-content-center gap-4" style={{ height: 384 }} > <h5 className="h5 d-inline-flex gap-2 m-0"> Please add configuration for your board. </h5> </div> ); } return ( <Widget src={`devhub.near/widget/devhub.entity.addon.${data.metadata.type}`} props={{ ...data, isConfiguratorActive: false, isSynced: true, permissions, }} /> );