feat: Space settings to allow voting with alias

src/components/SettingsVotingBlock.vue

@@ -66,6 +66,13 @@ const { form } = useFormSpaceSettings(props.context);
         :label="$t('settings.hideAbstain')"
         :disabled="isViewOnly"
       />
+
+      <TuneSwitch
+        v-model="form.voting.aliased"
+        :label="$t('settings.enableAliased')"
+        :disabled="isViewOnly"
+        :hint="$t('settings.enableAliasedHint')"
+      />
     </div>
   </BaseBlock>
 </template>

src/composables/useAliasAction.ts

@@ -76,10 +76,10 @@ export function useAliasAction() {
     try {
       await checkAlias();
       if (aliasWallet.value && isValidAlias.value) {
-        return await action();
+        return await action(aliasWallet.value);
       }
       await setAlias();
-      return await action();
+      return await action(aliasWallet.value);
     } catch (e) {
       console.error(e);
       loading.value = false;

src/composables/useClient.ts

@@ -10,6 +10,7 @@ export function useClient() {
   const { web3 } = useWeb3();
   const auth = getInstance();
   const route = useRoute();
+  const { actionWithAlias } = useAliasAction();
 
   const DEFINED_APP = (route?.query.app as string) || 'snapshot';
 
@@ -35,13 +36,57 @@ export function useClient() {
     }
   }
 
+  const signParams = {
+    get provider() {
+      return auth.web3;
+    },
+    get address() {
+      return web3.value.account;
+    }
+  };
+
+  function vote(client, votePayload, { provider, address } = signParams) {
+    return client.vote(provider, address, votePayload);
+  }
+
+  function proposal(
+    client,
+    proposalPayload,
+    { provider, address } = signParams
+  ) {
+    return client.proposal(provider, address, proposalPayload);
+  }
+
+  function deleteProposal(
+    client,
+    deleteProposalPayload,
+    { provider, address } = signParams
+  ) {
+    return client.cancelProposal(provider, address, deleteProposalPayload);
+  }
+
+  function bindWithAlias(actionFn) {
+    return (client, payload) => {
+      return actionWithAlias(aliasWallet =>
+        actionFn(client, payload, {
+          provider: aliasWallet,
+          address: aliasWallet.address
+        })
+      );
+    };
+  }
+
   async function sendEIP712(space, type, payload) {
     const client = isGnosisSafe.value ? clientGnosisSafe : clientEIP712;
     if (type === 'proposal') {
+      const shouldUseAlias = space.voting?.aliased && !isGnosisSafe.value;
+      const proposalFn = shouldUseAlias ? bindWithAlias(proposal) : proposal;
+
       let plugins = {};
       if (Object.keys(payload.metadata?.plugins).length !== 0)
         plugins = payload.metadata.plugins;
-      return client.proposal(auth.web3, web3.value.account, {
+
+      const proposalPayload = {
         space: space.id,
         type: payload.type,
         title: payload.name,
@@ -52,23 +97,40 @@ export function useClient() {
         end: payload.end,
         snapshot: payload.snapshot,
         plugins: JSON.stringify(plugins),
-        app: DEFINED_APP
-      });
+        app: DEFINED_APP,
+        from: web3.value.account
+      };
+
+      return proposalFn(client, proposalPayload);
     } else if (type === 'vote') {
-      return client.vote(auth.web3, web3.value.account, {
+      const shouldUseAlias = space.voting?.aliased && !isGnosisSafe.value;
+      const voteFn = shouldUseAlias ? bindWithAlias(vote) : vote;
+
+      const votePayload = {
         space: space.id,
         proposal: payload.proposal.id,
         type: payload.proposal.type,
         choice: payload.choice,
         privacy: payload.privacy,
         app: DEFINED_APP,
-        reason: payload.reason
-      });
+        reason: payload.reason,
+        from: web3.value.account
+      };
+
+      return voteFn(client, votePayload);
     } else if (type === 'delete-proposal') {
-      return client.cancelProposal(auth.web3, web3.value.account, {
+      const shouldUseAlias = space.voting?.aliased && !isGnosisSafe.value;
+      const deleteProposalFn = shouldUseAlias
+        ? bindWithAlias(deleteProposal)
+        : deleteProposal;
+
+      const deleteProposalPayload = {
         space: space.id,
-        proposal: payload.proposal.id
-      });
+        proposal: payload.proposal.id,
+        from: web3.value.account
+      };
+
+      return deleteProposalFn(client, deleteProposalPayload);
     } else if (type === 'settings') {
       return client.space(auth.web3, web3.value.account, {
         space: space.id,

src/composables/useFormSpaceSettings.ts

@@ -25,7 +25,8 @@ const EMPTY_SPACE_FORM = {
     period: 0,
     quorum: 0,
     type: '',
-    privacy: ''
+    privacy: '',
+    aliased: false
   },
   validation: clone(DEFAULT_PROPOSAL_VALIDATION),
   voteValidation: clone(DEFAULT_VOTE_VALIDATION),

src/helpers/interfaces.ts

@@ -171,6 +171,7 @@ export interface ExtendedSpace {
     quorum: number | null;
     type: string | null;
     privacy: string | null;
+    aliased: boolean;
   };
 }
 

src/helpers/queries.ts

@@ -462,6 +462,7 @@ export const SPACE_QUERY = gql`
         quorum
         privacy
         hideAbstain
+        aliased
       }
       strategies {
         name

src/locales/default.json

@@ -448,6 +448,8 @@
     "voting": "Voting",
     "votingDelay": "Voting delay",
     "votingPeriod": "Voting period",
+    "enableAliased": "Allow actions with session keys",
+    "enableAliasedHint": "Voting, creating and deleting proposals will no longer require the user to manually sign each time.",
     "hours": "Hours",
     "days": "Days",
     "quorum": {