= steps.length - 1,
+ hasPrevious: state.step > 0,
+ onNext: () => {
+ handleStepComplete(stepState);
+ },
+ onPrevious: () => {
+ State.update({
+ step: state.step - 1,
+ });
+ },
+ onReset: () => {
+ State.update({
+ step: 0,
+ form: initialFormState,
+ errors: null,
+ });
+ },
+ ...otherProps,
+ }}
+ />
+ ),
+ }}
+ />
+
+);
diff --git a/apps/astraplusplus/widget/CreateDAO/index.jsx b/apps/astraplusplus/widget/CreateDAO/index.jsx
new file mode 100644
index 0000000..4a0c2eb
--- /dev/null
+++ b/apps/astraplusplus/widget/CreateDAO/index.jsx
@@ -0,0 +1,228 @@
+// -- Read and process types from SocialDB + helper functions
+
+const isPrimitiveType = (type) =>
+ ["string", "number", "boolean"].includes(type);
+
+const isComplexType = (type) =>
+ Array.isArray(type)
+ ? "typesArray"
+ : type === "array"
+ ? "array"
+ : typeof type === "object"
+ ? "object"
+ : typeof type === "string" && !isPrimitiveType(type)
+ ? "custom"
+ : null;
+
+const rawTypes = Social.get("/*__@appAccount__*//type/*", "final");
+if (rawTypes === null) return null;
+
+const types = {};
+
+// It finds custom types in the type definitions and fetches them from SocialDB.
+function getCustomTypes(type, depth) {
+ depth = depth || 0;
+ if (depth > 10) {
+ throw {
+ message: `Maximum type depth exceeded, please check your type definitions.`,
+ depth,
+ current: type,
+ types,
+ };
+ }
+
+ type.properties.forEach((prop) => {
+ (Array.isArray(prop.type) ? prop.type : [prop.type]).forEach((type) => {
+ if (isComplexType(type) === "custom" && !types[type]) {
+ const rawType = Social.get(`${type}`, "final");
+ if (rawType) {
+ types[type] = JSON.parse(rawType);
+ getCustomTypes(types[type], depth + 1);
+ }
+ }
+ });
+ });
+}
+
+Object.keys(rawTypes).forEach((key) => {
+ const type = JSON.parse(rawTypes[key]);
+ types["/*__@appAccount__*//type/" + key] = type;
+ getCustomTypes(type);
+});
+
+const PRIMITIVE_VALIDATIONS = {
+ string: (value, { min, max, pattern }) => {
+ if (typeof value !== "string")
+ return `Expected a string, got ${typeof value}.`;
+
+ if (min && value.length < min)
+ return `Must be at least ${min} characters long.`;
+
+ if (max && value.length > max)
+ return `Must be at most ${max} characters long.`;
+
+ if (pattern && !value.match(pattern))
+ return `The value "${value}" does not match expected pattern: ${pattern}`;
+ },
+ number: (value, { min, max }) => {
+ if (typeof value !== "number")
+ return `Expected a number, got ${typeof value}.`;
+
+ if (min && value < min) return `Must be at least ${min}.`;
+
+ if (max && value > max) return `Must be at most ${max}.`;
+ },
+ boolean: (value) => {
+ if (typeof value !== "boolean")
+ return `Expected a boolean, got ${typeof value}.`;
+ },
+};
+
+function validatePrimitiveType(type, value, constraints) {
+ if (!isPrimitiveType(type))
+ throw {
+ message: `Unknown primitive type: ${type}`,
+ type,
+ value,
+ };
+
+ return PRIMITIVE_VALIDATIONS[type](value, constraints);
+}
+
+function validateType(type, value, parent) {
+ if (value === undefined || value === "" || value === null) {
+ if (parent.required) {
+ return `This field is required but missing.`;
+ }
+ return;
+ }
+
+ if (isPrimitiveType(type))
+ return validatePrimitiveType(type, value, parent[type].validation);
+
+ if (isComplexType(type) === "typesArray") {
+ const errors = [];
+ for (const subType of type) {
+ const error = validateType(subType, value, parent[subType]);
+ if (!error) return; // Stop if a valid type is found
+ errors.push(error);
+ }
+ if (errors.length === type.length) {
+ // only return the deepest error
+ for (const error of errors) {
+ if (typeof error === "object") return error;
+ }
+ return errors[errors.length - 1];
+ }
+ }
+
+ if (isComplexType(type) === "array") {
+ if (!Array.isArray(value)) {
+ return `Expected an array, got ${typeof value}.`;
+ }
+
+ if (
+ parent["array"].validation.min &&
+ value.length < parent["array"].validation.min
+ ) {
+ return `Must have at least ${parent["array"].validation.min} items.`;
+ }
+
+ if (
+ parent["array"].validation.max &&
+ value.length > parent["array"].validation.max
+ ) {
+ return `Must have at most ${parent["array"].validation.max} items.`;
+ }
+
+ for (const item of value) {
+ const error = validateType(parent["array"].type, item, parent["array"]);
+ if (error)
+ return {
+ [value.indexOf(item)]: error,
+ };
+ }
+ }
+
+ if (isComplexType(type) === "object") {
+ if (typeof value !== "object" || Array.isArray(value)) {
+ return `Expected an object, got ${typeof value}.`;
+ }
+
+ // Validate properties of the object
+ for (const property of type.properties) {
+ const propName = property.name;
+ const propType = property.type;
+ const propValue = value[propName];
+
+ if (property.required && propValue === undefined) {
+ return `Property ${propName} is required but missing.`;
+ }
+
+ if (propValue !== undefined) {
+ const error = validateType(propType, propValue, property);
+ if (error)
+ return {
+ [propName]: error,
+ };
+ }
+ }
+ }
+
+ if (isComplexType(type) === "custom") {
+ return validateType(types[type], value);
+ }
+}
+
+const typeToEmptyData = (type) => {
+ if (isPrimitiveType(type)) {
+ switch (type) {
+ case "string":
+ return "";
+ case "number":
+ return null;
+ case "boolean":
+ return null;
+ }
+ }
+ if (isComplexType(type) === "array") {
+ return [];
+ }
+ if (isComplexType(type) === "typesArray") {
+ return typeToEmptyData(type[0]);
+ }
+ if (isComplexType(type) === "object") {
+ const obj = {};
+
+ type.properties.forEach((prop) => {
+ const propType =
+ isComplexType(prop.type) === "typesArray" ? prop.type[0] : prop.type;
+
+ if (isPrimitiveType(propType)) {
+ obj[prop.name] = typeToEmptyData(propType);
+ } else if (isComplexType(propType) === "array") {
+ obj[prop.name] = typeToEmptyData(propType);
+ } else if (isComplexType(propType) === "object") {
+ obj[prop.name] = typeToEmptyData(prop[propType]);
+ } else if (isComplexType(propType) === "custom") {
+ obj[prop.name] = typeToEmptyData(types[propType]);
+ }
+ });
+
+ return obj;
+ }
+ if (isComplexType(type) === "custom") {
+ return typeToEmptyData(types[type]);
+ }
+};
+
+return (
+
+);
diff --git a/apps/astraplusplus/widget/DAO.jsx b/apps/astraplusplus/widget/DAO.jsx
new file mode 100644
index 0000000..84677c6
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO.jsx
@@ -0,0 +1,33 @@
+const widgetOwner = "/*__@appAccount__*/";
+
+// Trying to improve the UX by not showing the widget until it's ready
+const Experiment = styled.div`
+ opacity: 0;
+ animation: fade-in 0.5s ease-in-out forwards;
+ animation-delay: .5s;
+
+ @keyframes fade-in {
+ 0% {
+ opacity: 0;
+ overflow: hidden;
+ max-height: 0;
+ }
+ 50% {
+ opacity: 0;
+ overflow: hidden;
+ max-height: none;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+`;
+
+return (
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Bounties.jsx b/apps/astraplusplus/widget/DAO/Bounties.jsx
new file mode 100644
index 0000000..374e286
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Bounties.jsx
@@ -0,0 +1,6 @@
+return (
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Discussion.jsx b/apps/astraplusplus/widget/DAO/Discussion.jsx
new file mode 100644
index 0000000..4cde79b
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Discussion.jsx
@@ -0,0 +1,16 @@
+return (
+ <>
+ Curated Posts
+
+ Update Feed
+
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Followers.jsx b/apps/astraplusplus/widget/DAO/Followers.jsx
new file mode 100644
index 0000000..98a60a7
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Followers.jsx
@@ -0,0 +1,3 @@
+return (
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Funds/Balance.jsx b/apps/astraplusplus/widget/DAO/Funds/Balance.jsx
new file mode 100644
index 0000000..70205a6
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Funds/Balance.jsx
@@ -0,0 +1,20 @@
+const fetcher = props?.fether ?? (() => {});
+const daoId = props?.daoId;
+
+const balances = fetcher.balances([daoId]);
+
+if (!balances.body) {
+ return "Loading...";
+}
+
+return (
+
+
Current Balance
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Funds/Outgoing.jsx b/apps/astraplusplus/widget/DAO/Funds/Outgoing.jsx
new file mode 100644
index 0000000..81f8660
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Funds/Outgoing.jsx
@@ -0,0 +1,95 @@
+// DRAFT
+
+const fetcher = props.fether ?? {};
+const daoId = props.daoId;
+
+const outgoing = fetcher["outgoing_near"](daoId);
+
+if (!outgoing.body) {
+ // TODO: Add proper loading
+ return "Loading...";
+}
+
+const colors = props.colors ?? [
+ "#4498E0",
+ "#FFD50D",
+ "#F29BC0",
+ "#82E299",
+ "#F19D38",
+];
+
+// Organize the data
+const data = outgoing.body.slice(0, 20).map((d) => parseFloat(d.amount));
+const labels = outgoing.body.slice(0, 20).map((d) => {
+ if (d.receiver.length > 20) {
+ return d.receiver.slice(0, 19) + "...";
+ }
+ return d.receiver;
+});
+
+console.log(data);
+
+// fill the rest of colors if balanceData.length > colors.length
+if (data.length > colors.length) {
+ for (let i = colors.length; i < data.length; i++) {
+ colors.push("#" + Math.floor(Math.random() * 16777215).toString(16));
+ }
+}
+
+// format to small characters like 200k, 200m, 200b...
+const formatNumber = (num) => {
+ if (num >= 1000000000) {
+ return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "b";
+ }
+ if (num >= 1000000) {
+ return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "m";
+ }
+ if (num >= 1000) {
+ return (num / 1000).toFixed(1).replace(/\.0$/, "") + "k";
+ }
+ return num;
+};
+
+const chartData = {
+ labels: labels,
+ datasets: [
+ {
+ label: "Total NEAR received",
+ data: data,
+ backgroundColor: colors,
+ borderWidth: 1,
+ },
+ ],
+};
+
+const chartOptions = {
+ type: "bar",
+ options: {
+ indexAxis: "y",
+ elements: {
+ bar: {
+ borderWidth: 2,
+ },
+ },
+ responsive: true,
+ plugins: {
+ legend: {
+ display: false,
+ },
+ },
+ },
+};
+
+return (
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Funds/TransactionLine.jsx b/apps/astraplusplus/widget/DAO/Funds/TransactionLine.jsx
new file mode 100644
index 0000000..81fa840
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Funds/TransactionLine.jsx
@@ -0,0 +1,156 @@
+const transfer = props.transfer;
+const daoId = props.daoId;
+const type = props.type;
+
+const direction = transfer.sender == daoId ? "out" : "in";
+const explorerUrl = "https://explorer.near.org";
+
+// convert timestamp from ns to ms
+const timestampMillis = Big(transfer.timestamp).div(1000000);
+const date = new Date(timestampMillis.toNumber()).toLocaleString();
+
+const ellipsis = (str, length) => {
+ if (str.length <= length) {
+ return str;
+ }
+ const mid = Math.floor(length / 2);
+ return str.slice(0, mid) + "..." + str.slice(str.length - mid);
+};
+
+let proposalId = null;
+
+if (direction === "out") {
+ // const res = fetch("https://archival-rpc.mainnet.near.org", {
+ // method: "POST",
+ // headers: {
+ // "Content-Type": "application/json",
+ // },
+ // body: JSON.stringify({
+ // jsonrpc: "2.0",
+ // id: "dontcare",
+ // method: "EXPERIMENTAL_tx_status",
+ // params: [transfer.transaction_id, transfer.sender],
+ // }),
+ // });
+
+ // const argsBase64 = res.body.result.transaction.actions[0].FunctionCall.args;
+ // if (argsBase64) {
+ // const args = JSON.parse(
+ // Buffer.from(argsBase64, "base64").toString("utf-8")
+ // );
+ // proposalId = args.id;
+ // }
+ const res = fetch(
+ "https://api.pikespeak.ai/tx/graph-by-hash/" + transfer.transaction_id,
+ {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ "x-api-key": "36f2b87a-7ee6-40d8-80b9-5e68e587a5b5",
+ },
+ }
+ );
+
+ proposalId =
+ res.body[0].transaction_graph.transaction.actions[0].action.args.id;
+}
+
+const TransferDirectionIcon = styled.div`
+ background-color: ${(props) =>
+ props.direction == "in" ? "#5BC65F" : "#DD5E56"};
+ color: white;
+ border-radius: 50%;
+ margin-right: 1rem;
+ height: 50px;
+ width: 50px;
+ min-width: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 28px;
+`;
+
+const Container = styled.div`
+ display: grid;
+ grid-template-columns: 50px auto minmax(120px, 160px) minmax(120px, 160px);
+ grid-template-rows: 1fr;
+ grid-column-gap: 1rem;
+ align-items: center;
+`;
+
+cons
+
+return (
+
+
+ {direction == "out" ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+ {proposalId && (
+
+ ),
+ content: (
+
+ ),
+ }}
+ />
+ )}
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Funds/Transactions.jsx b/apps/astraplusplus/widget/DAO/Funds/Transactions.jsx
new file mode 100644
index 0000000..a2af348
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Funds/Transactions.jsx
@@ -0,0 +1,115 @@
+const fetcher = props.fether ?? (() => {});
+const daoId = props.daoId;
+const widgetOwner = props.widgetOwner ?? "/*__@appAccount__*/";
+const config = props.config ?? {
+ limitPerPage: 10,
+ type: "near", // near | ft
+};
+
+State.init({
+ currentPage: state.currentPage ?? 0,
+ type: state.type ?? config.type,
+});
+
+const currentOffset = state.currentPage * config.limitPerPage;
+const transfers = fetcher[
+ state.type == "ft" ? "ft_transfers" : "near_transfers"
+](
+ daoId,
+ config.limitPerPage,
+ currentOffset,
+ state.type == "ft" ? undefined : config.minNearAmount
+);
+
+if (!transfers.body) {
+ // TODO: Add proper loading
+ return "Loading...";
+}
+
+console.log("transfers", transfers.body);
+
+
+const Table = styled.div`
+ & > div {
+ padding: 1.61rem 0.61rem;
+ border-bottom: 1px solid #eee;
+
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+
+ .tx-info {
+ font-size: 14px;
+ color: #999;
+ text-transform: lowercase;
+
+ span:nth-child(1) {
+ color: #000;
+ font-weight: 600;
+ font-size: 16px;
+ max-width: 200px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ }
+`;
+
+
+return (
+
+
+
NEAR Transactions
+
+ State.update({ type: v }),
+ value: state.type,
+ }}
+ />
+
+
+
+ {transfers.body.length == 0 && (
+ No transactions found
+ )}
+ {transfers.body.map((transfer) => {
+ return (
+
+ );
+ })}
+
+
+ 0,
+ hasNext: transfers.body.length == config.limitPerPage,
+ onPrev: () => State.update({ currentPage: state.currentPage - 1 }),
+ onNext: () => State.update({ currentPage: state.currentPage + 1 }),
+ }}
+ />
+
+
- update({ tab: id })}
+ >
+ {tabs[id].name}
+
+ ))}
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Members/index.jsx b/apps/astraplusplus/widget/DAO/Members/index.jsx
new file mode 100644
index 0000000..921fad1
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Members/index.jsx
@@ -0,0 +1,351 @@
+const daoId = props.daoId;
+
+State.init({
+ filterByRole,
+});
+
+const processPolicy = (policy) => {
+ const obj = {
+ policy,
+ users: {},
+ roles: {},
+ everyone: {},
+ };
+ policy.roles.forEach((role) => {
+ if (role.kind === "Everyone") {
+ obj.everyone = role;
+ }
+ if (role.kind.Group) {
+ if (!obj.roles[role.name]) {
+ obj.roles[role.name] = role;
+ }
+ role.kind.Group.forEach((user) => {
+ if (!obj.users[user]) {
+ obj.users[user] = [];
+ }
+
+ obj.users[user].push(role.name);
+ });
+ }
+ });
+
+ return obj;
+};
+
+const policy = useCache(
+ () =>
+ Near.asyncView(daoId, "get_policy").then((policy) => processPolicy(policy)),
+ daoId + "-policy",
+ { subscribe: false }
+);
+
+if (policy === null) return "";
+
+const isUserAllowedTo = (user, kind, action) => {
+ const userRoles = policy.users[user] || ["Everyone"];
+
+ let allowed = false;
+
+ userRoles.forEach((role) => {
+ let permissions = policy.roles[role].permissions;
+ if (role === "Everyone") {
+ permissions = policy.everyone.permissions;
+ }
+ const allowedRole =
+ permissions.includes(`${kind.toString()}:${action.toString()}`) ||
+ permissions.includes(`${kind.toString()}:*`) ||
+ permissions.includes(`*:${action.toString()}`) ||
+ permissions.includes("*:*");
+ allowed = allowed || allowedRole;
+ return allowedRole;
+ });
+
+ return allowed;
+};
+
+const onRemoveUserProposal = (memberId, roleId) => {
+ Near.call([
+ {
+ contractName: daoId,
+ methodName: "add_proposal",
+ args: {
+ proposal: {
+ description: "Remove DAO member",
+ kind: {
+ RemoveMemberFromRole: {
+ member_id: memberId,
+ role: roleId ?? "council",
+ },
+ },
+ },
+ },
+ gas: 219000000000000,
+ deposit: policy.policy.proposal_bond,
+ },
+ ]);
+};
+
+const Wrapper = styled.div`
+ .userRow {
+ width: 100%;
+ @media screen and (min-width: 600px) {
+ width: calc(50% - 1rem);
+ }
+ @media screen and (min-width: 1400px) {
+ width: calc(33% - 1rem);
+ }
+ }
+`;
+
+const renderUserRow = (user, roles, i) => {
+ return (
+
+
+
+
+ {roles.map((role, i) => {
+ return (
+
+ );
+ })}
+
+
+
+
+ {isUserAllowedTo(
+ context.accountId,
+ "remove_member_from_role",
+ "AddProposal"
+ ) && (
+
+ ),
+ content: (
+
+ {
+ return {
+ title: r,
+ value: r,
+ };
+ }),
+ onChange: (v) => State.update({ removeFromRole: v }),
+ value: state.removeFromRole,
+ }}
+ />
+
+ onRemoveUserProposal(user, state.removeFromRole),
+ }}
+ />
+
+ ),
+ }}
+ />
+ )}
+
+
+
+
+ State.update({
+ filterByRole: null,
+ }),
+ }}
+ key={i}
+ />
+ {Object.keys(policy.roles).map((role, i) => {
+ return (
+
+ State.update({
+ filterByRole: role,
+ }),
+ }}
+ key={i}
+ />
+ );
+ })}
+
+ );
+};
+
+const actions = {
+ AddProposal: "create proposal",
+ VoteApprove: "vote approve",
+ VoteReject: "vote reject",
+ VoteRemove: "vote remove",
+};
+
+const kinds = {
+ config: "Change config",
+ policy: "Change policy",
+ add_member_to_role: "Add member to role",
+ remove_member_from_role: "Remove member from role",
+ call: "Call",
+ upgrade_self: "Upgrade self",
+ upgrade_remote: "Upgrade remote",
+ transfer: "Transfer",
+ set_vote_token: "Set staking contract",
+ add_bounty: "Add bounty",
+ bounty_done: "Bounty done",
+ vote: "Vote",
+ factory_info_update: "Factory info update",
+ policy_add_or_update_role: "Change policy add or update role",
+ policy_remove_role: "Change policy remove role",
+ policy_update_default_vote_policy: "Change policy update default vote policy",
+ policy_update_parameters: "Change policy update parameters",
+ "*": "All types",
+};
+
+const renderPermissions = (role) => {
+ const permissions = new Map();
+
+ const rolePermissions =
+ role === "all"
+ ? policy.everyone?.permissions
+ : policy.roles[role].permissions;
+
+ rolePermissions?.forEach((p) => {
+ const [kindKey, actionKey] = p.split(":");
+
+ const kind = kinds[kindKey] || kindKey;
+ const action = actions[actionKey] || actionKey;
+
+ if (!permissions.has(action)) {
+ permissions.set(action, new Set());
+ }
+
+ permissions.get(action).add(kind);
+ });
+
+ const filteredPermissions = new Map(
+ [...permissions].filter(([action, kindsSet]) => kindsSet.size > 0)
+ );
+
+ const sortedPermissions = Array.from(filteredPermissions.entries()).sort(
+ (a, b) => {
+ if (a[0] === actions.AddProposal) {
+ return -1;
+ }
+ if (b[0] === actions.AddProposal) {
+ return 1;
+ }
+ return 0;
+ }
+ );
+
+ return sortedPermissions.map(([action, kindsSet], i) => (
+
+ {action}{" "}
+ {action === actions.AddProposal
+ ? "of the following types:"
+ : "on proposals of the following types:"}
+
+ {Array.from(kindsSet).map((kind, j) => (
+ - {kind}
+ ))}
+
+
+ ));
+};
+
+const users = !state.filterByRole
+ ? Object.keys(policy.users)
+ : Object.keys(policy.users).filter((user) =>
+ policy.users[user].includes(state.filterByRole)
+ );
+
+return (
+
+ Members & Policy
+
+
Groups
+ {renderGroups()}
+
+
+
+ {state.filterByRole || "Everyone"}
+ {" "}
+ have permission to:{" "}
+
+ {renderPermissions(state.filterByRole || "all")}
+
+
+ {users.map((user, i) => renderUserRow(user, policy.users[user], i))}
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Policy.jsx b/apps/astraplusplus/widget/DAO/Policy.jsx
new file mode 100644
index 0000000..490011d
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Policy.jsx
@@ -0,0 +1,3 @@
+return (
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Projects.jsx b/apps/astraplusplus/widget/DAO/Projects.jsx
new file mode 100644
index 0000000..ac269e7
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Projects.jsx
@@ -0,0 +1,6 @@
+return (
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/Card/Arguments.jsx b/apps/astraplusplus/widget/DAO/Proposals/Card/Arguments.jsx
new file mode 100644
index 0000000..84171e6
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/Card/Arguments.jsx
@@ -0,0 +1,276 @@
+const daoId = props.daoId;
+const kind = props.kind;
+
+const proposal_type = typeof kind === "string" ? kind : Object.keys(kind)[0];
+
+if (proposal_type === "Vote") return "";
+
+const MarkdownContainer = styled.div`
+ position: relative;
+ width: 100%;
+ padding: 24px;
+ background-color: #f8f9fa;
+ color: #1b1b18;
+ border-radius: 14px;
+ max-height: 700px;
+ overflow-y: auto;
+ color: #333;
+ line-height: 1.6;
+ box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
+
+ h1 {
+ font-size: 2em;
+ color: #111;
+ border-bottom: 1px solid #ccc;
+ padding-bottom: 0.3em;
+ margin-bottom: 1em;
+ }
+
+ h2 {
+ font-size: 1.5em;
+ color: #222;
+ margin-bottom: 0.75em;
+ }
+
+ h3 {
+ font-size: 1.3em;
+ color: #333;
+ margin-bottom: 0.6em;
+ }
+
+ h4 {
+ font-size: 1.2em;
+ color: #444;
+ margin-bottom: 0.5em;
+ }
+
+ h5 {
+ font-size: 1.1em;
+ color: #555;
+ margin-bottom: 0.4em;
+ }
+
+ p {
+ font-size: 1em;
+ margin-bottom: 1em;
+ }
+
+ a {
+ color: #0645ad;
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+`;
+
+if (proposal_type === "Transfer")
+ return (
+ <>
+
+
Amount
+
+
+
+
Receiver
+
+
+
+ );
+
+if (proposal_type === "FunctionCall") {
+ return (
+ <>
+ {kind.FunctionCall.actions.reduce(
+ (acc, { method_name, args, deposit }) => {
+ return acc.concat(
+
+
+
Smart Contract Address
+
{kind.FunctionCall.receiver_id}
+
+
+
Method Name
+
{method_name}
+
+
+
Deposit
+
+
+
+
Arguments
+
+
+
+
Member
+
+
+
+
Role
+
{kind[proposal_type].role}
+
+
Amount
+
+
+
+
Times
+
{kind.AddBounty.bounty.times}
+
+
Deadline
+
{new Date(kind.AddBounty.bounty.max_deadline).toLocaleString()}
+
+
Bounty Description
+
+
+
+
+
+ );
+
+if (proposal_type === "BountyDone")
+ return (
+ <>
+
+
Receiver
+
+
+
+
Bounty ID
+
{kind.BountyDone.bounty_id}
+
+
+
+
+ );
+ })}
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/Card/Vote.jsx b/apps/astraplusplus/widget/DAO/Proposals/Card/Vote.jsx
new file mode 100644
index 0000000..bc3d320
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/Card/Vote.jsx
@@ -0,0 +1,232 @@
+const accountId = context.accountId;
+const daoId = props.daoId ?? "multi.sputnik-dao.near";
+const vote_counts = props.proposal.vote_counts ?? {
+ // yes, no, spam
+ community: [3, 0, 2],
+ council: [1, 6, 0],
+};
+
+const userVote = props.proposal.votes[accountId];
+const isAllowedToVote = props.isAllowedToVote ?? [true, true, true];
+const canVote =
+ isAllowedToVote[0] &&
+ isAllowedToVote[1] &&
+ isAllowedToVote[2] &&
+ !userVote &&
+ props.proposal.statusName === "In Progress" &&
+ accountId;
+const yesWin = props.proposal.statusName === "Approved";
+const noWin = props.proposal.statusName === "Rejected";
+
+let totalYesVotes = 0;
+let totalNoVotes = 0;
+let totalSpamVotes = 0;
+Object.keys(vote_counts).forEach((key) => {
+ totalYesVotes += vote_counts[key][0];
+ totalNoVotes += vote_counts[key][1];
+ totalSpamVotes += vote_counts[key][2];
+});
+const totalVotes = totalYesVotes + totalNoVotes + totalSpamVotes;
+
+// Functions
+
+const handleApprove = () => {
+ Near.call([
+ {
+ contractName: daoId,
+ methodName: "act_proposal",
+ args: {
+ id: JSON.parse(props.proposal.id),
+ action: "VoteApprove",
+ },
+ gas: 200000000000000,
+ },
+ ]);
+};
+
+const handleReject = () => {
+ Near.call([
+ {
+ contractName: daoId,
+ methodName: "act_proposal",
+ args: {
+ id: JSON.parse(props.proposal.id),
+ action: "VoteReject",
+ },
+ gas: 200000000000000,
+ },
+ ]);
+};
+
+const handleSpam = () => {
+ Near.call([
+ {
+ contractName: daoId,
+ methodName: "act_proposal",
+ args: {
+ id: JSON.parse(props.proposal.id),
+ action: "VoteRemove",
+ },
+ gas: 200000000000000,
+ },
+ ]);
+};
+
+const VoteButton = styled.button`
+ border-radius: 20px;
+ border: none;
+ display: flex;
+ padding: 0;
+ position: relative;
+ background: rgb(128 128 128 / 13%);
+ width: 100%;
+ margin-bottom: 14px;
+ cursor: pointer;
+
+ .button {
+ border-radius: 20px;
+ padding: 12px 20px;
+ text-align: left;
+ font-weight: 600;
+ font-size: 15px;
+ transition: all 0.4s ease-in-out;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ min-width: 90px;
+ width: 90px;
+
+ @media (max-width: 600px) {
+ justify-content: start;
+ }
+ }
+
+ .vote {
+ opacity: 0;
+ transition: all 0.4s ease-in-out;
+ max-width: 0;
+ display: block;
+ margin-right: 3px;
+ position: relative;
+ z-index: 1;
+ }
+
+ .votes {
+ text-align: right;
+ padding: 12px 16px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ color: rgb(27, 27, 24);
+ }
+
+ .preview {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ border-radius: 20px;
+ transition: all 0.4s ease-in-out;
+ z-index: 0;
+ }
+
+ &:hover {
+ .button {
+ width: 100%;
+ }
+ .vote {
+ opacity: 1;
+ max-width: 100px;
+ }
+ }
+
+ &[disabled] {
+ cursor: not-allowed;
+ opacity: 0.8;
+
+ .vote {
+ opacity: 0;
+ max-width: 0;
+ }
+
+ &.yes .button {
+ width: ${(totalYesVotes / totalVotes) * 100 || 0}%;
+ }
+ &.no .button {
+ width: ${(totalNoVotes / totalVotes) * 100 || 0}%;
+ }
+ &.spam .button {
+ width: ${(totalSpamVotes / totalVotes) * 100 || 0}%;
+ }
+ }
+
+ &.yes {
+ .button {
+ background-color: #59e692;
+ color: #000;
+ }
+ .preview {
+ background-color: #59e69220;
+ width: ${(totalYesVotes / totalVotes) * 100 || 0}%;
+ }
+ }
+
+ &.no {
+ .button {
+ background-color: #e5484d;
+ color: #fff;
+ }
+ .preview {
+ background-color: #e5484d20;
+ width: ${(totalNoVotes / totalVotes) * 100 || 0}%;
+ }
+ }
+
+ &.spam {
+ .button {
+ background-color: #ffda09;
+ color: #000;
+ }
+ .preview {
+ background-color: #ffda0920;
+ width: ${(totalSpamVotes / totalVotes) * 100 || 0}%;
+ }
+ }
+`;
+
+return (
+ <>
+
+
+ Vote Yes
+
+
+
+ {totalYesVotes} Votes (
+ {Math.round((totalYesVotes / totalVotes) * 100 || 0)}%)
+
+
+
+
+ Vote No
+
+
+
+ {totalNoVotes} Votes (
+ {Math.round((totalNoVotes / totalVotes) * 100 || 0)}%)
+
+
+
+
+ Vote Spam
+
+
+
+ {totalSpamVotes} Votes (
+ {Math.round((totalSpamVotes / totalVotes) * 100 || 0)}%)
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/Card/index.jsx b/apps/astraplusplus/widget/DAO/Proposals/Card/index.jsx
new file mode 100644
index 0000000..bf57df9
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/Card/index.jsx
@@ -0,0 +1,137 @@
+const multiSelectMode = props.multiSelectMode ?? false;
+const { proposalString, proposalId, daoId } = props;
+const accountId = context.accountId;
+
+const proposal = proposalString ? JSON.parse(proposalString) : null;
+
+
+let roles = Near.view(daoId, "get_policy");
+
+if (roles === null)
+return ;
+
+
+let new_proposal = null;
+if (!proposalString && proposalId && daoId) {
+ new_proposal = Near.view(daoId, "get_proposal", {
+ id: Number(proposalId),
+ });
+ if (new_proposal === null) {
+ return ;
+ } else if (!new_proposal) {
+ return "Proposal not found, check console for details.";
+ }
+} else if (!proposalString) {
+ return "Please provide a daoId and a proposal or proposalId.";
+}
+
+const expensiveWork = () => {
+ let my_proposal = new_proposal ? new_proposal : proposal;
+
+ // --- check user permissions
+ const proposalKinds = {
+ ChangeConfig: "config",
+ ChangePolicy: "policy",
+ AddMemberToRole: "add_member_to_role",
+ RemoveMemberFromRole: "remove_member_from_role",
+ FunctionCall: "call",
+ UpgradeSelf: "upgrade_self",
+ UpgradeRemote: "upgrade_remote",
+ Transfer: "transfer",
+ SetStakingContract: "set_vote_token",
+ AddBounty: "add_bounty",
+ BountyDone: "bounty_done",
+ Vote: "vote",
+ FactoryInfoUpdate: "factory_info_update",
+ ChangePolicyAddOrUpdateRole: "policy_add_or_update_role",
+ ChangePolicyRemoveRole: "policy_remove_role",
+ ChangePolicyUpdateDefaultVotePolicy: "policy_update_default_vote_policy",
+ ChangePolicyUpdateParameters: "policy_update_parameters",
+ };
+
+ const actions = {
+ AddProposal: "AddProposal",
+ VoteApprove: "VoteApprove",
+ VoteReject: "VoteReject",
+ VoteRemove: "VoteRemove",
+ };
+
+ // -- Get all the roles from the DAO policy
+ roles = roles === null ? [] : roles.roles;
+
+ // -- Filter the user roles
+ const userRoles = [];
+ for (const role of roles) {
+ if (role.kind === "Everyone") {
+ userRoles.push(role);
+ continue;
+ }
+ if (!role.kind.Group) continue;
+ if (accountId && role.kind.Group && role.kind.Group.includes(accountId)) {
+ userRoles.push(role);
+ }
+ }
+
+ const isAllowedTo = (kind, action) => {
+ // -- Check if the user is allowed to perform the action
+ let allowed = false;
+ userRoles
+ .filter(({ permissions }) => {
+ const allowedRole =
+ permissions.includes(`${kind.toString()}:${action.toString()}`) ||
+ permissions.includes(`${kind.toString()}:*`) ||
+ permissions.includes(`*:${action.toString()}`) ||
+ permissions.includes("*:*");
+ allowed = allowed || allowedRole;
+ return allowedRole;
+ })
+ .map((role) => role.name);
+ return allowed;
+ };
+
+ const kindName =
+ typeof proposal.kind === "string"
+ ? proposal.kind
+ : Object.keys(proposal.kind)[0];
+
+ const isAllowedToVote = [
+ isAllowedTo(proposalKinds[kindName], actions.VoteApprove),
+ isAllowedTo(proposalKinds[kindName], actions.VoteReject),
+ isAllowedTo(proposalKinds[kindName], actions.VoteRemove),
+ ];
+
+ // --- end check user permissions
+
+ my_proposal.typeName = kindName.replace(/([A-Z])/g, " $1").trim(); // Add spaces between camelCase
+ my_proposal.statusName = proposal.status.replace(/([A-Z])/g, " $1").trim();
+
+ if (!state) {
+ State.init({
+ proposal: my_proposal,
+ isAllowedToVote,
+ });
+ } else {
+ State.update({
+ proposal: my_proposal,
+ isAllowedToVote,
+ });
+ }
+};
+
+if (!state || state.proposal.id !== proposal.id) {
+ // Only execute expensive work once
+ expensiveWork();
+ return ;
+}
+
+return (
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/Card/skeleton.jsx b/apps/astraplusplus/widget/DAO/Proposals/Card/skeleton.jsx
new file mode 100644
index 0000000..19c6166
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/Card/skeleton.jsx
@@ -0,0 +1,94 @@
+let layout = [
+ {
+ type: "row",
+ content: [
+ {
+ type: "text",
+ variants: ["lg"],
+ rows: 1,
+ style: {
+ width: "50%",
+ },
+ },
+ {
+ type: "text",
+ variants: ["sm"],
+ rows: 1,
+ style: {
+ width: "80px",
+ marginStart: "auto",
+ },
+ },
+ ],
+ },
+ {
+ type: "row",
+ variants: ["me-auto"],
+ content: [
+ {
+ type: "avatar",
+ variants: ["md", "me-1"],
+ },
+ {
+ type: "text",
+ variants: ["md"],
+ rows: 1,
+ style: {
+ width: "150px",
+ },
+ },
+ ],
+ },
+ {
+ type: "box",
+ variants: ["lg", "mb-5"],
+ },
+ {
+ type: "row",
+ variants: ["flex-column"],
+ content: [
+ {
+ type: "box",
+ variants: ["rounded-5"],
+ style: {
+ height: "46px",
+ },
+ count: 3,
+ },
+ ],
+ },
+ {
+ type: "row",
+ variants: ["justify-content-start", "mt-4"],
+ content: [
+ {
+ type: "box",
+ variants: ["rounded-5"],
+ count: 2,
+ style: {
+ height: "38px",
+ width: "160px",
+ },
+ },
+ ],
+ },
+];
+
+const Wrapper = styled.div`
+ background-color: ${statusBackgroundColor};
+ margin: 16px auto;
+ max-width: 900px;
+ border-radius: 16px;
+ padding: 24px;
+ box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
+ display: flex;
+ flex-direction: column;
+ gap: 24px;
+ min-height: 500px;
+`;
+
+return (
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/Card/ui.jsx b/apps/astraplusplus/widget/DAO/Proposals/Card/ui.jsx
new file mode 100644
index 0000000..0d922ec
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/Card/ui.jsx
@@ -0,0 +1,207 @@
+const { id, typeName, proposer, description, kind, statusName } =
+ props.proposal;
+const { daoId, isAllowedToVote, multiSelectMode, proposal } = props;
+
+const statusColor =
+ statusName === "Approved"
+ ? "#28a930"
+ : statusName === "In Progress"
+ ? "#58a1ff"
+ : statusName === "Failed"
+ ? "#dc3545"
+ : "#6c757d";
+
+const statusBackgroundColor =
+ statusName === "Approved"
+ ? "#ecf7ef"
+ : statusName === "Failed" || statusName === "Rejected"
+ ? "#fdf4f4"
+ : "#fff";
+
+const Wrapper = styled.div`
+ background-color: ${statusBackgroundColor};
+ margin: 16px auto;
+ max-width: 900px;
+ border-radius: 16px;
+ padding: 24px;
+ box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
+ display: flex;
+ flex-direction: column;
+ gap: 24px;
+ min-height: 500px;
+
+ p {
+ line-height: 1.4;
+ font-weight: 400;
+ font-size: 15px;
+ color: #868682;
+ margin: 0;
+ }
+
+ h3 {
+ font-weight: 600;
+ font-size: 24px;
+ color: #1b1b18;
+ }
+
+ h5 {
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 1.2;
+ color: #6c757d;
+ }
+
+ .status {
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 1.2;
+ color: ${statusColor};
+ }
+`;
+
+const MarkdownContainer = styled.div`
+ position: relative;
+ width: 100%;
+ padding: 24px;
+ background-color: #f8f9fa;
+ color: #1b1b18;
+ border-radius: 14px;
+ max-height: 700px;
+ overflow-y: auto;
+ color: #333;
+ line-height: 1.6;
+ box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
+
+ h1 {
+ font-size: 2em;
+ color: #111;
+ border-bottom: 1px solid #ccc;
+ padding-bottom: 0.3em;
+ margin-bottom: 1em;
+ }
+
+ h2 {
+ font-size: 1.5em;
+ color: #222;
+ margin-bottom: 0.75em;
+ }
+
+ h3 {
+ font-size: 1.3em;
+ color: #333;
+ margin-bottom: 0.6em;
+ }
+
+ h4 {
+ font-size: 1.2em;
+ color: #444;
+ margin-bottom: 0.5em;
+ }
+
+ h5 {
+ font-size: 1.1em;
+ color: #555;
+ margin-bottom: 0.4em;
+ }
+
+ p {
+ font-size: 1em;
+ margin-bottom: 1em;
+ }
+
+ a {
+ color: #0645ad;
+ text-decoration: none;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+`;
+
+return (
+
+
+
+
Proposal ID: {id}
+
+ {typeName}
+
+
+
+
+
+
+
Status
+ {statusName}
+
+
+
Proposer
+
+
+
+
Description
+ {typeName === "Vote" || typeName === "Bounty Done" ? (
+
+
+
+ ) : (
+
{description}
+ )}
+
+
+
+
+
+
Votes
+ {multiSelectMode ? (
+
+ ) : (
+
+ )}
+
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/FilterModal.jsx b/apps/astraplusplus/widget/DAO/Proposals/FilterModal.jsx
new file mode 100644
index 0000000..12ccf32
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/FilterModal.jsx
@@ -0,0 +1,282 @@
+const applyFilters = props.applyFilters;
+const cancel = props.cancel;
+const filters = props.filters ?? {
+ proposal_types: [],
+ status: "",
+ time_start: "",
+ time_end: "",
+};
+
+State.init({
+ filters,
+});
+
+const setFilters = (f) => {
+ State.update({
+ filters: f,
+ });
+};
+
+const type = {
+ operations: [
+ {
+ title: "Transfer funds",
+ value: "Transfer",
+ },
+ {
+ title: "Voting proposal",
+ value: "Vote",
+ },
+ {
+ title: "Custom function",
+ value: "FunctionCall",
+ },
+ {
+ title: "Issue a new bounty",
+ value: "AddBounty",
+ },
+ {
+ title: "Request pay for bounty",
+ value: "BountyDone",
+ },
+ {
+ title: "Set staking contract",
+ value: "SetStakingContract",
+ },
+ ],
+ policy: [
+ {
+ title: "Change Policy",
+ value: "ChangePolicy",
+ },
+ {
+ title: "Add or Update Role",
+ value: "ChangePolicyAddOrUpdateRole",
+ },
+ {
+ title: "Remove Role",
+ value: "ChangePolicyRemoveRole",
+ },
+ {
+ title: "ChangePolicyUpdateParameters",
+ value: "ChangePolicyUpdateParameters",
+ },
+ {
+ title: "ChangePolicyUpdateDefaultVotePolicy",
+ value: "ChangePolicyUpdateDefaultVotePolicy",
+ },
+ ],
+ "Membership & Config": [
+ {
+ title: "Add member to role",
+ value: "AddMemberToRole",
+ },
+ {
+ title: "Remove member from role",
+ value: "RemoveMemberFromRole",
+ },
+ {
+ title: "Change Config",
+ value: "ChangeConfig",
+ },
+ {
+ title: "Factory Info Update",
+ value: "FactoryInfoUpdate",
+ },
+ {
+ title: "Upgrade Remote",
+ value: "UpgradeRemote",
+ },
+ {
+ title: "Upgrade Self",
+ value: "UpgradeSelf",
+ },
+ ],
+};
+
+const statuss = [
+ {
+ title: "Approved",
+ value: "Approved",
+ },
+ {
+ title: "Rejected",
+ value: "Rejected",
+ },
+ {
+ title: "In Progress",
+ value: "InProgress",
+ },
+ {
+ title: "Expired",
+ value: "Expired",
+ },
+];
+
+const Wrapper = styled.div`
+ .check-subtitle {
+ font-size: 12px;
+ font-weight: 500;
+ color: #999;
+ padding: 0 !important;
+ }
+
+ .category-title {
+ margin: 0px;
+ font-size: 14px;
+ font-weight: 500;
+ color: #999;
+ text-transform: capitalize;
+ margin-bottom: 6px;
+ }
+
+ .filter-title {
+ font-style: normal;
+ font-weight: 600;
+ font-size: 15px;
+ line-height: 1.25em;
+ color: #222;
+ margin-bottom: 12px;
+ }
+`;
+
+return (
+
+ Type
+
+ {Object.keys(type).map((key) => {
+ return (
+
+
{key}
+ {type[key].map((item) => {
+ return (
+ {
+ setFilters({
+ ...state.filters,
+ proposal_types: checked
+ ? [...state.filters.proposal_types, item.value]
+ : state.filters.proposal_types.filter(
+ (x) => x !== item.value
+ ),
+ });
+ },
+ label: (
+ <>
+ {item.title}
+
+
+ {"{" + item.value + "}"}
+
+
+ ),
+ id: item.value,
+ }}
+ />
+ );
+ })}
+
+ );
+ })}
+
Status
+
+ {statuss.map((item) => {
+ return (
+ {
+ setFilters({
+ ...state.filters,
+ status: checked
+ ? [...state.filters.status, item.value]
+ : state.filters.status.filter((x) => x !== item.value),
+ });
+ },
+ label: item.title,
+ }}
+ />
+ );
+ })}
+
+
+ {
+ setFilters({
+ ...state.filters,
+ time_start: value,
+ });
+ },
+ label: "From Date",
+ inputProps: {
+ type: "date",
+ },
+ }}
+ />
+ {
+ setFilters({
+ ...state.filters,
+ time_end: value,
+ });
+ },
+ label: "To Date",
+ inputProps: {
+ type: "date",
+ },
+ }}
+ />
+
+
+ {
+ cancel();
+ },
+ variant: "secondary outline",
+ className: "me-auto",
+ }}
+ />
+ {
+ setFilters({
+ proposal_types: [],
+ status: [],
+ time_start: "",
+ time_end: "",
+ });
+ },
+ variant: "secondary outline",
+ }}
+ />
+ {
+ applyFilters(state.filters);
+ },
+ variant: "secondary",
+ }}
+ />
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/MultiVoteSubmit.jsx b/apps/astraplusplus/widget/DAO/Proposals/MultiVoteSubmit.jsx
new file mode 100644
index 0000000..49571f6
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/MultiVoteSubmit.jsx
@@ -0,0 +1,109 @@
+const daoId = props.daoId;
+const onHideMultiSelect = props.onHideMultiSelect;
+
+State.init({
+ openModal: false,
+ page: 0,
+});
+
+const STORAGE_KEY = "proposalsMultiVote";
+const STORAGE_SRC = "/*__@appAccount__*//widget/DAO.Proposals.Card.MultiVote";
+const STORAGE = Storage.get(STORAGE_KEY, STORAGE_SRC);
+
+console.log(STORAGE);
+
+if (STORAGE === null) return "";
+
+if (Object.keys(STORAGE[daoId] || {}).length < 1) {
+ return "";
+}
+
+const proposal_ids = Object.keys(STORAGE[daoId]).map((id) => parseInt(id));
+
+
+const handleSubmit = () => {
+ const calls = [];
+ Object.keys(STORAGE[daoId]).forEach((id) => {
+ let vote = STORAGE[daoId][id];
+ switch (`${vote}`) {
+ case "0":
+ vote = "VoteApprove";
+ break;
+ case "1":
+ vote = "VoteReject";
+ break;
+ case "2":
+ vote = "VoteRemove";
+ break;
+ default:
+ console.error("Invalid vote");
+ break;
+ }
+ calls.push({
+ contractName: daoId,
+ methodName: "act_proposal",
+ args: {
+ id: parseInt(id),
+ action: vote,
+ },
+ gas: 200000000000000,
+ });
+ });
+ return Near.call(calls);
+};
+
+let Wrapper = styled.div`
+ position: fixed;
+ bottom: 12px;
+ left: 50%;
+ transform: translateX(-50%);
+ min-width: 500px;
+ max-width: 100vw;
+ background-color: #fff;
+`;
+
+return (
+
+ Voting on multiple proposals
+
+ Proposals:{" "}
+ {Object.keys(STORAGE[daoId])
+ .map((id) => parseInt(id))
+ .reverse()
+ .join(", ")}
+
+
+ {
+ onHideMultiSelect();
+ },
+ variant: "secondary outline",
+ className: "me-auto",
+ }}
+ />
+ {
+ Storage.set(STORAGE_KEY, {});
+ },
+ variant: "secondary outline",
+ }}
+ />
+ {
+ handleSubmit();
+ },
+ variant: "secondary",
+ }}
+ />
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/ProposalsBlockchain.jsx b/apps/astraplusplus/widget/DAO/Proposals/ProposalsBlockchain.jsx
new file mode 100644
index 0000000..8f07de2
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/ProposalsBlockchain.jsx
@@ -0,0 +1,59 @@
+const daoId = props.daoId;
+const proposalsPerPage = props.proposalsPerPage ?? 10; // Number of proposals to fetch at a time
+
+State.init({
+ daoId,
+ proposals: [],
+ lastProposalId: null, // To keep track of the last loaded proposal
+ hasMore: true, // Boolean to know if there are more proposals to load
+});
+
+const loadProposals = () => {
+ const lastProposalId =
+ state.lastProposalId !== null
+ ? state.lastProposalId
+ : Near.view(daoId, "get_last_proposal_id");
+ if (lastProposalId === null) return;
+
+ // Prevents multiple calls to loadProposals() before the first call is finished
+ if (state.proposals.length > 0 && state.proposals[0].id === lastProposalId)
+ return;
+
+ const fromIndex = Math.max(0, lastProposalId - proposalsPerPage + 1); // Ensures fromIndex is never less than 0
+ const limit = fromIndex === 0 ? lastProposalId + 1 : proposalsPerPage; // Ensure we don't fetch the same proposals twice if fromIndex is 0
+
+ const newProposals = Near.view(daoId, "get_proposals", {
+ from_index: fromIndex,
+ limit: limit,
+ });
+ if (newProposals === null) return;
+
+ console.log("Saving new proposals...");
+ State.update({
+ ...state,
+ hasMore: fromIndex > 0,
+ proposals: [...state.proposals, ...newProposals.reverse()],
+ lastProposalId: fromIndex - 1,
+ isLoading: false,
+ });
+};
+
+return (
+ <>
+
+ {state.proposals.map((proposal, i) => {
+ if (proposal.status === "Removed") return null;
+ return (
+
+ );
+ })}
+
+
+);
diff --git a/apps/astraplusplus/widget/DAO/Proposals/ProposalsPikespeak.jsx b/apps/astraplusplus/widget/DAO/Proposals/ProposalsPikespeak.jsx
new file mode 100644
index 0000000..af8eca2
--- /dev/null
+++ b/apps/astraplusplus/widget/DAO/Proposals/ProposalsPikespeak.jsx
@@ -0,0 +1,241 @@
+const daoId = props.daoId;
+const proposalsPerPage = props.proposalsPerPage ?? 10; // Number of proposals to fetch at a time
+
+const apiUrl = `https://api.pikespeak.ai/daos/proposals`;
+const publicApiKey = "36f2b87a-7ee6-40d8-80b9-5e68e587a5b5";
+const resPerPage = 10;
+
+const defaultMultiSelectMode = Storage.privateGet("multiSelectMode");
+
+if (defaultMultiSelectMode === null) return "";
+console.log(defaultMultiSelectMode)
+
+State.init({
+ daoId,
+ daos: [daoId],
+ page: 0,
+ filters: {
+ proposal_types: [],
+ status: [],
+ time_start: "",
+ time_end: "",
+ },
+ filtersOpen: false,
+ multiSelectMode: defaultMultiSelectMode ?? false,
+});
+
+
+const forgeUrl = (apiUrl, params) =>
+ apiUrl +
+ Object.keys(params)
+ .sort()
+ .reduce((paramString, p) => paramString + `${p}=${params[p]}&`, "?");
+
+const res = fetch(
+ forgeUrl(apiUrl, {
+ offset: state.page * resPerPage,
+ limit: resPerPage,
+ daos: state.daos,
+ proposal_types: state.filters.proposal_types,
+ status: state.filters.status,
+ time_start: state.filters.time_start,
+ time_end: state.filters.time_end,
+ }),
+ {
+ mode: "cors",
+ headers: {
+ "x-api-key": publicApiKey,
+ "no-cache": true,
+ },
+ }
+);
+
+return (
+ <>
+
+
+ ),
+ inputProps: {
+ title: "Disabled because no API for searching yet",
+ },
+ }}
+ />
+
+ Hide Multi-Select
+
+
+ ) : (
+ <>
+ Show Multi-Select
+
+
+ ),
+ variant: "secondary outline",
+ size: "md",
+ onClick: () => {
+ Storage.privateSet("multiSelectMode", !state.multiSelectMode);
+ State.update({
+ ...state,
+ multiSelectMode: !state.multiSelectMode,
+ });
+ },
+ }}
+ />
+ {
+ State.update({
+ ...state,
+ filtersOpen: open,
+ });
+ },
+ toggle: (
+
+ Filter
+
+
+ ),
+ variant: "secondary outline",
+ size: "md",
+ }}
+ />
+ ),
+ content: (
+ {
+ State.update({
+ ...state,
+ filtersOpen: false,
+ });
+ },
+ applyFilters: (filters) => {
+ State.update({
+ ...state,
+ filters,
+ filtersOpen: false,
+ });
+ },
+ }}
+ />
+ ),
+ }}
+ />
+
+ {res !== null && !res.body && (
+
+ Couldn't fetch proposals from API. Please try again later.
+
+ )}
+
+
+ {res == null && (
+ <>
+ {new Array(resPerPage).fill(0).map((_, i) => (
+
+ ))}
+
+ )}
+ {res !== null &&
+ res.body.map(({ proposal, proposal_type, proposal_id }, i) => {
+ proposal.kind = {
+ [proposal_type]: {
+ ...proposal.kind,
+ },
+ };
+ proposal.id = proposal_id;
+ if (proposal.status === "Removed") return <>;
+ Object.keys(proposal.vote_counts).forEach((k) => {
+ if (typeof proposal.vote_counts[k] == "string") {
+ proposal.vote_counts[k] = proposal.vote_counts[k]
+ .match(/.{1,2}/g)
+ .map((x) => parseInt(x));
+ }
+ });
+ return (
+
+ );
+ })}
+
+
+ 0,
+ hasNext: res.body.length == resPerPage,
+ onPrev: () => {
+ State.update({
+ page: state.page - 1,
+ });
+ },
+ onNext: () => {
+ State.update({
+ page: state.page + 1,
+ });
+ },
+ }}
+ />
+
+
+
+
Proposals
+
+ Create Proposal
+
+
+ ),
+ variant: "secondary",
+ }}
+ />
+ ),
+ content: (
+
+
+
+ ),
+ }}
+ />
+
+
+
+
+
+ {tabContent}
+
+
+
+);
diff --git a/apps/astraplusplus/widget/DAOs/Card.jsx b/apps/astraplusplus/widget/DAOs/Card.jsx
new file mode 100644
index 0000000..240f48e
--- /dev/null
+++ b/apps/astraplusplus/widget/DAOs/Card.jsx
@@ -0,0 +1,208 @@
+const daoId = props.daoId;
+const balance = props.balance;
+
+if (!daoId) {
+ return "DAO ID not provided";
+}
+// -- Pikespeak API
+const baseApi = "https://api.pikespeak.ai";
+const publicApiKey = "36f2b87a-7ee6-40d8-80b9-5e68e587a5b5";
+
+const fetchApiConfig = {
+ mode: "cors",
+ headers: {
+ "x-api-key": publicApiKey,
+ },
+};
+
+const constructURL = (baseURL, paramObj) => {
+ let params = "";
+ for (const [key, value] of Object.entries(paramObj ?? {})) {
+ params += `${key}=${value}&`;
+ }
+ params = params.slice(0, -1);
+ return `${baseURL}?${params}`;
+};
+
+const fether = {
+ balances: (accounts) => {
+ return fetch(
+ constructURL(`${baseApi}/account/balances`, { accounts }),
+ fetchApiConfig
+ );
+ },
+ proposalsStatus: (daoId) => {
+ return fetch(
+ constructURL(`${baseApi}/daos/proposals/status/${daoId}`),
+ fetchApiConfig
+ );
+ },
+};
+const balances = fether.balances([daoId]);
+const proposalsStatus = fether.proposalsStatus(daoId);
+let activeProposalsCount;
+let totalProposalsCount;
+
+proposalsStatus &&
+proposalsStatus.body?.forEach((p) => {
+ activeProposalsCount += p["InProgress"] ? parseInt(p["InProgress"]) : 0;
+ totalProposalsCount += p["Total"] ? parseInt(p["Total"]) : 0;
+});
+// --
+
+// -- Social DB
+const profile = Social.get(`${daoId}/profile/**`, "final");
+// --
+
+// -- Smart Contract
+const policy = Near.view(daoId, "get_policy");
+let members = [];
+policy && policy.roles.forEach((role) => {
+ if (typeof role.kind.Group === "object") {
+ members = members.concat(role.kind.Group);
+ }
+});
+members = [...new Set(members)];
+// --
+
+const shorten = (str, len) => {
+ if (str.length <= len) {
+ return str;
+ }
+ return str.slice(0, len) + "...";
+};
+
+const shortenNumber = (n) => {
+ if (n < 1e3) return n;
+ if (n >= 1e3 && n < 1e6) return (n / 1e3).toFixed(1) + "k";
+ if (n >= 1e6 && n < 1e9) return (n / 1e6).toFixed(1) + "m";
+ if (n >= 1e9 && n < 1e12) return (n / 1e9).toFixed(1) + "b";
+ if (n >= 1e12) return (n / 1e12).toFixed(1) + "t";
+};
+
+const daoLink = ({ daoId, tab }) => {
+ return `/#//*__@appAccount__*//widget/DAO?daoId=${daoId}${tab && `&tab=${tab}`}`;
+};
+
+const Wrapper = styled.div`
+ border: 1px solid transparent;
+
+ &:hover {
+ border: 1px solid #4498e0;
+ }
+
+ .dao-card-stats {
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(2, 1fr);
+ column-gap: 0.5rem;
+ row-gap: 0.2rem;
+
+ & > p:nth-child(1),
+ & > p:nth-child(2),
+ & > p:nth-child(3) {
+ font-size: 0.8rem;
+ color: #4498e0;
+ margin: 0;
+ }
+
+ & > p:nth-child(4),
+ & > p:nth-child(5),
+ & > p:nth-child(6) {
+ font-size: 0.8rem;
+ font-weight: 600;
+ margin: 0;
+ }
+
+ p > b {
+ font-size: 1.15rem;
+ }
+ }
+
+ a {
+ color: #4498e0;
+ font-size: 0.8rem;
+ font-weight: 600;
+ text-decoration: none;
+
+ &:hover {
+ color: #4498e0cc;
+ }
+`;
+
+return (
+
+
+ {shorten(profile?.description || "", 80)}
+ {profile !== null &&
+ (!profile?.description || profile?.description?.length < 1) &&
+ "No description"}
+
+
+
DAO Funds
+
Members/Groups
+
Active proposals
+
+ {balances && (
+ <>
+ {shortenNumber(balances.body.totalUsd)}USD
+
+ )}
+
+
+ {members.length}/{policy.roles.length - 1}
+
+
+ {activeProposalsCount}/{totalProposalsCount}
+
+
+
+ View Profile,
+ href: daoLink({ daoId }),
+ }}
+ />
+
+
+);
diff --git a/apps/astraplusplus/widget/DAOs/index.jsx b/apps/astraplusplus/widget/DAOs/index.jsx
new file mode 100644
index 0000000..ea24562
--- /dev/null
+++ b/apps/astraplusplus/widget/DAOs/index.jsx
@@ -0,0 +1,69 @@
+const defaultFilters = props.defaultFilters ?? {};
+
+const createDAOLink = "#//*__@appAccount__*//widget/index?tab=create-dao";
+
+const renderHeader = () => (
+
+
DAOs
+
+ Create a new DAO
+
+
+ ),
+ href: createDAOLink,
+ }}
+ />
+
+);
+
+
+const publicApiKey = "36f2b87a-7ee6-40d8-80b9-5e68e587a5b5";
+const resPerPage = 10;
+
+const forgeUrl = (apiUrl, params) =>
+ apiUrl +
+ Object.keys(params)
+ .sort()
+ .reduce((paramString, p) => paramString + `${p}=${params[p]}&`, "?");
+
+const daos = useCache(
+ () =>
+ asyncFetch(forgeUrl(`https://api.pikespeak.ai/daos/all`, {}), {
+ mode: "cors",
+ headers: {
+ "x-api-key": publicApiKey,
+ "cache-control": "max-age=86400", // 1 day
+ },
+ }).then((res) => res.body),
+ "all-daos",
+ { subscribe: false }
+);
+
+const renderDAOs = () => {
+ return (
+
+ );
+};
+
+return (
+
+ {renderHeader()}
+ {renderDAOs()}
+
+);
diff --git a/apps/astraplusplus/widget/DAOs/list.jsx b/apps/astraplusplus/widget/DAOs/list.jsx
new file mode 100644
index 0000000..13cdc70
--- /dev/null
+++ b/apps/astraplusplus/widget/DAOs/list.jsx
@@ -0,0 +1,197 @@
+const daos = props.daos;
+const currentPage = props.page ?? 1;
+const resPerPage = props.resPerPage ?? 6;
+
+const createDAOLink = "#//*__@appAccount__*//widget/index?tab=create-dao";
+
+State.init({
+ currentPage: currentPage,
+ search: null,
+ isTyping: false,
+});
+
+const renderSubheader = () => (
+
+
+ ),
+ onChange: (v) => {
+ State.update({
+ search: v,
+ isTyping: true,
+ });
+ setTimeout(() => {
+ State.update({
+ isTyping: false,
+ });
+ }, 1500);
+ },
+ value: undefined,
+ inputProps: {
+ autoFocus: true,
+ },
+ useTimeout: 600,
+ }}
+ />
+
{
+ State.update({
+ ...state,
+ filtersOpen: open,
+ });
+ },
+ toggle: (
+
+ Filter
+
+
+ ),
+ variant: "info outline",
+ size: "md",
+ }}
+ />
+ ),
+ content: WIP
,
+ }}
+ />
+
+
+
No DAO is found. Would you like to create one now?
+
+
+
+ {paginatedDAOs.map((dao) => (
+
+
+
+ ))}
+ {paginatedDAOs.length < resPerPage &&
+ [...Array(resPerPage - paginatedDAOs.length)].map((_, i) => (
+
+ ))}
+
+ {
+ State.update({
+ currentPage: page,
+ });
+ },
+ revaluateOnRender: true,
+ }}
+ />
+
+);
+
+return (
+ <>
+ {renderSubheader()}
+ {!state.isTyping &&
+ daos != null &&
+ (!daos || daos.length < 1 || filteredDAOs.length < 1) &&
+ renderEmpty()}
+ {(state.isTyping || daos == null) && renderLoading()}
+ {!state.isTyping && ((daos != null && daos) || daos.length > 0) && (
+ {renderDAOsRows()}
+ )}
+ {((daos != null && daos) ||
+ daos.length > resPerPage ||
+ filteredDAOs.length > resPerPage) &&
+ renderPagination()}
+
+);
diff --git a/apps/astraplusplus/widget/home.jsx b/apps/astraplusplus/widget/home.jsx
new file mode 100644
index 0000000..2358aae
--- /dev/null
+++ b/apps/astraplusplus/widget/home.jsx
@@ -0,0 +1 @@
+return Hello
;
diff --git a/apps/astraplusplus/widget/index.jsonc b/apps/astraplusplus/widget/index.jsonc
new file mode 100644
index 0000000..8df3037
--- /dev/null
+++ b/apps/astraplusplus/widget/index.jsonc
@@ -0,0 +1,11 @@
+/*__@noStringify__*/
+{
+ "metadata": {
+ "name": "Astra++ - Under Construction",
+ "description": "",
+ "image": {},
+ "tags": {
+ "app": ""
+ }
+ }
+}
\ No newline at end of file
diff --git a/apps/astraplusplus/widget/index.jsx b/apps/astraplusplus/widget/index.jsx
new file mode 100644
index 0000000..7e54e69
--- /dev/null
+++ b/apps/astraplusplus/widget/index.jsx
@@ -0,0 +1,135 @@
+let { tab } = props;
+if (!tab) {
+ tab = "home";
+}
+const currentLink = "#//*__@appAccount__*//widget/index";
+
+const tabs = [
+ {
+ title: "Home",
+ icon: ,
+ href: currentLink + "?tab=home",
+ active: tab === "home",
+ widgetName: "home",
+ },
+ [
+ {
+ title: "DAOs",
+ icon: ,
+ active: tab.split("-")[0] === "daos",
+ href: currentLink + "?tab=daos-all",
+ widgetName: "DAOs.index",
+ defaultProps: {},
+ },
+ {
+ title: "NDC",
+ active: tab === "daos-ndc",
+ href: currentLink + "?tab=daos-ndc",
+ widgetName: "DAOs.index",
+ defaultProps: {},
+ },
+ {
+ title: "Following",
+ active: tab === "daos-following",
+ href: currentLink + "?tab=daos-following",
+ widgetName: "DAOs.index",
+ defaultProps: {},
+ },
+ {
+ title: "All",
+ active: tab === "daos-all",
+ href: currentLink + "?tab=daos-all",
+ widgetName: "DAOs.index",
+ defaultProps: {},
+ },
+ ],
+ {
+ title: "Bounties area",
+ icon: ,
+ active: tab === "bounties",
+ href: currentLink + "?tab=bounties",
+ widgetName: "bounties",
+ defaultProps: {},
+ },
+ {
+ title: "Actions library",
+ icon: ,
+ active: tab === "actions",
+ href: currentLink + "?tab=actions",
+ widgetName: "actions",
+ },
+ {
+ title: "Create DAO",
+ active: tab === "create-dao",
+ href: currentLink + "?tab=create-dao",
+ widgetName: "CreateDAO.index",
+ hidden: true,
+ },
+];
+
+let activeTab = null;
+tabs.find((tab) => {
+ if (Array.isArray(tab)) {
+ return tab.find((subTab) => {
+ if (subTab.active) {
+ activeTab = subTab;
+ return true;
+ }
+ return false;
+ });
+ }
+ if (tab.active) {
+ activeTab = tab;
+ return true;
+ }
+ return false;
+});
+
+const tabContent = activeTab ? (
+
+) : (
+ "404"
+);
+
+const Root = styled.div`
+ font-family: "Open Sans", "Manrope", system-ui, -apple-system, "Segoe UI",
+ Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-size: 16px;
+ line-height: 1.5;
+ color: #000;
+
+ a {
+ color: #000;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: #4498e0;
+ }
+
+ .ndc-card {
+ border-radius: 16px;
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px, rgba(0, 0, 0, 0.05) 0 1px 20px;
+ background-color: #fff;
+ }
+`;
+return (
+
+
+
+
+ {tabContent}
+
+);