\n );\n }\n\n // Default fallthrough: time period has ended\n return (\n
\n {endedLabel || 'Ended'}\n
\n );\n}\n","import {SVGAttributes} from 'react';\n\nexport default function StopwatchSVG(props: SVGAttributes) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n","import React from 'react';\n\nimport {SquareRootVotingBar} from '.';\nimport ProposalPeriodCountdown from '../ProposalPeriodCountdown';\nimport StopwatchSVG from '../../../assets/svg/StopwatchSVG';\n\ntype VotingStatusProps = {\n hasVotingEnded: boolean;\n /**\n * A render prop to display status to before / after the clock timer is shown.\n */\n renderStatus: () => React.ReactNode;\n /**\n * A render prop: display the `ProposalPeriod` timer.\n * `renderTimer` Provides `ProposalPeriod` component as an argument.\n *\n * Passing the `ProposalPeriod` component via the render prop\n * gives the opportunity to easily show a timer for voting, or grace period, for example,\n * without adding more props.\n */\n renderTimer: (component: typeof ProposalPeriodCountdown) => React.ReactNode;\n /**\n * Set to `false` to hide percentage data under the voting progress bar.\n * Defaults to `true`.\n */\n showPercentages?: boolean;\n noUnits: Parameters[0]['noUnits'];\n totalUnits: Parameters[0]['totalUnits'];\n yesUnits: Parameters[0]['yesUnits'];\n};\n\nexport function VotingStatus(props: VotingStatusProps) {\n const {\n hasVotingEnded,\n noUnits,\n renderStatus,\n renderTimer,\n showPercentages = true,\n totalUnits,\n yesUnits,\n } = props;\n\n const renderedStatus = renderStatus();\n\n return (\n <>\n
\n\n {/* VOTES */}\n \n \n );\n}\n","import {useEffect} from 'react';\n\nimport {CycleEllipsis} from '../../feedback';\nimport {RenderCountdownTextProps} from '../ProposalPeriodCountdown';\nimport {useTimeStartEnd} from '../../../hooks';\nimport {VotingResult} from '../types';\nimport {VotingStatus} from './VotingStatus';\n\nexport type OffchainVotingStatusRenderStatusProps = {\n countdownGracePeriodEndMs: OffchainVotingStatusProps['countdownGracePeriodEndMs'];\n countdownGracePeriodStartMs: OffchainVotingStatusProps['countdownGracePeriodStartMs'];\n countdownVotingEndMs: OffchainVotingStatusProps['countdownVotingEndMs'];\n countdownVotingStartMs: OffchainVotingStatusProps['countdownVotingStartMs'];\n didVotePassSimpleMajority: boolean | undefined;\n gracePeriodStartEndInitReady: boolean;\n hasGracePeriodEnded: boolean;\n hasGracePeriodStarted: boolean;\n hasVotingEnded: boolean;\n hasVotingStarted: boolean;\n votingStartEndInitReady: boolean;\n};\n\nexport type OnGracePeriodChangeProps = {\n hasGracePeriodEnded: boolean;\n hasGracePeriodStarted: boolean;\n /**\n * Helpful if responding to events for multiple proposals\n */\n proposalId?: string;\n gracePeriodStartEndInitReady: boolean;\n};\n\nexport type OnVotingPeriodChangeProps = {\n hasVotingEnded: boolean;\n hasVotingStarted: boolean;\n /**\n * Helpful if responding to events for multiple proposals\n */\n proposalId?: string;\n votingStartEndInitReady: boolean;\n};\n\ntype OffchainVotingStatusProps = {\n /**\n * Voting start time\n * i.e. calculated from the `OffchainVoting` contract's vote's start time, or Snapshot proposal's start time\n */\n countdownVotingStartMs: number | undefined;\n /**\n * Voting end time\n * i.e. calculated from the `OffchainVoting` contract's vote's end time, or Snapshot proposal's end time\n */\n countdownVotingEndMs: number | undefined;\n /**\n * Grace period start time\n * i.e. calculated from the `OffchainVoting` contract's vote's start time, or Snapshot proposal's start time\n */\n countdownGracePeriodStartMs?: number;\n /**\n * Grace period end time\n * i.e. calculated from the `OffchainVoting` contract's vote's end time, or Snapshot proposal's end time\n */\n countdownGracePeriodEndMs?: number;\n /**\n * An optional callback to run on grace period time changes\n */\n onGracePeriodChange?: (p: OnGracePeriodChangeProps) => void;\n /**\n * An optional callback to run on voting time changes\n */\n onVotingPeriodChange?: (p: OnVotingPeriodChangeProps) => void;\n /**\n * An optional proposal ID if working with multiple proposals (i.e. listing).\n * Helps when repsonding to events from callbacks like `onVotingPeriodChange` and `onGracePeriodChange`.\n */\n proposalId?: string;\n /**\n * Render a custom status\n */\n renderStatus?: (p: OffchainVotingStatusRenderStatusProps) => React.ReactNode;\n /**\n * A single proposal's `VotingResult` (i.e. as provided by `useOffchainVotingResults`)\n */\n votingResult: VotingResult | undefined;\n};\n\nfunction renderCountdownText({\n days,\n hours,\n formatTimePeriod: format,\n}: RenderCountdownTextProps) {\n if (days > 0) {\n return `${format(days, 'day')} : ${format(hours, 'hr')}`;\n }\n}\n\n// Grace period label\nconst gracePeriodLabel = Grace period:;\n\nconst cycleEllipsisFadeInProps = {duration: 150};\n\n/**\n * OffchainVotingStatus\n *\n * A read-only component to show voting status information.\n *\n * @param {OffchainVotingStatusProps} props\n * @returns {JSX.Element}\n */\nexport function OffchainVotingStatus({\n countdownGracePeriodEndMs = 0,\n countdownGracePeriodStartMs = 0,\n countdownVotingEndMs = 0,\n countdownVotingStartMs = 0,\n onGracePeriodChange,\n onVotingPeriodChange,\n proposalId,\n renderStatus,\n votingResult,\n}: OffchainVotingStatusProps): JSX.Element {\n /**\n * Our hooks\n */\n\n const {\n hasTimeEnded: hasVotingEnded,\n hasTimeStarted: hasVotingStarted,\n timeStartEndInitReady: votingStartEndInitReady,\n } = useTimeStartEnd(\n countdownVotingStartMs / 1000,\n countdownVotingEndMs / 1000\n );\n\n const {\n hasTimeEnded: hasGracePeriodEnded,\n hasTimeStarted: hasGracePeriodStarted,\n timeStartEndInitReady: gracePeriodStartEndInitReady,\n } = useTimeStartEnd(\n countdownGracePeriodStartMs / 1000,\n countdownGracePeriodEndMs / 1000\n );\n\n /**\n * Variables\n */\n\n const isGracePeriodActive: boolean =\n gracePeriodStartEndInitReady &&\n hasGracePeriodStarted &&\n !hasGracePeriodEnded;\n\n const noUnits: number = votingResult?.No.units || 0;\n const totalUnits: number = votingResult?.totalUnits || 0;\n const yesUnits: number = votingResult?.Yes.units || 0;\n\n // We use `undefined` to indicate that the result has not yet been determined.\n const didVotePassSimpleMajority: boolean | undefined = hasVotingEnded\n ? yesUnits > noUnits\n : undefined;\n\n const renderedStatusFromProp = renderStatus?.({\n countdownGracePeriodEndMs,\n countdownGracePeriodStartMs,\n countdownVotingEndMs,\n countdownVotingStartMs,\n didVotePassSimpleMajority,\n gracePeriodStartEndInitReady,\n hasGracePeriodEnded,\n hasGracePeriodStarted,\n hasVotingEnded,\n hasVotingStarted,\n votingStartEndInitReady,\n });\n\n /**\n * Effects\n */\n\n // When voting times are updated, call the `onVotingPeriodChange` callback\n useEffect(() => {\n if (!votingStartEndInitReady) return;\n\n onVotingPeriodChange?.({\n hasVotingStarted,\n hasVotingEnded,\n proposalId,\n votingStartEndInitReady,\n });\n }, [\n hasVotingEnded,\n hasVotingStarted,\n onVotingPeriodChange,\n proposalId,\n votingStartEndInitReady,\n ]);\n\n // When voting times are updated, call the `onGracePeriodChange` callback\n useEffect(() => {\n if (!gracePeriodStartEndInitReady) return;\n\n onGracePeriodChange?.({\n hasGracePeriodEnded,\n hasGracePeriodStarted,\n proposalId,\n gracePeriodStartEndInitReady,\n });\n }, [\n gracePeriodStartEndInitReady,\n hasGracePeriodEnded,\n hasGracePeriodStarted,\n onGracePeriodChange,\n proposalId,\n ]);\n\n /**\n * Functions\n */\n\n function renderOffchainVotingStatus(): React.ReactNode {\n // Render status from prop\n if (renderedStatusFromProp) {\n return renderedStatusFromProp;\n }\n\n // Loading\n if (!votingStartEndInitReady) {\n return (\n \n );\n }\n\n // If in grace period, do not show a status.\n if (isGracePeriodActive) {\n return '';\n }\n\n // If passed on voting period ended\n if (didVotePassSimpleMajority) {\n return 'Approved';\n }\n\n // If failed on voting period ended\n if (didVotePassSimpleMajority === false) {\n return 'Failed';\n }\n }\n\n function renderTimer(\n ProposalPeriodComponent: Parameters<\n Parameters[0]['renderTimer']\n >[0]\n ): React.ReactNode {\n // Vote countdown timer\n if (votingStartEndInitReady && hasVotingStarted && !hasVotingEnded) {\n return (\n \n );\n }\n\n // Grace period countdown timer\n if (isGracePeriodActive) {\n return (\n \n );\n }\n }\n\n /**\n * Render\n */\n\n return (\n \n );\n}\n","import {SVGAttributes} from 'react';\n\nexport default function CheckSVG(props: SVGAttributes) {\n return (\n \n \n \n );\n}\n","import CheckSVG from '../../../assets/svg/CheckSVG';\n\ntype SquareRootVotingBarProps = {\n /**\n * Allow values to not be set as they may not be ready\n */\n yesUnits: number | undefined;\n /**\n * Allow values to not be set as they may not be ready\n */\n noUnits: number | undefined;\n /**\n * Allow values to not be set as they may not be ready\n */\n totalUnits: number | undefined;\n votingExpired: boolean;\n showPercentages: boolean;\n};\n\n/**\n * Provides a formatted number string for display as a percentage.\n * Two decimal places are used, unless the decimals are `.00`,\n * then they are removed.\n *\n * E.g. 50%; 50.77%; 0%\n *\n * @param units\n * @param totalUnits\n * @returns `string`\n */\nfunction getUnitsPercent(units: number, totalUnits: number): string {\n return ((units / totalUnits) * 100).toFixed(2).replace(/\\.00$/, '');\n}\n\nexport function SquareRootVotingBar({\n yesUnits = 0,\n noUnits = 0,\n totalUnits,\n votingExpired,\n showPercentages,\n}: SquareRootVotingBarProps) {\n /**\n * Variables\n */\n\n const percentYes = totalUnits ? getUnitsPercent(yesUnits, totalUnits) : '0';\n const percentNo = totalUnits ? getUnitsPercent(noUnits, totalUnits) : '0';\n\n /**\n * Render\n */\n\n return (\n
\n \n \n );\n }\n\n return {\n disabledReason,\n isDisabled,\n openWhyDisabledModal: handleOpenWhyDisabledModal,\n setOtherDisabledReasons: handleSetOtherDisabledReasonsCached,\n WhyDisabledModal: WhyDisabledModalCached,\n };\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport BigNumber from 'bignumber.js';\nimport Web3 from 'web3';\n\nimport {AsyncStatus} from '../util/types';\nimport {ENVIRONMENT, UNITS_ADDRESS} from '../config';\nimport {StoreState} from '../store/types';\nimport {useIsMounted} from './useIsMounted';\nimport {useWeb3Modal} from '../components/web3/hooks';\n\ntype UseMemberUnitsAtSnapshotReturn = {\n /**\n * Was the member to check a member of the DAO at the\n * requested snapshot?\n */\n hasMembershipAtSnapshot: boolean;\n /**\n * Member units as a `string`.\n * Convert to a `BigNumber`, if needed for calculation.\n */\n memberUnitsAtSnapshot: string | undefined;\n memberUnitsAtSnapshotError: Error | undefined;\n memberUnitsAtSnapshotStatus: AsyncStatus;\n};\n\nconst {STANDBY, PENDING, FULFILLED, REJECTED} = AsyncStatus;\n\nconst DEFAULT_POLL_INTERVAL_MS: number =\n ENVIRONMENT === 'production' ? 15000 : 5000;\n\nconst DEFAULT_BLOCK_CHECK_OFFSET: number = 2;\n\n/**\n * In order for `getPriorAmount` to return without reverting,\n * we must be sending a block number from the past.\n *\n * We must poll to wait until the block is in the past.\n * We could poll `getPriorAmount` until it does not revert, but\n * doing this could hide other errors.\n *\n * @param number `blockToCompare`\n * @param Web3 `web3Instance`\n * @returns `boolean`\n * @see `getPriorAmount` in `tribute-contracts`\n */\nasync function pollUntilBlockInPast({\n block,\n blockOffset = DEFAULT_BLOCK_CHECK_OFFSET,\n isMountedRef,\n pollInterval = DEFAULT_POLL_INTERVAL_MS,\n web3Instance,\n}: {\n block: number;\n blockOffset?: number;\n isMountedRef?: React.MutableRefObject;\n pollInterval?: number;\n web3Instance: Web3;\n}) {\n return new Promise(async (resolve, reject) => {\n /**\n * Uses a positive block offset to check if the difference between `block` provided\n * and `currentBlock` is at least at or greater than the `blockOffset`.\n *\n * This is used to limit errors from `getPriorAmount` when the block is not in the past.\n * If we set an offset, it helps to mitigate issues where the fetched block number\n * and the `block.number in the contract are not yet aligned.\n */\n const blockOffsetCheck = (block: number, currentBlock: number): boolean => {\n const blockDifference: number = currentBlock - block;\n\n return blockDifference >= Math.abs(blockOffset);\n };\n\n // Check immediately\n try {\n if (blockOffsetCheck(block, await web3Instance.eth.getBlockNumber())) {\n resolve(true);\n\n return;\n }\n } catch (error) {\n reject(error);\n\n return;\n }\n\n // If the initial check did not succeed, begin to poll.\n const intervalId = setInterval(async () => {\n try {\n if (!isMountedRef?.current) {\n clearInterval(intervalId);\n\n return;\n }\n\n if (blockOffsetCheck(block, await web3Instance.eth.getBlockNumber())) {\n clearInterval(intervalId);\n resolve(true);\n }\n } catch (error) {\n clearInterval(intervalId);\n reject(error);\n }\n }, pollInterval);\n });\n}\n\nexport function useMemberUnitsAtSnapshot(\n memberAddress: string | undefined,\n snapshot: number | undefined,\n options?: {\n blockCheckOffset?: number;\n currentBlockPollIntervalMs?: number;\n }\n): UseMemberUnitsAtSnapshotReturn {\n const {blockCheckOffset, currentBlockPollIntervalMs} = options || {};\n\n /**\n * Selectors\n */\n\n const bankExtensionMethods = useSelector(\n (s: StoreState) => s.contracts.BankExtensionContract?.instance.methods\n );\n\n /**\n * State\n */\n\n const [memberUnitsAtSnapshot, setMemberUnitsAtSnapshot] = useState();\n\n const [hasMembershipAtSnapshot, setHasMembershipAtSnapshot] =\n useState(false);\n\n const [memberUnitsAtSnapshotError, setMemberUnitsAtSnapshotError] =\n useState();\n\n const [memberUnitsAtSnapshotStatus, setMemberUnitsAtSnapshotStatus] =\n useState(STANDBY);\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n const {isMountedRef} = useIsMounted();\n\n /**\n * Cached Callbacks\n */\n\n const handleGetPriorUnitsAmountCached = useCallback(\n handleGetPriorUnitsAmount,\n [isMountedRef]\n );\n\n /**\n * Effects\n */\n\n useEffect(() => {\n // These parameters may be arriving async and not ready, yet.\n if (!memberAddress || !snapshot || !bankExtensionMethods || !web3Instance) {\n return;\n }\n\n handleGetPriorUnitsAmountCached({\n bankExtensionMethods,\n blockCheckOffset,\n currentBlockPollIntervalMs,\n memberAddress,\n snapshot,\n web3Instance,\n });\n }, [\n bankExtensionMethods,\n blockCheckOffset,\n currentBlockPollIntervalMs,\n handleGetPriorUnitsAmountCached,\n memberAddress,\n snapshot,\n web3Instance,\n ]);\n\n /**\n * Functions\n */\n\n async function handleGetPriorUnitsAmount({\n bankExtensionMethods,\n blockCheckOffset,\n currentBlockPollIntervalMs,\n memberAddress,\n snapshot,\n web3Instance,\n }: {\n bankExtensionMethods: any;\n blockCheckOffset?: number;\n currentBlockPollIntervalMs?: number;\n memberAddress: string;\n snapshot: number;\n web3Instance: Web3;\n }): Promise {\n try {\n // Reset any error\n setMemberUnitsAtSnapshotError(undefined);\n setMemberUnitsAtSnapshotStatus(PENDING);\n\n /**\n * Poll until we are at a block in the past.\n *\n * For example, in governance votes, this can be an issue for anyone trying\n * to vote in the same block as the proposal's snapshot,\n * as `getPriorAmount` will revert if `blockToCheck >= block.number`.\n *\n * This is not an issue with on-chain proposals.\n */\n await pollUntilBlockInPast({\n block: snapshot,\n blockOffset: blockCheckOffset,\n isMountedRef,\n pollInterval: currentBlockPollIntervalMs,\n web3Instance,\n });\n\n const memberUnitsAtSnapshot: string = await bankExtensionMethods\n .getPriorAmount(memberAddress, UNITS_ADDRESS, snapshot)\n .call();\n\n if (!isMountedRef.current) return;\n\n setMemberUnitsAtSnapshot(memberUnitsAtSnapshot);\n\n setHasMembershipAtSnapshot(\n new BigNumber(memberUnitsAtSnapshot).isGreaterThan(new BigNumber(0))\n );\n\n setMemberUnitsAtSnapshotStatus(FULFILLED);\n } catch (error) {\n if (!isMountedRef.current) return;\n\n setHasMembershipAtSnapshot(false);\n setMemberUnitsAtSnapshot(undefined);\n setMemberUnitsAtSnapshotError(error);\n setMemberUnitsAtSnapshotStatus(REJECTED);\n }\n }\n\n return {\n hasMembershipAtSnapshot,\n memberUnitsAtSnapshot,\n memberUnitsAtSnapshotError,\n memberUnitsAtSnapshotStatus,\n };\n}\n","import {useEffect, useRef, useState} from 'react';\n\nimport {AsyncStatus} from '../util/types';\n\ntype UseTimeStartEndReturn = {\n hasTimeEnded: boolean;\n hasTimeStarted: boolean;\n /**\n * Informs if the initial async checks have run.\n * This helps to tame UI false-positives that can arise when\n * using only booleans to check status.\n */\n timeStartEndInitReady: boolean;\n};\n\ntype StartEndStatus = {start: AsyncStatus; end: AsyncStatus};\n\nconst {FULFILLED, PENDING, STANDBY} = AsyncStatus;\n\nfunction areAllAsyncReady(asyncMapping: Record) {\n return Object.values(asyncMapping).every((s) => s === FULFILLED);\n}\n\n/**\n * Provides `boolean` results when time starts and ends.\n *\n * If either `startSeconds` or `endSeconds` are `undefined`, or `<= 0`\n * the checks will never run; only `timeStartEndInitReady` will ever be `true`.\n *\n * @param startSeconds\n * @param endSeconds\n * @returns `UseTimeStartEndReturn`\n */\nexport function useTimeStartEnd(\n startSeconds: number | undefined,\n endSeconds: number | undefined\n): UseTimeStartEndReturn {\n /**\n * Refs\n */\n\n const startEndStatusRef = useRef({\n start: STANDBY,\n end: STANDBY,\n });\n\n /**\n * State\n */\n\n const [hasTimeStarted, setHasTimeStarted] = useState(false);\n const [hasTimeEnded, setHasTimeEnded] = useState(false);\n\n const [timeStartEndInitReady, setTimeStartEndInitReady] = useState(\n areAllAsyncReady(startEndStatusRef.current)\n );\n\n /**\n * Variables\n */\n\n const shouldNotCheck: boolean =\n startSeconds === undefined ||\n endSeconds === undefined ||\n startSeconds <= 0 ||\n endSeconds <= 0;\n\n /**\n * Effects\n */\n\n // Actively check if time has started\n useEffect(() => {\n if (hasTimeStarted || shouldNotCheck) {\n setTimeStartEndInitReady(() => {\n startEndStatusRef.current.start = FULFILLED;\n return areAllAsyncReady(startEndStatusRef.current);\n });\n\n return;\n }\n\n setTimeStartEndInitReady(() => {\n startEndStatusRef.current.start = PENDING;\n return areAllAsyncReady(startEndStatusRef.current);\n });\n\n // Check if time has started every 1 second\n const intervalID = setInterval(() => {\n const hasStartedCheck: boolean =\n Math.floor(Date.now() / 1000) > (startSeconds ?? 0);\n\n setHasTimeStarted(hasStartedCheck);\n\n // The interval async process has run once\n if (startEndStatusRef.current.start !== FULFILLED) {\n setTimeStartEndInitReady(() => {\n startEndStatusRef.current.start = FULFILLED;\n return areAllAsyncReady(startEndStatusRef.current);\n });\n }\n }, 1000);\n\n return function cleanup() {\n if (intervalID) {\n clearInterval(intervalID);\n }\n };\n }, [hasTimeStarted, shouldNotCheck, startSeconds]);\n\n // Actively check if time has ended\n useEffect(() => {\n if (hasTimeEnded || shouldNotCheck) {\n setTimeStartEndInitReady(() => {\n startEndStatusRef.current.end = FULFILLED;\n return areAllAsyncReady(startEndStatusRef.current);\n });\n\n return;\n }\n\n setTimeStartEndInitReady(() => {\n startEndStatusRef.current.end = PENDING;\n return areAllAsyncReady(startEndStatusRef.current);\n });\n\n // Check if time has ended every 1 second\n const intervalID = setInterval(() => {\n const hasEndedCheck: boolean =\n Math.ceil(Date.now() / 1000) > (endSeconds ?? 0);\n\n setHasTimeEnded(hasEndedCheck);\n\n // The interval async process has run once\n if (startEndStatusRef.current.end !== FULFILLED) {\n setTimeStartEndInitReady(() => {\n startEndStatusRef.current.end = FULFILLED;\n return areAllAsyncReady(startEndStatusRef.current);\n });\n }\n }, 1000);\n\n return function cleanup() {\n if (intervalID) {\n clearInterval(intervalID);\n }\n };\n }, [endSeconds, hasTimeEnded, shouldNotCheck]);\n\n return {\n hasTimeStarted,\n hasTimeEnded,\n timeStartEndInitReady,\n };\n}\n","import {\n SnapshotDraftData,\n SnapshotProposalData,\n SnapshotDraftResponseData,\n SnapshotProposalResponseData,\n SnapshotType,\n VoteChoices,\n} from '@openlaw/snapshot-js-erc712';\nimport {AbiItem} from 'web3-utils/types';\nimport {Contract} from 'web3-eth-contract/types';\n\nimport {ContractAdapterNames} from '../web3/types';\nimport {VotingAdapterName} from '../adapters-extensions/enums';\nimport {VotingState} from './voting/types';\n\n/**\n * ENUMS\n */\n\n/**\n * Mapping of DaoRegistry proposal flags.\n * This should match the enum (including order) in the `DaoRegistry`. If it does not match,\n * the results of checking the proposal's state via flag will be wrong.\n *\n * @see `ProposalFlag` `DaoRegistry.sol`\n * @see `getFlag` `DaoConstants.sol`\n * @see `setFlag` `DaoConstants.sol`\n */\nexport enum ProposalFlag {\n EXISTS,\n SPONSORED,\n PROCESSED,\n}\n\n// @todo Need more information about the vote challenge flow.\nexport enum ProposalFlowStatus {\n Submit = 'Submit',\n Sponsor = 'Sponsor',\n OffchainVoting = 'OffchainVoting',\n OffchainVotingSubmitResult = 'OffchainVotingSubmitResult',\n OffchainVotingGracePeriod = 'OffchainVotingGracePeriod',\n OnchainVoting = 'OnchainVoting',\n Process = 'Process',\n Completed = 'Completed',\n}\n\n/**\n * @see `Distribute.sol` in tribute-contracts\n */\nexport enum DistributionStatus {\n NOT_STARTED,\n IN_PROGRESS,\n DONE,\n FAILED,\n}\n\n/**\n * This is an internal type we use for sending to Snapshot Hub via\n * `metadata: {}` to indicate the proposal is only meant for xyz.\n *\n * @note Only set the `metadata.type` in the case where the proposal's usage\n * cannot be determined by the `actionId` (adapter address) alone.\n */\nexport enum SnapshotMetadataType {\n Governance = 'Governance',\n}\n\n/**\n * TYPES\n */\n\nexport type Proposal = {\n adapterAddress: string;\n flags: string; // unint256 of Proposal's current flag\n};\n\n// Arguments for an optional render prop for `` and its child action wrapping components.\nexport type RenderActionPropArguments = {\n [VotingAdapterName.OffchainVotingContract]: {\n adapterName: ContractAdapterNames;\n // An enum name (`string`) of the DAO proposal's `VotingState` index\n daoProposalVoteResult: typeof VotingState[any] | undefined;\n daoProposalVote: OffchainVotingAdapterVote | undefined;\n gracePeriodStartMs: number | undefined;\n gracePeriodEndMs: number | undefined;\n proposal: ProposalData;\n status: ProposalFlowStatus | undefined;\n };\n};\n\n// @todo Change the type to be precise\nexport type SubgraphProposal = Record;\n\n/**\n * We augment the response data to add a few helpful data pieces.\n */\nexport type SnapshotDraft = {\n /**\n * The ID used to reference the DAO.\n */\n idInDAO: string;\n /**\n * An ID helper to reference the Draft hash\n */\n idInSnapshot: string;\n} & SnapshotDraftResponseData;\n\n/**\n * We augment the response data to add a few helpful data pieces.\n */\nexport type SnapshotProposal = {\n /**\n * The ID used to reference the DAO.\n */\n idInDAO: string;\n /**\n * An ID helper to reference the Proposal hash\n */\n idInSnapshot: string;\n} & SnapshotProposalResponseData;\n\n/**\n * Common data shared between a Snapshot Drafts and Proposals.\n * Helpful when we need to display information which is accessible on both.\n */\nexport type SnapshotProposalCommon = SnapshotDraft | SnapshotProposal;\n\nexport type ProposalData = {\n // @todo Make non-nullable?\n idInDAO?: string;\n // @todo Make non-nullable?\n daoProposalVotingAdapter?: ProposalVotingAdapterData;\n // @todo Make non-nullable?\n daoProposalVote?: ProposalVotesData;\n // @todo Make non-nullable?\n daoProposalVotingState?: VotingState;\n daoProposal: Proposal | undefined;\n /**\n * Data for either a Draft or Proposal which is shared between the two types.\n */\n getCommonSnapshotProposalData: () => SnapshotProposalCommon | undefined;\n refetchProposalOrDraft: () => void;\n snapshotDraft: SnapshotDraft | undefined;\n snapshotProposal: SnapshotProposal | undefined;\n snapshotType: ProposalOrDraftSnapshotType | undefined;\n};\n\n/**\n * A conditional helper type for determining which data shape to use.\n *\n * @link https://www.typescriptlang.org/docs/handbook/2/conditional-types.html\n */\nexport type ProposalOrDraftSnapshotData =\n | SnapshotDraftResponseData\n | SnapshotProposalResponseData;\n\nexport type ProposalOrDraftSnapshotType =\n | SnapshotType.proposal\n | SnapshotType.draft;\n\n/**\n * A conditional helper type for determining which data shape to use based on the `ProposalOrDraftSnapshotType`.\n *\n * @link https://www.typescriptlang.org/docs/handbook/2/conditional-types.html\n */\nexport type ProposalOrDraftSignDataFromType<\n T extends ProposalOrDraftSnapshotType\n> = T extends SnapshotType.proposal ? SnapshotProposalData : SnapshotDraftData;\n\n/**\n * Voting.sol->Voting\n *\n * @link https://github.com/openlawteam/tribute-contracts/blob/master/contracts/adapters/voting/Voting.sol\n */\nexport type VotingAdapterVotes = {\n blockNumber: string;\n nbNo: string;\n nbYes: string;\n startingTime: string;\n};\n\n/**\n * OffchainVoting.sol->Voting\n *\n * @link https://github.com/openlawteam/tribute-contracts/blob/master/contracts/adapters/voting/OffchainVoting.sol\n */\nexport type OffchainVotingAdapterVote = {\n fallbackVotesCount: string;\n forceFailed: boolean;\n gracePeriodStartingTime: string;\n index: string;\n isChallenged: boolean;\n nbNo: string;\n nbYes: string;\n reporter: string;\n resultRoot: string;\n snapshot: string;\n startingTime: string;\n};\n\n/**\n * VotingResult\n *\n * A custom result we build to deliver to components.\n * It should accommodate all types of yes/no voting (i.e. on-chain, off-chain).\n */\n\nexport type VoteChoiceResult = {\n percentage: number;\n units: number;\n};\n\nexport type VotingResult = {\n [VoteChoices.Yes]: VoteChoiceResult;\n [VoteChoices.No]: VoteChoiceResult;\n totalUnits: number;\n};\n\n/**\n * Proposal's voting adapter data\n */\nexport type ProposalVotingAdapterData = {\n votingAdapterName: VotingAdapterName;\n votingAdapterAddress: string;\n /**\n * Get the ABI for the proposal.\n * The object is not included inline to\n * save from repetitive data (some ABIs can be large).\n */\n getVotingAdapterABI: () => AbiItem[];\n // Helper to use the Web3 Contract directly\n getWeb3VotingAdapterContract: () => Contract;\n};\n\nexport type ProposalVotingAdapterTuple = [\n proposalId: string,\n votingAdapterData: ProposalVotingAdapterData\n];\n\n/**\n * Proposal on-chain votes data\n *\n * @see `useProposalsVotes`\n */\nexport type ProposalVotesData = {\n [VotingAdapterName.OffchainVotingContract]?: OffchainVotingAdapterVote;\n [VotingAdapterName.VotingContract]?: VotingAdapterVotes;\n};\n","import React, {useEffect, useState} from 'react';\n\ninterface IProps {\n // Show spinner after some time has elapsed.\n // Prevents the \"sudden spinner\" UI/UX no-no.\n // Esp. if we could have cached data.\n showAfterMs?: number;\n text?: string;\n textProps?: {[key: string]: any};\n}\n\nfunction Spinner(props: Partial) {\n return ;\n}\n\nconst Loader = (\n props: IProps & React.PropsWithoutRef\n) => {\n const {showAfterMs, text, textProps, ...loaderProps} = props;\n const [showLoaderAfterMs, setShowLoaderAfterMs] = useState(false);\n\n useEffect(() => {\n /* 200ms is approx. the time a user will notice a stalled, blank screen */\n const timeoutId =\n showAfterMs && setTimeout(() => setShowLoaderAfterMs(true), showAfterMs);\n\n return function cleanup() {\n timeoutId && clearTimeout(timeoutId);\n };\n }, [showAfterMs]);\n\n return (!showAfterMs || (showAfterMs && showLoaderAfterMs)) && props.text ? (\n
\n \n \n {text}\n \n
\n ) : (!showAfterMs || (showAfterMs && showLoaderAfterMs)) && !props.text ? (\n \n ) : null;\n};\n\nexport default Loader;\n","import {ToStepNodeResult} from '@openlaw/snapshot-js-erc712/dist/types';\n\n/**\n * @see `IVoting.sol` in tribute-contracts\n */\nexport enum VotingState {\n NOT_STARTED,\n TIE,\n PASS,\n NOT_PASS,\n IN_PROGRESS,\n GRACE_PERIOD,\n}\n\n/**\n * @see `OffchainVoting.sol->getBadNodeError` in tribute-contracts\n */\nexport enum BadNodeError {\n OK,\n WRONG_PROPOSAL_ID,\n INVALID_CHOICE,\n AFTER_VOTING_PERIOD,\n BAD_SIGNATURE,\n INDEX_OUT_OF_BOUND,\n}\n\n/**\n * Response when calling `GET snapshot-hub/api/:space/offchain_proof/:merkle_root`\n */\nexport type SnapshotOffchainProofResponse = {\n merkle_root: string;\n space: string;\n steps: ToStepNodeResult[];\n};\n","import {lazy, Suspense} from 'react';\n\ntype WalletIconProps = {\n providerName: string | undefined;\n};\n\n/**\n * Lazy load SVG's\n */\n\nconst MetaMaskSVG = lazy(() => import('../../assets/svg/MetaMaskSVG'));\n\nconst WalletConnectSVG = lazy(\n () => import('../../assets/svg/WalletConnectSVG')\n);\n\n// Mapping of provider name to lazy component\nconst walletIconMap: Record = {\n injected: ,\n walletconnect: ,\n};\n\nexport function WalletIcon({\n providerName,\n}: WalletIconProps): JSX.Element | null {\n if (!providerName || !walletIconMap[providerName]) return null;\n\n return (\n \n \n {walletIconMap[providerName]}\n \n \n );\n}\n","import {useState, useEffect, useCallback} from 'react';\nimport {useSelector} from 'react-redux';\nimport usePreviousDistinct from 'react-use/lib/usePreviousDistinct';\nimport {AbiItem} from 'web3-utils';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {StoreState} from '../../../store/types';\nimport {multicall, MulticallTuple} from '../../../components/web3/helpers';\nimport {useWeb3Modal} from '../../../components/web3/hooks';\nimport {normalizeString, truncateEthAddress} from '../../../util/helpers';\n\ntype UseCheckApplicantReturn = {\n checkApplicantError: Error | undefined;\n checkApplicantInvalidMsg: string | undefined;\n checkApplicantStatus: AsyncStatus;\n isApplicantValid: boolean | undefined;\n};\n\n/**\n * useCheckApplicant\n *\n * Checks if the provided applicant address is valid to become a potential new member.\n *\n * @export\n * @param {string} [address]\n * @returns {UseCheckApplicantReturn}\n */\nexport function useCheckApplicant(address?: string): UseCheckApplicantReturn {\n /**\n * Selectors\n */\n\n const DaoRegistryContract = useSelector(\n (state: StoreState) => state.contracts.DaoRegistryContract\n );\n\n /**\n * State\n */\n\n const [checkApplicantError, setCheckApplicantError] = useState();\n\n const [checkApplicantInvalidMsg, setCheckApplicantInvalidMsg] =\n useState();\n\n const [checkApplicantStatus, setCheckApplicantStatus] = useState(\n AsyncStatus.STANDBY\n );\n\n const [isApplicantValid, setIsApplicantValid] = useState();\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n\n /**\n * Their hooks\n */\n\n const prevAddress = usePreviousDistinct(address);\n\n /**\n * Cached callbacks\n */\n\n const checkApplicantValidityCached = useCallback(checkApplicantValidity, [\n DaoRegistryContract,\n address,\n web3Instance,\n ]);\n\n /**\n * Effects\n */\n\n useEffect(() => {\n // Reset state if no address is detected\n if (prevAddress && !address) {\n setCheckApplicantError(undefined);\n setCheckApplicantInvalidMsg(undefined);\n setIsApplicantValid(undefined);\n setCheckApplicantStatus(AsyncStatus.STANDBY);\n }\n\n if (address) {\n checkApplicantValidityCached();\n }\n }, [address, checkApplicantValidityCached, prevAddress]);\n\n /**\n * Functions\n */\n\n async function checkApplicantValidity() {\n if (!address || !DaoRegistryContract || !web3Instance) return;\n\n try {\n setCheckApplicantStatus(AsyncStatus.PENDING);\n\n const truncatedAddress = truncateEthAddress(address, 7);\n\n const {abi: daoRegistryABI, contractAddress: daoRegistryAddress} =\n DaoRegistryContract;\n\n // Build calls to DaoRegistry contract (which includes relevant DaoConstants functions)\n const getIsNotReservedAddressABI = daoRegistryABI.find(\n (item) => item.name === 'isNotReservedAddress'\n );\n const isNotReservedAddressCall: MulticallTuple = [\n daoRegistryAddress,\n getIsNotReservedAddressABI as AbiItem,\n [address],\n ];\n\n const getIsNotZeroAddressABI = daoRegistryABI.find(\n (item) => item.name === 'isNotZeroAddress'\n );\n const isNotZeroAddressCall: MulticallTuple = [\n daoRegistryAddress,\n getIsNotZeroAddressABI as AbiItem,\n [address],\n ];\n\n const getGetAddressIfDelegatedABI = daoRegistryABI.find(\n (item) => item.name === 'getAddressIfDelegated'\n );\n const getAddressIfDelegatedCall: MulticallTuple = [\n daoRegistryAddress,\n getGetAddressIfDelegatedABI as AbiItem,\n [address],\n ];\n\n const calls = [\n isNotReservedAddressCall,\n isNotZeroAddressCall,\n getAddressIfDelegatedCall,\n ];\n\n const [\n isNotReservedAddressResult,\n isNotZeroAddressResult,\n getAddressIfDelegatedResult,\n ]: [boolean, boolean, string] = await multicall({calls, web3Instance});\n\n if (!isNotReservedAddressResult) {\n // Applicant address cannot be a reserved address.\n setIsApplicantValid(false);\n setCheckApplicantInvalidMsg(\n `The applicant address ${truncatedAddress} is invalid because it is a DAO reserved address.`\n );\n } else if (!isNotZeroAddressResult) {\n // Applicant address cannot be 0x0 address.\n setIsApplicantValid(false);\n setCheckApplicantInvalidMsg(\n `The applicant address ${truncatedAddress} is invalid.`\n );\n } else if (\n normalizeString(address) !==\n normalizeString(getAddressIfDelegatedResult)\n ) {\n // Applicant address cannot already be in use as a delegate key.\n setIsApplicantValid(false);\n setCheckApplicantInvalidMsg(\n `The applicant address ${truncatedAddress} is already in use as a delegate key. The address must be removed as a delegate before it can become a member.`\n );\n } else {\n setIsApplicantValid(true);\n setCheckApplicantInvalidMsg(undefined);\n }\n\n setCheckApplicantStatus(AsyncStatus.FULFILLED);\n } catch (error) {\n setIsApplicantValid(undefined);\n setCheckApplicantInvalidMsg(undefined);\n setCheckApplicantError(error);\n setCheckApplicantStatus(AsyncStatus.REJECTED);\n }\n }\n\n return {\n checkApplicantError,\n checkApplicantInvalidMsg,\n checkApplicantStatus,\n isApplicantValid,\n };\n}\n","import {AbiItem} from 'web3-utils/types';\nimport {useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport Web3 from 'web3';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {multicall, MulticallTuple} from '../../web3/helpers';\nimport {Proposal} from '../types';\nimport {StoreState} from '../../../store/types';\nimport {useWeb3Modal} from '../../web3/hooks';\n\ntype DaoProposalEntries = [proposalId: string, proposal: Proposal][];\n\ntype UseDaoProposalsReturn = {\n daoProposals: DaoProposalEntries;\n daoProposalsStatus: AsyncStatus;\n daoProposalsError: Error | undefined;\n};\n\nconst INITIAL_DAO_PROPOSAL_ENTRIES: DaoProposalEntries = [];\n\n/**\n * useDaoProposals\n *\n * Gets `proposals` by their id from the DAO via `multicall`.\n *\n * @param proposalIds\n * @returns `UseDaoProposalsReturn`\n */\nexport function useDaoProposals(proposalIds: string[]): UseDaoProposalsReturn {\n /**\n * Selectors\n */\n\n const proposalsAbi = useSelector((s: StoreState) =>\n s.contracts.DaoRegistryContract?.abi.find((a) => a.name === 'proposals')\n );\n\n const registryAddress = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.contractAddress\n );\n\n /**\n * State\n */\n\n const [daoProposals, setDaoProposals] = useState(\n INITIAL_DAO_PROPOSAL_ENTRIES\n );\n\n const [daoProposalsStatus, setDaoProposalsStatus] = useState(\n AsyncStatus.STANDBY\n );\n\n const [daoProposalsError, setDaoProposalsError] = useState();\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n\n /**\n * Effects\n */\n\n useEffect(() => {\n if (\n !proposalIds.length ||\n !proposalsAbi ||\n !registryAddress ||\n !web3Instance\n ) {\n return;\n }\n\n handleGetDaoProposals({\n proposalIds,\n proposalsAbi,\n registryAddress,\n web3Instance,\n });\n }, [proposalIds, proposalsAbi, registryAddress, web3Instance]);\n\n /**\n * Functions\n */\n\n async function handleGetDaoProposals({\n proposalIds,\n proposalsAbi,\n registryAddress,\n web3Instance,\n }: {\n proposalIds: string[];\n proposalsAbi: AbiItem;\n registryAddress: string;\n web3Instance: Web3;\n }) {\n try {\n if (!proposalIds.length) return;\n\n // Only use hex (more specifically `bytes32`) id's\n const safeProposalIds = proposalIds.filter(\n web3Instance.utils.isHexStrict\n );\n\n if (!safeProposalIds.length) {\n setDaoProposalsStatus(AsyncStatus.FULFILLED);\n setDaoProposals([]);\n\n return;\n }\n\n setDaoProposalsStatus(AsyncStatus.PENDING);\n // Reset error\n setDaoProposalsError(undefined);\n\n const calls: MulticallTuple[] = safeProposalIds.map((id) => [\n registryAddress,\n proposalsAbi,\n [id],\n ]);\n\n const proposals = await multicall({\n calls,\n web3Instance,\n });\n\n setDaoProposals(safeProposalIds.map((id, i) => [id, proposals[i]]));\n setDaoProposalsStatus(AsyncStatus.FULFILLED);\n } catch (error) {\n setDaoProposals(INITIAL_DAO_PROPOSAL_ENTRIES);\n setDaoProposalsError(error);\n setDaoProposalsStatus(AsyncStatus.REJECTED);\n }\n }\n\n return {\n daoProposals,\n daoProposalsStatus,\n daoProposalsError,\n };\n}\n","import {AbiItem} from 'web3-utils/types';\nimport {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {VoteChoicesIndex} from '@openlaw/snapshot-js-erc712';\nimport Web3 from 'web3';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {multicall, MulticallTuple} from '../../web3/helpers';\nimport {SnapshotProposal, VotingResult} from '../types';\nimport {StoreState} from '../../../store/types';\nimport {UNITS_ADDRESS, TOTAL_ADDRESS} from '../../../config';\nimport {useIsMounted} from '../../../hooks';\nimport {useWeb3Modal} from '../../web3/hooks';\nimport {VoteChoices} from '../../web3/types';\n\ntype OffchainVotingResultEntries = [\n proposalHash: string,\n votingResult: VotingResult\n][];\n\ntype UseOffchainVotingResultsReturn = {\n offchainVotingResults: OffchainVotingResultEntries;\n offchainVotingResultsError: Error | undefined;\n offchainVotingResultsStatus: AsyncStatus;\n};\n\n/**\n * @todo Polling\n */\nexport function useOffchainVotingResults(\n /**\n * Accepts a single `SnapshotProposal` or `SnapshotProposal[]`\n */\n proposals: (SnapshotProposal | undefined) | (SnapshotProposal | undefined)[]\n): UseOffchainVotingResultsReturn {\n /**\n * Selectors\n */\n\n const bankABI = useSelector(\n (s: StoreState) => s.contracts.BankExtensionContract?.abi\n );\n const bankAddress = useSelector(\n (s: StoreState) => s.contracts.BankExtensionContract?.contractAddress\n );\n\n /**\n * State\n */\n\n const [votingResults, setVotingResults] =\n useState([]);\n\n const [offchainVotingResultsStatus, setOffchainVotingResultsStatus] =\n useState(AsyncStatus.STANDBY);\n\n const [offchainVotingResultsError, setOffchainVotingResultsError] = useState<\n Error | undefined\n >();\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n const {isMountedRef} = useIsMounted();\n\n /**\n * Variables\n */\n\n const getPriorAmountABI = bankABI?.find(\n (item) => item.name === 'getPriorAmount'\n );\n\n /**\n * Cached callbacks\n */\n\n const getUnitsPerChoiceCached = useCallback(\n getUnitsPerChoiceFromContract,\n []\n );\n\n /**\n * Effects\n */\n\n // Build result entries of `OffchainVotingResultEntries`\n useEffect(() => {\n const proposalsToMap = Array.isArray(proposals) ? proposals : [proposals];\n\n if (\n !bankAddress ||\n !getPriorAmountABI ||\n !proposalsToMap.length ||\n !web3Instance\n ) {\n return;\n }\n\n setOffchainVotingResultsStatus(AsyncStatus.PENDING);\n\n const votingResultPromises = proposalsToMap.map(async (p) => {\n const snapshot = p?.msg.payload.snapshot;\n const idInSnapshot = p?.idInSnapshot;\n\n if (!idInSnapshot || !snapshot) return;\n\n const voterEntries = p?.votes?.map((v): [string, number] => {\n const vote = v[Object.keys(v)[0]];\n\n return [\n /**\n * Must be the true member's address for calculating voting power.\n * This value is (or at least should be) derived from `OffchainVoting.memberAddressesByDelegatedKey`.\n */\n vote.msg.payload.metadata.memberAddress,\n vote.msg.payload.choice,\n ];\n });\n\n if (!voterEntries || !voterEntries.length) return;\n\n // Dedupe any duplicate addresses to be safe.\n const voterAddressesAndChoices = Object.entries(\n Object.fromEntries(voterEntries)\n );\n\n try {\n const result = await getUnitsPerChoiceCached({\n bankAddress,\n getPriorAmountABI,\n snapshot,\n voterAddressesAndChoices,\n web3Instance,\n });\n\n return [idInSnapshot, result];\n } catch (error) {\n return;\n }\n });\n\n Promise.all(votingResultPromises)\n .then((p) => p.filter((p) => p) as OffchainVotingResultEntries)\n .then((r) => {\n if (!isMountedRef.current) return;\n\n setOffchainVotingResultsStatus(AsyncStatus.FULFILLED);\n setVotingResults(r);\n setOffchainVotingResultsError(undefined);\n })\n .catch((error) => {\n if (!isMountedRef.current) return;\n\n setOffchainVotingResultsStatus(AsyncStatus.REJECTED);\n setVotingResults([]);\n setOffchainVotingResultsError(error);\n });\n }, [\n bankAddress,\n getPriorAmountABI,\n getUnitsPerChoiceCached,\n isMountedRef,\n proposals,\n web3Instance,\n ]);\n\n /**\n * Functions\n */\n\n async function getUnitsPerChoiceFromContract({\n bankAddress,\n getPriorAmountABI,\n snapshot,\n voterAddressesAndChoices,\n web3Instance,\n }: {\n bankAddress: string;\n getPriorAmountABI: AbiItem;\n snapshot: number;\n voterAddressesAndChoices: [string, number][];\n web3Instance: Web3;\n }): Promise {\n try {\n // Create results object to set later\n const results = {\n [VoteChoices.Yes]: {\n percentage: 0,\n units: 0,\n },\n [VoteChoices.No]: {\n percentage: 0,\n units: 0,\n },\n totalUnits: 0,\n };\n\n // Build a call for total units\n const totalUnitsCall: MulticallTuple = [\n bankAddress,\n getPriorAmountABI,\n [\n TOTAL_ADDRESS, // account\n UNITS_ADDRESS, // tokenAddr\n snapshot.toString(), // blockNumber\n ],\n ];\n\n // Build calls to Bank contract\n const unitsCalls = voterAddressesAndChoices.map(\n ([address]): MulticallTuple => [\n bankAddress,\n getPriorAmountABI,\n [\n address, // account\n UNITS_ADDRESS, // tokenAddr\n snapshot.toString(), // blockNumber\n ],\n ]\n );\n\n const calls = [totalUnitsCall, ...unitsCalls];\n\n const [totalUnitsResult, ...votingResults]: string[] = await multicall({\n calls,\n web3Instance,\n });\n\n // Set Units values for choices\n votingResults.forEach((units, i) => {\n const isYes =\n VoteChoicesIndex[voterAddressesAndChoices[i][1]] ===\n VoteChoicesIndex[VoteChoicesIndex.Yes];\n const choice = isYes ? VoteChoices.Yes : VoteChoices.No;\n\n results[choice].units += Number(units);\n });\n\n // Set percentages\n results[VoteChoices.Yes].percentage =\n (results[VoteChoices.Yes].units / Number(totalUnitsResult)) * 100;\n\n results[VoteChoices.No].percentage =\n (results[VoteChoices.No].units / Number(totalUnitsResult)) * 100;\n\n // Set total units\n results.totalUnits = Number(totalUnitsResult);\n\n return results;\n } catch (error) {\n throw error;\n }\n }\n\n return {\n offchainVotingResults: votingResults,\n offchainVotingResultsError,\n offchainVotingResultsStatus,\n };\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {BURN_ADDRESS} from '../../../util/constants';\nimport {getVotingAdapterABI} from '../helpers';\nimport {multicall, MulticallTuple} from '../../web3/helpers';\nimport {ProposalVotingAdapterData} from '../types';\nimport {StoreState} from '../../../store/types';\nimport {useWeb3Modal} from '../../web3/hooks';\nimport {VotingAdapterName} from '../../adapters-extensions/enums';\n\ntype ProposalVotingAdapterTuple = [\n proposalId: string,\n votingAdapterData: ProposalVotingAdapterData\n];\n\ntype UseProposalsVotingAdapterReturn = {\n proposalsVotingAdapters: ProposalVotingAdapterTuple[];\n proposalsVotingAdaptersError: Error | undefined;\n proposalsVotingAdaptersStatus: AsyncStatus;\n};\n\nconst INITIAL_VOTING_ADAPTERS: ProposalVotingAdapterTuple[] = [];\n\n/**\n * Fetch voting adapter data for proposals by DAO proposal id.\n * Only returns data for proposals of which voting adapters have been assigned (i.e. sponsored).\n *\n * @param {string[]}\n * @returns {UseProposalsVotingAdapterReturn}\n */\nexport function useProposalsVotingAdapter(\n proposalIds: string[]\n): UseProposalsVotingAdapterReturn {\n /**\n * Selectors\n */\n\n const registryAddress = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.contractAddress\n );\n const registryABI = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.abi\n );\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n\n /**\n * State\n */\n\n const [proposalsVotingAdapters, setProposalsVotingAdapters] = useState<\n ProposalVotingAdapterTuple[]\n >(INITIAL_VOTING_ADAPTERS);\n\n const [proposalsVotingAdaptersError, setProposalsVotingAdaptersError] =\n useState();\n\n const [proposalsVotingAdaptersStatus, setProposalsVotingAdaptersStatus] =\n useState(AsyncStatus.STANDBY);\n\n /**\n * Cached callbacks\n */\n\n const getProposalsVotingAdaptersOnchainCached = useCallback(\n getProposalsVotingAdaptersOnchain,\n [proposalIds, registryABI, registryAddress, web3Instance]\n );\n\n /**\n * Effects\n */\n\n useEffect(() => {\n getProposalsVotingAdaptersOnchainCached();\n }, [getProposalsVotingAdaptersOnchainCached]);\n\n /**\n * Functions\n */\n\n async function getProposalsVotingAdaptersOnchain(): Promise {\n if (\n !proposalIds.length ||\n !registryABI ||\n !registryAddress ||\n !web3Instance\n ) {\n return;\n }\n\n // Only use hex (more specifically `bytes32`) id's\n const safeProposalIds = proposalIds.filter(web3Instance.utils.isHexStrict);\n\n if (!safeProposalIds.length) {\n setProposalsVotingAdapters(INITIAL_VOTING_ADAPTERS);\n setProposalsVotingAdaptersStatus(AsyncStatus.FULFILLED);\n\n return;\n }\n\n try {\n const votingAdapterABI = registryABI.find(\n (ai) => ai.name === 'votingAdapter'\n );\n\n if (!votingAdapterABI) {\n throw new Error(\n 'No \"votingAdapter\" ABI function was found in the DAO registry ABI.'\n );\n }\n\n // `DaoRegistry.votingAdapter` calls\n const votingAdapterCalls: MulticallTuple[] = safeProposalIds.map((id) => [\n registryAddress,\n votingAdapterABI,\n [id],\n ]);\n\n setProposalsVotingAdaptersStatus(AsyncStatus.PENDING);\n\n const votingAdapterAddressResults: string[] = await multicall({\n calls: votingAdapterCalls,\n web3Instance,\n });\n\n const {default: lazyIVotingABI} = await import(\n '../../../truffle-contracts/IVoting.json'\n );\n\n const getAdapterNameABI = (lazyIVotingABI as typeof registryABI).find(\n (ai) => ai.name === 'getAdapterName'\n );\n\n if (!getAdapterNameABI) {\n throw new Error(\n 'No \"getAdapterName\" ABI function was found in the IVoting ABI.'\n );\n }\n\n /**\n * Filter out `safeProposalIds` which are not sponsored (i.e. voting adapter address === `BURN_ADDRESS`).\n * Filter out `votingAdapterAddressResults` which equal the `BURN_ADDRESS`.\n *\n * This ensures these two arrays maintain the same length as they rely on indexes for the\n * proposals to match up to the array of `multicall` results.\n */\n\n const filteredProposalIds = safeProposalIds.filter(\n (_id, i) => votingAdapterAddressResults[i] !== BURN_ADDRESS\n );\n\n const filteredVotingAdapterAddressResults =\n votingAdapterAddressResults.filter((a) => a !== BURN_ADDRESS);\n\n /**\n * Exit early if there's no voting adapter addresses.\n * It means no proposals were found to be sponsored\n */\n if (!filteredVotingAdapterAddressResults.length) {\n setProposalsVotingAdapters(INITIAL_VOTING_ADAPTERS);\n setProposalsVotingAdaptersStatus(AsyncStatus.FULFILLED);\n\n return;\n }\n\n const votingAdapterNameCalls: MulticallTuple[] =\n filteredVotingAdapterAddressResults.map((votingAdapterAddress) => [\n votingAdapterAddress,\n getAdapterNameABI,\n [],\n ]);\n\n const adapterNameResults: VotingAdapterName[] = await multicall({\n calls: votingAdapterNameCalls,\n web3Instance,\n });\n\n const votingAdaptersToSet = await Promise.all(\n filteredProposalIds.map(\n async (id, i): Promise => {\n const votingAdapterABI = await getVotingAdapterABI(\n adapterNameResults[i]\n );\n const votingAdapterAddress = filteredVotingAdapterAddressResults[i];\n\n return [\n id,\n {\n votingAdapterName: adapterNameResults[i],\n votingAdapterAddress,\n getVotingAdapterABI: () => votingAdapterABI,\n getWeb3VotingAdapterContract: () =>\n new web3Instance.eth.Contract(\n votingAdapterABI,\n votingAdapterAddress\n ),\n },\n ];\n }\n )\n );\n\n setProposalsVotingAdapters(votingAdaptersToSet);\n setProposalsVotingAdaptersStatus(AsyncStatus.FULFILLED);\n } catch (error) {\n setProposalsVotingAdaptersStatus(AsyncStatus.REJECTED);\n setProposalsVotingAdapters([]);\n setProposalsVotingAdaptersError(error);\n }\n }\n\n return {\n proposalsVotingAdapters,\n proposalsVotingAdaptersError,\n proposalsVotingAdaptersStatus,\n };\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {\n SnapshotDraftResponse,\n SnapshotProposalResponse,\n SnapshotType,\n} from '@openlaw/snapshot-js-erc712';\n\nimport {\n Proposal,\n ProposalData,\n ProposalOrDraftSnapshotType,\n SnapshotDraft,\n SnapshotProposal,\n SnapshotProposalCommon,\n} from '../types';\nimport {AsyncStatus} from '../../../util/types';\nimport {SNAPSHOT_HUB_API_URL, SPACE} from '../../../config';\nimport {useAbortController, useCounter} from '../../../hooks';\nimport {useProposalsVotingAdapter} from './useProposalsVotingAdapter';\n\ntype UseProposalReturn = {\n proposalData: ProposalData | undefined;\n proposalError: Error | undefined;\n proposalNotFound: boolean;\n proposalStatus: AsyncStatus;\n};\n\nconst ERROR_PROPOSAL: string =\n 'Something went wrong while getting the proposal.';\nconst ERROR_PROPOSAL_NOT_FOUND: string = 'Proposal was not found.';\n\n/**\n * useProposalOrDraft\n *\n * Fetches a snapshot-hub `proposal` or `draft` type by an ID string.\n *\n * If no `type` argument is provided it will search first for a\n * `proposal`, then if not found, search for a `draft`.\n *\n * @todo Fetch subgraph proposal on mount before a draft or proposal has been fetched.\n *\n * @param {string} id A draft's or a proposal's ID to search for.\n * @param {SnapshotType?} type An optional snapshot-hub `type` to search by.\n * @returns {UseProposalReturn}\n */\nexport function useProposalOrDraft(\n id: string,\n type?: ProposalOrDraftSnapshotType\n): UseProposalReturn {\n /**\n * State\n */\n\n /**\n * @todo Get subgraph data using useLazyQuery\n * @link https://www.apollographql.com/docs/react/data/queries/#executing-queries-manually\n */\n\n const [daoProposal /* setDAOProposal */] = useState();\n const [snapshotDraft, setSnapshotDraft] = useState();\n const [snapshotProposal, setSnapshotProposal] = useState();\n const [proposalNotFound, setProposalNotFound] = useState(false);\n const [proposalError, setProposalError] = useState();\n const [proposalStatus, setProposalStatus] = useState(\n AsyncStatus.STANDBY\n );\n const [proposalVotingAdapterId, setProposalVotingAdapterId] = useState<\n string[]\n >([id]);\n\n // The overall status of the async data being fetched\n const [proposalInclusiveStatus, setProposalInclusiveStatus] =\n useState(AsyncStatus.STANDBY);\n\n // Any error of the async data being fetched\n const [proposalInclusiveError, setProposalInclusiveError] = useState();\n\n /**\n * Our hooks\n */\n\n const {abortController, isMountedRef} = useAbortController();\n\n const [refetchCount, updateRefetchCount] = useCounter();\n\n /**\n * Fetch on-chain voting adapter data for proposals.\n * Only returns data for proposals of which voting adapters have been assigned (i.e. sponsored).\n */\n const {\n proposalsVotingAdapters,\n proposalsVotingAdaptersError,\n proposalsVotingAdaptersStatus,\n } = useProposalsVotingAdapter(proposalVotingAdapterId);\n\n /**\n * Cached callbacks\n */\n\n const handleGetDraftCached = useCallback(handleGetDraft, [\n abortController?.signal,\n id,\n isMountedRef,\n ]);\n\n const handleGetProposalCached = useCallback(handleGetProposal, [\n abortController?.signal,\n id,\n isMountedRef,\n type,\n ]);\n\n const handleGetProposalOrDraftCached = useCallback(handleGetProposalOrDraft, [\n handleGetDraftCached,\n handleGetProposalCached,\n ]);\n\n /**\n * Variables\n */\n\n const snapshotType: ProposalOrDraftSnapshotType | undefined = snapshotProposal\n ? SnapshotType.proposal\n : snapshotDraft\n ? SnapshotType.draft\n : undefined;\n\n /**\n * We need to at least have Snapshot data to provide the proposal,\n * otherwise we will have nothing to show the user.\n */\n const proposalData: UseProposalReturn['proposalData'] =\n snapshotDraft || snapshotProposal\n ? {\n // idInDAO: '',\n daoProposal,\n daoProposalVotingAdapter: proposalsVotingAdapters[0]?.[1],\n getCommonSnapshotProposalData,\n refetchProposalOrDraft,\n snapshotDraft,\n snapshotProposal,\n snapshotType,\n }\n : undefined;\n\n /**\n * Effects\n */\n\n useEffect(() => {\n if (!abortController?.signal) return;\n\n switch (type) {\n case SnapshotType.draft:\n handleGetDraftCached();\n break;\n case SnapshotType.proposal:\n handleGetProposalCached();\n break;\n default:\n handleGetProposalOrDraftCached();\n break;\n }\n }, [\n abortController?.signal,\n handleGetDraftCached,\n handleGetProposalCached,\n handleGetProposalOrDraftCached,\n // Required in order to refetch\n refetchCount,\n type,\n ]);\n\n useEffect(() => {\n if (refetchCount === 0) return;\n\n /**\n * Provide a different Array reference to force a re-render\n * of the `useProposalsVotingAdapter` hook. If the `id` argument changes,\n * that's fine as well, but it's unlikely.\n */\n setProposalVotingAdapterId([id]);\n }, [id, refetchCount]);\n\n // Set overall async status\n useEffect(() => {\n const {STANDBY, PENDING, FULFILLED, REJECTED} = AsyncStatus;\n const statuses = [proposalStatus, proposalsVotingAdaptersStatus];\n\n /**\n * Standby\n *\n * The other statuses rely on a Snapshot Hub proposal or draft being fetched,\n * so it's only in `STANDBY` at the point the proposals have\n * not yet been fetched.\n */\n if (proposalStatus === STANDBY) {\n setProposalInclusiveStatus(STANDBY);\n\n return;\n }\n\n /**\n * Pending\n *\n * Do not trigger pending requests (UI may show loader) for refetches (meant to be silent).\n */\n if (statuses.some((s) => s === PENDING) && refetchCount === 0) {\n setProposalInclusiveStatus(PENDING);\n\n return;\n }\n\n // Fulfilled\n if (statuses.every((s) => s === FULFILLED)) {\n setProposalInclusiveStatus(FULFILLED);\n\n return;\n }\n\n // Fulfilled: checked for DAO proposals' voting adapters and none were returned - not sponsored\n if (\n proposalStatus === FULFILLED &&\n proposalsVotingAdaptersStatus === FULFILLED &&\n !proposalsVotingAdapters.length\n ) {\n setProposalInclusiveStatus(FULFILLED);\n\n return;\n }\n\n // Rejected\n if (statuses.some((s) => s === REJECTED)) {\n setProposalInclusiveStatus(REJECTED);\n\n return;\n }\n }, [\n proposalStatus,\n proposalsVotingAdapters.length,\n proposalsVotingAdaptersStatus,\n refetchCount,\n ]);\n\n // Set any error from async calls\n useEffect(() => {\n const errors = [proposalError, proposalsVotingAdaptersError];\n\n setProposalInclusiveError(errors.find((e) => e));\n }, [proposalError, proposalsVotingAdaptersError]);\n\n /**\n * Functions\n */\n\n async function handleGetDraft(): Promise {\n try {\n setProposalStatus(AsyncStatus.PENDING);\n\n const response = await fetch(\n `${SNAPSHOT_HUB_API_URL}/api/${SPACE}/draft/${id}`,\n {signal: abortController?.signal}\n );\n\n if (!response.ok) {\n throw new Error(ERROR_PROPOSAL);\n }\n\n const responseJSON: SnapshotDraftResponse = await response.json();\n\n if (!isMountedRef.current) return;\n\n // @note API does not provide a 404\n if (!responseJSON || !Object.keys(responseJSON).length) {\n setProposalNotFound(true);\n\n throw new Error(ERROR_PROPOSAL_NOT_FOUND);\n }\n\n const idKey = Object.keys(responseJSON)[0];\n // Get the `SnapshotDraftResponseData` by the address key of the single result.\n const draft: SnapshotDraft = {\n idInDAO: idKey,\n idInSnapshot: idKey,\n ...responseJSON[idKey],\n };\n\n setProposalStatus(AsyncStatus.FULFILLED);\n setSnapshotDraft(draft);\n\n return draft;\n } catch (error) {\n if (!isMountedRef.current) return;\n\n setProposalStatus(AsyncStatus.REJECTED);\n setProposalError(error);\n }\n }\n\n async function handleGetProposal(): Promise {\n try {\n setProposalStatus(AsyncStatus.PENDING);\n\n /**\n * @note `searchUniqueDraftId` includes the draft id in the search for the proposal\n * as a Tribute proposal's ID hash could be the Snapshot Draft's ID.\n */\n const response = await fetch(\n `${SNAPSHOT_HUB_API_URL}/api/${SPACE}/proposal/${id}?searchUniqueDraftId=true&includeVotes=true`,\n {signal: abortController?.signal}\n );\n\n if (!response.ok) {\n /**\n * If `type` is set then we know we can determine `handleGetDraft`\n * will not be called after in `handleGetProposalOrDraft`.\n */\n if (type === SnapshotType.proposal) {\n throw new Error(ERROR_PROPOSAL);\n }\n\n return;\n }\n\n const responseJSON: SnapshotProposalResponse = await response.json();\n\n if (!isMountedRef.current) return;\n\n // @note API does not provide a 404\n if (!responseJSON || !Object.keys(responseJSON).length) {\n /**\n * If `type` is set then we know we can determine `handleGetDraft`\n * will not be called after in `handleGetProposalOrDraft`.\n */\n if (type === SnapshotType.proposal) {\n setProposalNotFound(true);\n throw new Error(ERROR_PROPOSAL_NOT_FOUND);\n }\n\n return;\n }\n\n const idKey = Object.keys(responseJSON)[0];\n // Determine ID submitted to DAO, i.e. if there's a Draft ID hash, we should use that.\n const proposalId: string =\n responseJSON[idKey]?.data.erc712DraftHash || idKey;\n // Get the `SnapshotProposalResponseData` by the address key of the single result.\n const proposal: SnapshotProposal = {\n idInDAO: proposalId,\n idInSnapshot: idKey,\n ...responseJSON[idKey],\n };\n\n setProposalStatus(AsyncStatus.FULFILLED);\n setSnapshotProposal(proposal);\n\n return proposal;\n } catch (error) {\n if (!isMountedRef.current) return;\n\n setProposalStatus(AsyncStatus.REJECTED);\n setProposalError(error);\n }\n }\n\n /**\n * Searches all possible combinations to return a proposal or a draft:\n *\n * 1. Search for a proposal (including by using the `id` as the Draft's ID hash via `searchUniqueDraftId`)\n * 2. Search for a draft, if nothing is returned for a proposal.\n */\n async function handleGetProposalOrDraft() {\n // 1. Attempt to search for a proposal.\n const proposal = await handleGetProposalCached();\n\n if (!proposal) {\n // 2. If not found, attempt a search for a draft.\n const draft = await handleGetDraftCached();\n\n setSnapshotDraft(draft);\n\n return;\n }\n\n setSnapshotProposal(proposal);\n }\n\n /**\n * getCommonSnapshotProposalData\n *\n * @returns `SnapshotProposalCommon | undefined` Data for either a Draft or Proposal which is shared between the two types.\n */\n function getCommonSnapshotProposalData(): SnapshotProposalCommon | undefined {\n switch (snapshotType) {\n case SnapshotType.draft:\n return snapshotDraft;\n case SnapshotType.proposal:\n return snapshotProposal;\n default:\n return undefined;\n }\n }\n\n function refetchProposalOrDraft(): void {\n updateRefetchCount({type: 'increment'});\n }\n\n return {\n proposalData,\n proposalError: proposalInclusiveError,\n proposalNotFound,\n proposalStatus: proposalInclusiveStatus,\n };\n}\n","import {useEffect, useMemo, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {\n SnapshotDraftResponse,\n SnapshotDraftResponseData,\n SnapshotProposalResponse,\n SnapshotProposalResponseData,\n SnapshotType,\n} from '@openlaw/snapshot-js-erc712';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {DaoAdapterConstants} from '../../adapters-extensions/enums';\nimport {normalizeString} from '../../../util/helpers';\nimport {ProposalData, SnapshotDraft, SnapshotProposal} from '../types';\nimport {SNAPSHOT_HUB_API_URL, SPACE} from '../../../config';\nimport {StoreState} from '../../../store/types';\nimport {useDaoProposals, useProposalsVotingState} from '.';\nimport {useProposalsVotes} from './useProposalsVotes';\nimport {useProposalsVotingAdapter} from './useProposalsVotingAdapter';\n\ntype UseProposalsReturn = {\n proposals: ProposalData[];\n proposalsStatus: AsyncStatus;\n proposalsError: Error | undefined;\n};\n\ntype SnapshotDraftAndProposalEntries = [\n string,\n SnapshotDraftResponseData | SnapshotProposalResponseData\n][];\n\nconst INITIAL_ARRAY: any[] = [];\n\n// Gets Drafts (unsponsored Proposals) from Snapshot Hub\nasync function getSnapshotDraftsByAdapterAddress(\n adapterAddress: string\n): Promise<[string, SnapshotDraftResponseData][]> {\n try {\n const baseURL = `${SNAPSHOT_HUB_API_URL}/api/${SPACE}`;\n\n const drafts = await fetch(`${baseURL}/drafts/${adapterAddress}`);\n\n if (!drafts.ok) {\n throw new Error(\n 'Something went wrong while fetching the Snapshot drafts.'\n );\n }\n\n const draftsJSON: SnapshotDraftResponse = await drafts.json();\n\n // Get Drafts which have not yet been sponsored (Proposal created)\n const draftEntries = Object.entries(draftsJSON).filter(\n ([_, d]) => d.data.sponsored === false\n );\n\n return draftEntries;\n } catch (error) {\n throw error;\n }\n}\n\n// Gets Proposals from Snapshot Hub\nasync function getSnapshotProposalsByAdapterAddress(\n adapterAddress: string\n): Promise<[string, SnapshotProposalResponseData][]> {\n try {\n const baseURL = `${SNAPSHOT_HUB_API_URL}/api/${SPACE}`;\n\n const proposals = await fetch(\n `${baseURL}/proposals/${adapterAddress}?includeVotes=true`\n );\n\n if (!proposals.ok) {\n throw new Error(\n 'Something went wrong while fetching the Snapshot proposals.'\n );\n }\n\n const proposalsJSON: SnapshotProposalResponse = await proposals.json();\n\n /**\n * Re-map entries setting the correct id used for the `proposalId` in the DAO.\n * If it has a draft hash, then this is what was submitted to the DAO, most likely (e.g. submit proposal)\n */\n const proposalEntries = Object.entries(proposalsJSON).map(\n ([id, p]): [string, SnapshotProposalResponseData] => [\n p.data.erc712DraftHash || id,\n p,\n ]\n );\n\n return proposalEntries;\n } catch (error) {\n throw error;\n }\n}\n\n/**\n * useProposals\n *\n * @param {string} adapterName Name of the adapter contract to get proposals for.\n * @param {string} includeProposalsExistingOnlyOffchain To handle proposal types where the first step is creating a snapshot draft/offchain proposal only (no onchain proposal exists).\n * @returns `UseProposalsReturn` An object with the proposals, and the current async status.\n */\nexport function useProposals({\n adapterName,\n includeProposalsExistingOnlyOffchain = false,\n}: {\n adapterName: DaoAdapterConstants;\n includeProposalsExistingOnlyOffchain?: boolean;\n}): UseProposalsReturn {\n /**\n * State\n */\n\n const [adapterAddress, setAdapterAddress] = useState();\n\n const [snapshotDraftAndProposals, setSnapshotDraftAndProposals] =\n useState(INITIAL_ARRAY);\n\n const [snapshotDraftAndProposalsStatus, setSnapshotDraftAndProposalsStatus] =\n useState(AsyncStatus.STANDBY);\n\n const [snapshotDraftAndProposalsError, setSnapshotDraftAndProposalsError] =\n useState();\n\n const [daoProposalIdsToUse, setDaoProposalIdsToUse] =\n useState(INITIAL_ARRAY);\n\n const [proposals, setProposals] = useState(INITIAL_ARRAY);\n\n // The overall status of the async data being fetched\n const [proposalsInclusiveStatus, setProposalsInclusiveStatus] =\n useState(AsyncStatus.STANDBY);\n\n // Any error of the async data being fetched\n const [proposalsInclusiveError, setProposalsInclusiveError] =\n useState();\n\n /**\n * Selectors\n */\n\n const contracts = useSelector((s: StoreState) => s.contracts);\n\n /**\n * Memo\n */\n\n const snapshotDraftAndProposalsIds: string[] = useMemo(\n () => snapshotDraftAndProposals.map((e) => e[0]),\n [snapshotDraftAndProposals]\n );\n\n /**\n * Our hooks\n */\n\n /**\n * Fetch DAO proposals, if there are `snapshotDraftAndProposals`.\n *\n * Dependent upon `snapshotDraftAndProposals`.\n */\n const {daoProposals, daoProposalsError, daoProposalsStatus} = useDaoProposals(\n snapshotDraftAndProposalsIds\n );\n\n /**\n * Fetch on-chain voting adapter data for proposals of which voting adapters have been assigned (i.e. sponsored).\n *\n * Dependent upon `daoProposals`.\n */\n const {\n proposalsVotingAdapters,\n proposalsVotingAdaptersError,\n proposalsVotingAdaptersStatus,\n } = useProposalsVotingAdapter(daoProposalIdsToUse);\n\n /**\n * Fetch on-chain voting state for proposals of which voting adapters have been assigned (i.e. sponsored).\n *\n * Dependent upon `useProposalsVotingAdapter`.\n */\n const {\n proposalsVotingState,\n proposalsVotingStateError,\n proposalsVotingStateStatus,\n } = useProposalsVotingState(proposalsVotingAdapters);\n\n /**\n * Fetch on-chain votes data for proposals of which voting adapters have been assigned (i.e. sponsored)\n *\n * Dependent upon `useProposalsVotingAdapter`.\n */\n const {proposalsVotes, proposalsVotesError, proposalsVotesStatus} =\n useProposalsVotes(proposalsVotingAdapters);\n\n /**\n * Effects\n */\n\n // Get and set the adapter address\n useEffect(() => {\n // @note We don't use the helper function as we don't want it to throw here.\n const address = Object.entries(contracts).find(\n ([_, c]) => c?.adapterOrExtensionName === adapterName\n )?.[1]?.contractAddress;\n\n setAdapterAddress(address);\n }, [adapterAddress, adapterName, contracts]);\n\n // Get and set all Snapshot drafts and proposal entries\n useEffect(() => {\n if (!adapterAddress) return;\n\n handleGetAllSnapshotDraftsAndProposals(adapterAddress);\n }, [adapterAddress]);\n\n // Set the DAO proposal IDs we want to work with\n useEffect(() => {\n if (!daoProposals.length) return;\n\n if (includeProposalsExistingOnlyOffchain) {\n // Do not filter-out proposals which exist only off-chain\n return setDaoProposalIdsToUse(daoProposals.map(([id]) => id));\n }\n\n // Filter-out proposals which do not exist onchain\n return setDaoProposalIdsToUse(\n daoProposals.filter(([_, p]) => p.flags !== '0').map(([id]) => id)\n );\n }, [daoProposals, includeProposalsExistingOnlyOffchain]);\n\n // Set `proposals` with any returned data, once overall `AsyncStatus` equals `FULFILLED`\n useEffect(() => {\n if (proposalsInclusiveStatus !== AsyncStatus.FULFILLED) {\n return;\n }\n\n const proposalsToSet = daoProposalIdsToUse\n .map((id): ProposalData => {\n const [, daoProposal] =\n daoProposals.find(\n ([daoProposalId]) =>\n normalizeString(daoProposalId) === normalizeString(id)\n ) || [];\n\n const [snapshotDataId, snapshotData] =\n snapshotDraftAndProposals.find(\n ([snapshotId]) =>\n normalizeString(snapshotId) === normalizeString(id)\n ) || [];\n\n const isSnapshotDraft: boolean =\n snapshotData?.msg.type === SnapshotType.draft;\n\n const snapshotDraft: SnapshotDraft | undefined =\n snapshotDataId && isSnapshotDraft\n ? {\n ...(snapshotData as SnapshotDraft),\n // @todo Rename to `idForDAO` as it is more accurate, as the ID may not yet exist in the DAO.\n idInDAO: id,\n idInSnapshot: snapshotDataId,\n }\n : undefined;\n\n const snapshotProposal: SnapshotProposal | undefined =\n snapshotDataId && !isSnapshotDraft\n ? {\n ...(snapshotData as SnapshotProposal),\n // @todo Rename to `idForDAO` as it is more accurate, as the ID may not yet exist in the DAO.\n idInDAO: id,\n idInSnapshot: snapshotDataId,\n }\n : undefined;\n\n const daoProposalVotingAdapter = proposalsVotingAdapters.find(\n ([proposalIdVotingAdapter]) =>\n normalizeString(proposalIdVotingAdapter) === normalizeString(id)\n )?.[1];\n\n const daoProposalVotingState = proposalsVotingState.find(\n ([proposalIdVotingState]) =>\n normalizeString(proposalIdVotingState) === normalizeString(id)\n )?.[1];\n\n const daoProposalVote = proposalsVotes.find(\n ([proposalIdVotes]) =>\n normalizeString(id) === normalizeString(proposalIdVotes)\n )?.[1];\n\n return {\n daoProposal,\n daoProposalVote,\n daoProposalVotingAdapter,\n daoProposalVotingState,\n /**\n * @todo Work to remove `idInDAO` on the root. Don't think we use this?\n */\n idInDAO: id,\n snapshotDraft,\n snapshotProposal,\n snapshotType: isSnapshotDraft\n ? SnapshotType.draft\n : SnapshotType.proposal,\n\n // @todo Make type optional\n getCommonSnapshotProposalData: () => undefined,\n // @todo Make type optional\n refetchProposalOrDraft: () => {},\n };\n })\n .filter((p) => p.snapshotDraft || p.snapshotProposal);\n\n // Set proposals\n setProposals(proposalsToSet);\n }, [\n daoProposalIdsToUse,\n daoProposals,\n proposalsInclusiveStatus,\n proposalsVotes,\n proposalsVotingAdapters,\n proposalsVotingState,\n snapshotDraftAndProposals,\n ]);\n\n // Set overall async status\n useEffect(() => {\n const {STANDBY, PENDING, FULFILLED, REJECTED} = AsyncStatus;\n\n const statuses = [\n daoProposalsStatus,\n proposalsVotingAdaptersStatus,\n proposalsVotingStateStatus,\n proposalsVotesStatus,\n snapshotDraftAndProposalsStatus,\n ];\n\n /**\n * Standby\n *\n * The other statuses rely on Snapshot drafts and proposals being fetched,\n * so it's only in `STANDBY` at the point the Snapshot data has\n * not yet been fetched.\n */\n if (snapshotDraftAndProposalsStatus === STANDBY) {\n setProposalsInclusiveStatus(STANDBY);\n\n return;\n }\n\n // Pending\n if (statuses.some((s) => s === PENDING)) {\n setProposalsInclusiveStatus(PENDING);\n\n return;\n }\n\n // Fulfilled\n if (statuses.every((s) => s === FULFILLED)) {\n setProposalsInclusiveStatus(FULFILLED);\n\n return;\n }\n\n /**\n * Fulfilled: no `snapshotDraftAndProposals` were found.\n *\n * Since the other data-fetching hooks rely on `snapshotDraftAndProposals`\n * their statuses will be in `STANDBY` if `snapshotDraftAndProposals` is empty.\n */\n if (\n snapshotDraftAndProposalsStatus === FULFILLED &&\n !snapshotDraftAndProposals.length\n ) {\n setProposalsInclusiveStatus(FULFILLED);\n\n return;\n }\n\n /**\n * Fulfilled: No data was returned after running `useProposalsVotingAdapter`.\n *\n * The hooks `useProposalsVotingState`, `useProposalsVotes` are dependent upon `proposalsVotingAdapters`,\n * so if there is no data, at this point, it's safe to return `FULFILLED`.\n */\n if (\n proposalsVotingAdaptersStatus === FULFILLED &&\n !proposalsVotingAdapters.length\n ) {\n setProposalsInclusiveStatus(FULFILLED);\n\n return;\n }\n\n // Rejected\n if (statuses.some((s) => s === REJECTED)) {\n setProposalsInclusiveStatus(REJECTED);\n\n return;\n }\n }, [\n daoProposalIdsToUse.length,\n daoProposalsStatus,\n proposalsVotesStatus,\n proposalsVotingAdapters,\n proposalsVotingAdaptersStatus,\n proposalsVotingStateStatus,\n snapshotDraftAndProposals.length,\n snapshotDraftAndProposalsStatus,\n ]);\n\n // Set any error from async calls\n useEffect(() => {\n setProposalsInclusiveError(\n [\n daoProposalsError,\n proposalsVotesError,\n proposalsVotingAdaptersError,\n proposalsVotingStateError,\n snapshotDraftAndProposalsError,\n ].find((e) => e)\n );\n }, [\n daoProposalsError,\n proposalsVotesError,\n proposalsVotingAdaptersError,\n proposalsVotingStateError,\n snapshotDraftAndProposalsError,\n ]);\n\n /**\n * Functions\n */\n\n async function handleGetAllSnapshotDraftsAndProposals(\n adapterAddress: string\n ) {\n try {\n setSnapshotDraftAndProposalsStatus(AsyncStatus.PENDING);\n // Reset error\n setSnapshotDraftAndProposalsError(undefined);\n\n const snapshotDraftEntries = await getSnapshotDraftsByAdapterAddress(\n adapterAddress\n );\n\n const snapshotProposalEntries =\n await getSnapshotProposalsByAdapterAddress(adapterAddress);\n\n const mergedEntries = [\n ...snapshotDraftEntries,\n ...snapshotProposalEntries,\n ];\n\n if (!mergedEntries.length) {\n setSnapshotDraftAndProposalsStatus(AsyncStatus.FULFILLED);\n\n return;\n }\n\n setSnapshotDraftAndProposals(mergedEntries);\n setSnapshotDraftAndProposalsStatus(AsyncStatus.FULFILLED);\n } catch (error) {\n setSnapshotDraftAndProposalsStatus(AsyncStatus.REJECTED);\n setSnapshotDraftAndProposals(INITIAL_ARRAY);\n setSnapshotDraftAndProposalsError(error);\n }\n }\n\n return {\n proposals,\n proposalsError: proposalsInclusiveError,\n proposalsStatus: proposalsInclusiveStatus,\n };\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {AbiItem} from 'web3-utils/types';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {multicall, MulticallTuple} from '../../web3/helpers';\nimport {ProposalVotesData, ProposalVotingAdapterTuple} from '../types';\nimport {StoreState} from '../../../store/types';\nimport {useWeb3Modal} from '../../web3/hooks';\nimport {VotingAdapterName} from '../../adapters-extensions/enums';\n\ntype ProposalsVotesTuple = [\n proposalId: string,\n /**\n * For each proposal, each result is stored under its adapter name.\n */\n adapterData: ProposalVotesData\n];\n\ntype UseProposalsVotesReturn = {\n proposalsVotes: ProposalsVotesTuple[];\n proposalsVotesError: Error | undefined;\n proposalsVotesStatus: AsyncStatus;\n};\n\nexport function useProposalsVotes(\n /**\n * A tuple of proposal id's and voting adapter data.\n * This data is returned by `useProposalsVotingAdapter`.\n */\n proposalVotingAdapters: ProposalVotingAdapterTuple[]\n): UseProposalsVotesReturn {\n /**\n * Selectors\n */\n\n const registryAddress = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.contractAddress\n );\n const registryABI = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.abi\n );\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n\n /**\n * State\n */\n\n const [proposalsVotes, setProposalsVotes] = useState(\n []\n );\n const [proposalsVotesError, setProposalsVotesError] = useState();\n const [proposalsVotesStatus, setProposalsVotesStatus] = useState(\n AsyncStatus.STANDBY\n );\n\n /**\n * Cached callbacks\n */\n\n const getProposalsVotesOnchainCached = useCallback(getProposalsVotesOnchain, [\n proposalVotingAdapters,\n registryABI,\n registryAddress,\n web3Instance,\n ]);\n\n /**\n * Effects\n */\n\n useEffect(() => {\n getProposalsVotesOnchainCached();\n }, [getProposalsVotesOnchainCached]);\n\n /**\n * Functions\n */\n\n async function getProposalsVotesOnchain() {\n if (\n !proposalVotingAdapters.length ||\n !registryABI ||\n !registryAddress ||\n !web3Instance\n ) {\n return;\n }\n\n // Only use hex (more specifically `bytes32`) id's\n const safeProposalVotingAdapters = proposalVotingAdapters.filter(([id]) =>\n web3Instance.utils.isHexStrict(id)\n );\n\n if (!safeProposalVotingAdapters.length) {\n setProposalsVotesStatus(AsyncStatus.FULFILLED);\n setProposalsVotes([]);\n\n return;\n }\n\n try {\n setProposalsVotesStatus(AsyncStatus.PENDING);\n\n // Build votes results\n const votesDataCalls: MulticallTuple[] = await Promise.all(\n safeProposalVotingAdapters.map(\n async ([\n proposalId,\n {votingAdapterAddress, getVotingAdapterABI, votingAdapterName},\n ]): Promise => [\n votingAdapterAddress,\n await getVotesDataABI(votingAdapterName, getVotingAdapterABI()),\n /**\n * We build the call arguments the same way for the different voting adapters\n * (i.e. [dao, proposalId]). If we need to change this we can move it to another function.\n */\n [registryAddress, proposalId],\n ]\n )\n );\n\n const votesDataResults = await multicall({\n calls: votesDataCalls,\n web3Instance,\n });\n\n setProposalsVotesStatus(AsyncStatus.FULFILLED);\n setProposalsVotes(\n safeProposalVotingAdapters.map(\n ([proposalId, {votingAdapterName}], i) => [\n proposalId,\n {\n [votingAdapterName]: votesDataResults[i],\n },\n ]\n )\n );\n } catch (error) {\n setProposalsVotesStatus(AsyncStatus.REJECTED);\n setProposalsVotes([]);\n setProposalsVotesError(error);\n }\n }\n\n /**\n * getVotesDataABI\n *\n * Gets the ABI for the public mapping getter of voting data.\n *\n * @param {VotingAdapterName} votingAdapterName\n * @returns {Promise}\n */\n async function getVotesDataABI(\n votingAdapterName: VotingAdapterName,\n votingAdapterABI: AbiItem[]\n ): Promise {\n try {\n switch (votingAdapterName) {\n case VotingAdapterName.OffchainVotingContract:\n const offchainVotesDataABI = votingAdapterABI.find(\n (ai) => ai.name === 'votes'\n );\n\n if (!offchainVotesDataABI) {\n throw new Error(\n `No \"votes\" function ABI was found for \"${votingAdapterName}\".`\n );\n }\n\n return offchainVotesDataABI;\n\n case VotingAdapterName.VotingContract:\n const votingVotesDataABI = votingAdapterABI.find(\n (ai) => ai.name === 'votes'\n );\n\n if (!votingVotesDataABI) {\n throw new Error(\n `No \"votes\" function ABI was found for \"${votingAdapterName}\".`\n );\n }\n\n return votingVotesDataABI;\n\n default:\n throw new Error(\n `No voting adapter name was found for \"${votingAdapterName}\".`\n );\n }\n } catch (error) {\n throw error;\n }\n }\n\n return {\n proposalsVotes,\n proposalsVotesError,\n proposalsVotesStatus,\n };\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {AbiItem} from 'web3-utils/types';\n\nimport {AsyncStatus} from '../../../util/types';\nimport {multicall, MulticallTuple} from '../../web3/helpers';\nimport {ProposalVotingAdapterTuple} from '../types';\nimport {StoreState} from '../../../store/types';\nimport {useWeb3Modal} from '../../web3/hooks';\nimport {VotingState} from '../voting/types';\n\ntype ProposalsVotingStateTuples = [\n proposalId: string,\n votingState: VotingState\n][];\n\ntype UseProposalsVotingStateReturn = {\n proposalsVotingState: ProposalsVotingStateTuples;\n proposalsVotingStateError: Error | undefined;\n proposalsVotingStateStatus: AsyncStatus;\n};\n\nexport function useProposalsVotingState(\n /**\n * A tuple of proposal id's and voting adapter data.\n * This data is returned by `useProposalsVotingAdapter`.\n */\n proposalVotingAdapters: ProposalVotingAdapterTuple[]\n): UseProposalsVotingStateReturn {\n /**\n * Selectors\n */\n\n const registryAddress = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.contractAddress\n );\n\n /**\n * Our hooks\n */\n\n const {web3Instance} = useWeb3Modal();\n\n /**\n * State\n */\n\n const [proposalsVotingState, setProposaslsVotingState] =\n useState([]);\n\n const [proposalsVotingStateError, setProposalsVotingStateError] =\n useState();\n\n const [proposalsVotingStateStatus, setProposalsVotingStateStatus] =\n useState(AsyncStatus.STANDBY);\n\n /**\n * Cached callbacks\n */\n\n const getProposalsVotingStateOnchainCached = useCallback(\n getProposalsVotingStateOnchain,\n [proposalVotingAdapters, registryAddress, web3Instance]\n );\n\n /**\n * Effects\n */\n\n useEffect(() => {\n getProposalsVotingStateOnchainCached();\n }, [getProposalsVotingStateOnchainCached]);\n\n /**\n * Functions\n */\n\n async function getProposalsVotingStateOnchain() {\n if (!registryAddress || !proposalVotingAdapters.length || !web3Instance) {\n return;\n }\n\n // Only use hex (more specifically `bytes32`) id's\n const safeProposalVotingAdapters = proposalVotingAdapters.filter(([id]) =>\n web3Instance.utils.isHexStrict(id)\n );\n\n if (!safeProposalVotingAdapters.length) {\n setProposalsVotingStateStatus(AsyncStatus.FULFILLED);\n\n return;\n }\n\n try {\n const lazyIVotingABI = (\n await import('../../../truffle-contracts/IVoting.json')\n ).default as AbiItem[];\n\n const votingResultAbi = lazyIVotingABI.find(\n (ai) => ai.name === 'voteResult'\n );\n\n if (!votingResultAbi) {\n throw new Error(\n 'No \"voteResult\" ABI function was found on the \"IVoting\" contract.'\n );\n }\n\n const calls: MulticallTuple[] = safeProposalVotingAdapters.map(\n ([proposalId, {votingAdapterAddress}]) => [\n votingAdapterAddress,\n votingResultAbi,\n [registryAddress, proposalId],\n ]\n );\n\n setProposalsVotingStateStatus(AsyncStatus.PENDING);\n\n const proposalsVotingStateResult = await multicall({\n calls,\n web3Instance,\n });\n\n setProposalsVotingStateStatus(AsyncStatus.FULFILLED);\n setProposaslsVotingState(\n safeProposalVotingAdapters.map(([proposalId], i) => [\n proposalId,\n proposalsVotingStateResult[i],\n ])\n );\n } catch (error) {\n setProposalsVotingStateStatus(AsyncStatus.REJECTED);\n setProposaslsVotingState([]);\n setProposalsVotingStateError(error);\n }\n }\n\n return {\n proposalsVotingState,\n proposalsVotingStateError,\n proposalsVotingStateStatus,\n };\n}\n","import {useSelector} from 'react-redux';\nimport {useCallback, useEffect, useRef, useState} from 'react';\nimport {isAddress} from 'web3-utils';\n\nimport {\n ProposalFlowStatus,\n ProposalData,\n ProposalFlag,\n OffchainVotingAdapterVote,\n} from '../types';\nimport {BURN_ADDRESS} from '../../../util/constants';\nimport {ENVIRONMENT} from '../../../config';\nimport {multicall, MulticallTuple} from '../../web3/helpers';\nimport {normalizeString} from '../../../util/helpers';\nimport {proposalHasFlag} from '../helpers';\nimport {StoreState} from '../../../store/types';\nimport {useTimeStartEnd} from '../../../hooks';\nimport {useWeb3Modal} from '../../web3/hooks';\nimport {VotingState} from '../voting/types';\n\ntype UseProposalWithOffchainVoteStatusReturn = {\n daoProposal: {adapterAddress: string; flags: number} | undefined;\n daoProposalVote: OffchainVotingAdapterVote | undefined;\n /**\n * An enum name (`string`) of the DAO proposal's `VotingState` index\n */\n daoProposalVoteResult: typeof VotingState[any] | undefined;\n proposalFlowStatusError: Error | undefined;\n status: ProposalFlowStatus | undefined;\n stopPollingForStatus: () => void;\n};\n\ntype UseProposalWithOffchainVoteStatusProps = {\n /**\n * Voting start time if `useCountdownToCheckInVoting: true`\n * i.e. calculated from the `OffchainVoting` contract's vote's start time, or Snapshot proposal's start time.\n *\n * If not available and/or determined, use `0`.\n */\n countdownVotingStartSeconds?: number;\n /**\n * Voting end time if `useCountdownToCheckInVoting: true`\n * i.e. calculated from the `OffchainVoting` contract's vote's end time, or Snapshot proposal's end time\n *\n * If not available and/or determined, use `0`.\n */\n countdownVotingEndSeconds?: number;\n proposal: ProposalData;\n /**\n * Defaults to `DEFAULT_POLL_INTERVAL_MS`:\n * - Production: 15000ms\n * - Development: 5000ms\n */\n pollInterval?: number;\n /**\n * If `true` \"in voting\" will be determined by an internal timer using\n * `countdownVotingStartSeconds` and `countdownVotingEndSeconds`, and not by the\n * contract's `VotingState`.\n */\n useCountdownToCheckInVoting?: boolean;\n};\n\nconst {\n Completed,\n OffchainVotingGracePeriod,\n OffchainVotingSubmitResult,\n OffchainVoting,\n Process,\n Sponsor,\n Submit,\n} = ProposalFlowStatus;\n\nconst DEFAULT_POLL_INTERVAL_MS: number =\n ENVIRONMENT === 'production' ? 15000 : 5000;\n\n/**\n * Derives where in the \"proposal flow\" a proposal currently is.\n *\n * Most flow states are derived from the contract.\n * Determing whether a proposal is in voting works a bit differently, depending\n * on which vote start and end times are to be used (i.e. Snapshot proposal vs. Contract proposal).\n *\n * Therefore, we pass these two timing values as props to be more agnostic.\n *\n * @param UseProposalWithOffchainVoteStatusProps\n * @returns `UseProposalWithOffchainVoteStatusReturn`\n */\nexport function useProposalWithOffchainVoteStatus({\n countdownVotingEndSeconds = 0,\n countdownVotingStartSeconds = 0,\n pollInterval = DEFAULT_POLL_INTERVAL_MS,\n proposal,\n useCountdownToCheckInVoting = false,\n}: UseProposalWithOffchainVoteStatusProps): UseProposalWithOffchainVoteStatusReturn {\n /**\n * Selectors\n */\n\n const {web3Instance} = useWeb3Modal();\n\n const daoRegistryAddress = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.contractAddress\n );\n\n const daoRegistryABI = useSelector(\n (s: StoreState) => s.contracts.DaoRegistryContract?.abi\n );\n\n /**\n * State\n */\n\n const [status, setStatus] = useState();\n\n const [initComplete, setInitComplete] = useState(false);\n\n const [daoProposal, setDAOProposal] =\n useState();\n\n const [daoProposalVote, setDAOProposalVote] =\n useState();\n\n const [daoProposalVoteResult, setDAOProposalVoteResult] =\n useState<\n UseProposalWithOffchainVoteStatusReturn['daoProposalVoteResult']\n >();\n\n const [proposalFlowStatusError, setProposalFlowStatusError] =\n useState();\n\n /**\n * Refs\n */\n\n const pollingIntervalIdRef = useRef();\n const stopPollingRef = useRef(false);\n\n /**\n * Our hooks\n */\n\n const {\n hasTimeStarted: hasVotingStarted,\n hasTimeEnded: hasVotingEnded,\n timeStartEndInitReady,\n } = useTimeStartEnd(countdownVotingStartSeconds, countdownVotingEndSeconds);\n\n /**\n * Variables\n */\n\n const initialAsyncChecksCompleted: boolean =\n initComplete &&\n (useCountdownToCheckInVoting ? timeStartEndInitReady : true);\n\n const {daoProposalVotingAdapter, snapshotDraft, snapshotProposal} = proposal;\n const proposalId = snapshotDraft?.idInDAO || snapshotProposal?.idInDAO;\n\n const atExistsInDAO = daoProposal\n ? proposalHasFlag(ProposalFlag.EXISTS, daoProposal.flags)\n : false;\n\n const atSponsoredInDAO = daoProposal\n ? proposalHasFlag(ProposalFlag.SPONSORED, daoProposal.flags)\n : false;\n\n const atProcessedInDAO = daoProposal\n ? proposalHasFlag(ProposalFlag.PROCESSED, daoProposal.flags)\n : false;\n\n const offchainVotingAddress = daoProposalVotingAdapter?.votingAdapterAddress;\n const offchainVotingABI = daoProposalVotingAdapter?.getVotingAdapterABI();\n\n /**\n * Check if vote result was submitted.\n * We can do this by checking if `reporter` and `resultRoot` has been set.\n *\n * @see `submitVoteResult` in tribute-contracts off-chain voting adapters\n */\n const offchainResultSubmitted: boolean =\n isAddress(daoProposalVote?.reporter || '') &&\n normalizeString(daoProposalVote?.reporter || '') !== BURN_ADDRESS;\n\n const isInVotingFromTimer: boolean = hasVotingStarted && !hasVotingEnded;\n\n const isInVoting: boolean = useCountdownToCheckInVoting\n ? isInVotingFromTimer\n : VotingState[daoProposalVoteResult || ''] ===\n VotingState[VotingState.IN_PROGRESS];\n\n const isInVotingGracePeriod: boolean =\n VotingState[daoProposalVoteResult || ''] ===\n VotingState[VotingState.GRACE_PERIOD];\n\n /**\n * Cached callbacks\n */\n\n const getStatusFromContractCached = useCallback(getStatusFromContract, [\n daoProposalVotingAdapter,\n daoRegistryABI,\n daoRegistryAddress,\n offchainVotingABI,\n offchainVotingAddress,\n proposalId,\n web3Instance,\n ]);\n\n /**\n * Effects\n */\n\n // Get status as soon as possible.\n useEffect(() => {\n if (initComplete) {\n return;\n }\n\n getStatusFromContractCached().catch((error) => {\n setProposalFlowStatusError(error);\n });\n }, [getStatusFromContractCached, initComplete]);\n\n // Poll for status, etc.\n useEffect(() => {\n /**\n * Stop polling if processed:\n * Set our ref to be accessed inside of the polling interval callback\n */\n if (atProcessedInDAO) {\n stopPollingRef.current = true;\n }\n\n // Clear any previous intervals\n handleStopPollingForStatus();\n\n // Then, poll every `x` Ms\n const intervalId = setInterval(async () => {\n try {\n if (stopPollingRef.current) {\n handleStopPollingForStatus();\n }\n\n await getStatusFromContractCached();\n } catch (error) {\n handleStopPollingForStatus();\n\n setProposalFlowStatusError(error);\n }\n }, pollInterval);\n\n pollingIntervalIdRef.current = intervalId;\n }, [atProcessedInDAO, pollInterval, getStatusFromContractCached]);\n\n // Stop polling if propsal is processed, or on unmount.\n useEffect(() => {\n if (atProcessedInDAO) {\n handleStopPollingForStatus();\n }\n\n // Cleanup polling on unmount\n return function cleanup() {\n handleStopPollingForStatus();\n };\n }, [atProcessedInDAO]);\n\n // Determine the `status`\n useEffect(() => {\n // Status: cannot yet be determined\n if (!initialAsyncChecksCompleted) {\n setStatus(undefined);\n\n return;\n }\n\n const isStatusInitial: boolean = status === undefined;\n\n // Status: Submit\n if (\n !atExistsInDAO &&\n !atSponsoredInDAO &&\n !atProcessedInDAO &&\n (status === Submit || isStatusInitial)\n ) {\n setStatus(Submit);\n\n return;\n }\n\n /**\n * Status: Sponsor\n *\n * This may never occur for many adapter's proposals as submit and sponsor\n * take place in 1 transaction.\n */\n if (\n atExistsInDAO &&\n !isInVoting &&\n (status === Submit || isStatusInitial)\n ) {\n setStatus(Sponsor);\n\n return;\n }\n\n // Status: Off-Chain Voting\n if (\n atSponsoredInDAO &&\n isInVoting &&\n !offchainResultSubmitted &&\n (status === Submit || status === Sponsor || isStatusInitial)\n ) {\n setStatus(OffchainVoting);\n\n return;\n }\n\n // Status: Ready to Submit Vote Result\n if (\n atSponsoredInDAO &&\n !isInVoting &&\n !offchainResultSubmitted &&\n (status === OffchainVoting || isStatusInitial)\n ) {\n setStatus(OffchainVotingSubmitResult);\n\n return;\n }\n\n // Status: Grace period\n if (\n atSponsoredInDAO &&\n !isInVoting &&\n offchainResultSubmitted &&\n isInVotingGracePeriod &&\n (status === OffchainVotingSubmitResult || isStatusInitial)\n ) {\n setStatus(OffchainVotingGracePeriod);\n\n return;\n }\n\n // Status: Process\n if (\n atSponsoredInDAO &&\n !isInVoting &&\n offchainResultSubmitted &&\n !isInVotingGracePeriod &&\n (status === OffchainVotingGracePeriod || isStatusInitial)\n ) {\n setStatus(Process);\n\n return;\n }\n\n // Status: Processed (completed)\n if (atProcessedInDAO && (status === Process || isStatusInitial)) {\n setStatus(Completed);\n\n return;\n }\n }, [\n atExistsInDAO,\n atProcessedInDAO,\n atSponsoredInDAO,\n status,\n initialAsyncChecksCompleted,\n isInVoting,\n isInVotingGracePeriod,\n offchainResultSubmitted,\n ]);\n\n /**\n * Functions\n */\n\n async function getStatusFromContract(): Promise<\n | Partial<{\n proposal: typeof daoProposal;\n voteResult: typeof daoProposalVoteResult;\n votes: typeof daoProposalVote;\n }>\n | undefined\n > {\n try {\n if (\n !daoRegistryABI ||\n !daoRegistryAddress ||\n !proposalId ||\n !web3Instance\n ) {\n return;\n }\n\n const proposalsABI = daoRegistryABI.filter(\n (item) => item.name === 'proposals'\n )[0];\n\n /**\n * If there is no voting adapter (i.e. the proposal is not yet sponsored)\n * then only call the DAO for the proposal data and exit early.\n */\n if (!daoProposalVotingAdapter) {\n const [proposal] = await multicall({\n calls: [\n // DAO proposals call\n [daoRegistryAddress, proposalsABI, [proposalId]],\n ],\n web3Instance,\n });\n\n setDAOProposal(proposal);\n // Set last\n setInitComplete(true);\n\n return proposal;\n }\n\n if (!offchainVotingABI || !offchainVotingAddress) return;\n\n const voteResultABI = offchainVotingABI.filter(\n (item) => item.name === 'voteResult'\n )[0];\n\n const voteABI = offchainVotingABI.filter(\n (item) => item.name === 'votes'\n )[0];\n\n const calls: MulticallTuple[] = [\n // DAO proposals call\n [daoRegistryAddress, proposalsABI, [proposalId]],\n // Vote data call\n [offchainVotingAddress, voteABI, [daoRegistryAddress, proposalId]],\n // Vote result (state) call\n [\n offchainVotingAddress,\n voteResultABI,\n [daoRegistryAddress, proposalId],\n ],\n ];\n\n const [proposal, votes, voteResult] = await multicall({\n calls,\n web3Instance,\n });\n\n setDAOProposal(proposal);\n setDAOProposalVote(votes);\n setDAOProposalVoteResult(voteResult);\n // Set last\n setInitComplete(true);\n\n return {\n proposal,\n voteResult,\n votes,\n };\n } catch (error) {\n throw error;\n }\n }\n\n function handleStopPollingForStatus() {\n if (pollingIntervalIdRef.current) {\n clearInterval(pollingIntervalIdRef.current);\n\n pollingIntervalIdRef.current = undefined;\n }\n }\n\n /**\n * Return\n */\n\n return {\n daoProposal,\n daoProposalVote,\n daoProposalVoteResult,\n proposalFlowStatusError,\n status,\n stopPollingForStatus: handleStopPollingForStatus,\n };\n}\n","import {useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {\n buildVoteMessage,\n getDomainDefinition,\n getSpace,\n prepareVoteMessage,\n signMessage,\n SnapshotMessageVote,\n SnapshotSubmitBaseReturn,\n SnapshotType,\n SnapshotVoteData,\n SnapshotVoteProposal,\n submitMessage,\n VoteChoicesIndex,\n} from '@openlaw/snapshot-js-erc712';\n\nimport {BURN_ADDRESS} from '../../../util/constants';\nimport {ContractAdapterNames, Web3TxStatus} from '../../web3/types';\nimport {DEFAULT_CHAIN, SNAPSHOT_HUB_API_URL, SPACE} from '../../../config';\nimport {getAdapterAddressFromContracts} from '../../web3/helpers';\nimport {PRIMARY_TYPE_ERC712} from '../../web3/config';\nimport {StoreState} from '../../../store/types';\nimport {useWeb3Modal} from '../../web3/hooks/useWeb3Modal';\n\ntype SignAndSendVoteDataParam = {\n choice: SnapshotMessageVote['choice'];\n metadata?: Record;\n};\n\ntype UseSignAndSendVoteReturn = {\n signAndSendVote: (data: {\n partialVoteData: SignAndSendVoteDataParam;\n // e.g. Governance does not have an adpater name\n adapterName?: ContractAdapterNames;\n proposalIdInDAO: SnapshotVoteData['payload']['proposalId'];\n proposalIdInSnapshot: string;\n }) => Promise;\n voteData: SignAndSendVoteReturn | undefined;\n voteDataError: Error | undefined;\n voteDataStatus: Web3TxStatus;\n};\n\ntype SignAndSendVoteReturn = {\n data: SnapshotVoteData;\n signature: string;\n uniqueId: SnapshotSubmitBaseReturn['uniqueId'];\n};\n\n/**\n * useSignAndSendVote\n *\n * React hook which prepares proposal data for submission\n * to Snapshot and Tribute and signs it (ERC712)\n *\n * @returns {Promise} An object with the proposal data and the ERC712 signature string.\n */\nexport function useSignAndSendVote(): UseSignAndSendVoteReturn {\n /**\n * Selectors\n */\n\n const daoRegistryAddress = useSelector(\n (state: StoreState) => state.contracts.DaoRegistryContract?.contractAddress\n );\n\n const contracts = useSelector((s: StoreState) => s.contracts);\n\n const memberAddress = useSelector(\n (s: StoreState) => s.connectedMember?.memberAddress\n );\n\n /**\n * Our hooks\n */\n\n const {account, provider, web3Instance} = useWeb3Modal();\n\n /**\n * State\n */\n\n const [voteData, setVoteData] = useState();\n const [voteDataError, setVoteDataError] = useState();\n const [voteDataStatus, setVoteDataStatus] = useState(\n Web3TxStatus.STANDBY\n );\n\n /**\n * Functions\n */\n\n /**\n * signAndSendVote\n *\n * Builds the vote data for submission to Snapshot and signs it (ERC712).\n *\n * @param {SignAndSendVoteDataParam}\n * @param {adapterName} ContractAdapterNames - An adapter's contract address this data is related to.\n * @note Does not accept voting adapter names.\n * @param {SnapshotVoteData['payload']['proposalHash']} proposalHash - The unique hash of the proposal from snapshot-hub.\n * @returns {Promise} An object with the vote data and the ERC712 signature string.\n */\n async function signAndSendVote({\n partialVoteData,\n adapterName,\n proposalIdInDAO,\n proposalIdInSnapshot,\n }: {\n partialVoteData: SignAndSendVoteDataParam;\n // e.g. Governance does not have an adpater name\n adapterName?: ContractAdapterNames;\n /**\n * This is the hash of the content as submitted to the DAO.\n * The hash should be the same as the Snapshot draft's, or\n * proposal's (if not submitted as a draft), ID.\n *\n * We need to make sure this matches what has been submitted to\n * the DAO for later signature verifications.\n */\n proposalIdInDAO: SnapshotVoteData['payload']['proposalId'];\n /**\n * Must match a `proposal` type's ID in Snapshot so a `vote` may be attached.\n */\n proposalIdInSnapshot: string;\n }): Promise {\n try {\n if (!web3Instance) {\n throw new Error('No Web3 instance was found.');\n }\n\n if (!account) {\n throw new Error('No account was found.');\n }\n\n if (!memberAddress) {\n throw new Error('No member address was found.');\n }\n\n if (!daoRegistryAddress) {\n throw new Error('No \"DaoRegistry\" address was found.');\n }\n\n if (!SNAPSHOT_HUB_API_URL) {\n throw new Error('No \"SNAPSHOT_HUB_API_URL\" was found.');\n }\n\n if (!SPACE) {\n throw new Error('No Snapshot \"SPACE\" was found.');\n }\n\n setVoteDataStatus(Web3TxStatus.AWAITING_CONFIRM);\n\n const adapterAddress = adapterName\n ? getAdapterAddressFromContracts(adapterName, contracts)\n : BURN_ADDRESS;\n\n const {choice, metadata = {}} = partialVoteData;\n\n const {data: snapshotSpace} = await getSpace(SNAPSHOT_HUB_API_URL, SPACE);\n\n const voteData: SnapshotMessageVote = {\n chainId: DEFAULT_CHAIN,\n choice,\n metadata: {\n ...metadata,\n /**\n * Must be the true member's address for calculating voting power.\n * It's safest to use our helper Redux value `memberAddress: string`,\n * as it uses `OffchainVoting.memberAddressesByDelegatedKey`.\n */\n memberAddress,\n },\n };\n\n const voteProposalData: SnapshotVoteProposal = {\n proposalId: proposalIdInDAO,\n space: SPACE,\n token: snapshotSpace.token,\n };\n\n // 1. Check proposal type and get appropriate message\n const message = await buildVoteMessage(\n voteData,\n voteProposalData,\n SNAPSHOT_HUB_API_URL\n );\n\n const erc712Message = prepareVoteMessage({\n timestamp: message.timestamp,\n payload: {\n proposalId: message.payload.proposalId,\n choice: VoteChoicesIndex[choice],\n },\n });\n\n const {domain, types} = getDomainDefinition(\n {...erc712Message, type: SnapshotType.vote},\n daoRegistryAddress,\n adapterAddress,\n DEFAULT_CHAIN\n );\n\n const dataToSign = JSON.stringify({\n types: types,\n domain: domain,\n primaryType: PRIMARY_TYPE_ERC712,\n message: erc712Message,\n });\n\n const signature: string = await signMessage(\n provider,\n account,\n dataToSign\n );\n\n setVoteDataStatus(Web3TxStatus.PENDING);\n\n // 3. Send data to snapshot-hub\n const {data} = await submitMessage(\n SNAPSHOT_HUB_API_URL,\n account,\n {\n ...message,\n payload: {...message.payload, proposalId: proposalIdInSnapshot},\n },\n signature,\n {\n actionId: domain.actionId,\n chainId: domain.chainId,\n verifyingContract: domain.verifyingContract,\n message: erc712Message,\n }\n );\n\n const dataToReturn = {\n data: message,\n signature,\n uniqueId: data.uniqueId,\n };\n\n setVoteDataStatus(Web3TxStatus.FULFILLED);\n setVoteData(dataToReturn);\n\n return dataToReturn;\n } catch (error) {\n setVoteDataStatus(Web3TxStatus.REJECTED);\n setVoteDataError(error);\n\n throw error;\n }\n }\n\n return {\n signAndSendVote,\n voteData,\n voteDataError,\n voteDataStatus,\n };\n}\n","import {useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {\n buildDraftMessage,\n buildProposalMessage,\n getDomainDefinition,\n getSpace,\n prepareDraftMessage,\n prepareProposalMessage,\n signMessage,\n SnapshotMessageBase,\n SnapshotMessageProposal,\n SnapshotProposalData,\n SnapshotSubmitBaseReturn,\n SnapshotSubmitProposalReturn,\n SnapshotType,\n submitMessage,\n} from '@openlaw/snapshot-js-erc712';\n\nimport {\n ContractAdapterNames,\n ContractDAOConfigKeys,\n Web3TxStatus,\n} from '../../web3/types';\nimport {DEFAULT_CHAIN, SNAPSHOT_HUB_API_URL, SPACE} from '../../../config';\nimport {\n getAdapterAddressFromContracts,\n getDAOConfigEntry,\n} from '../../web3/helpers';\nimport {PRIMARY_TYPE_ERC712} from '../../web3/config';\nimport {\n ProposalOrDraftSignDataFromType,\n ProposalOrDraftSnapshotType,\n} from '../types';\nimport {StoreState} from '../../../store/types';\nimport {useWeb3Modal} from '../../web3/hooks/useWeb3Modal';\nimport {BURN_ADDRESS} from '../../../util/constants';\n\ntype SignAndSendData = {\n partialProposalData: PrepareAndSignProposalDataParam;\n adapterAddress?: string;\n adapterName?: ContractAdapterNames;\n type: T;\n};\n\ntype PrepareAndSignProposalDataParam = {\n body: SnapshotProposalData['payload']['body'];\n name: SnapshotProposalData['payload']['name'];\n metadata: SnapshotProposalData['payload']['metadata'];\n /**\n * Helpful for Proposal types when hashes between created Drafts\n * and yet to be created Proposals need to match.\n */\n timestamp?: SnapshotProposalData['timestamp'];\n};\n\ntype UseSignAndSubmitProposalReturn = {\n signAndSendProposal: (\n d: SignAndSendData\n ) => Promise>;\n proposalData: SignAndSendProposalReturn | undefined;\n proposalSignAndSendError: Error | undefined;\n proposalSignAndSendStatus: Web3TxStatus;\n};\n\ntype SignAndSendProposalReturn = {\n data: ProposalOrDraftSignDataFromType;\n signature: string;\n uniqueId: SnapshotSubmitBaseReturn['uniqueId'];\n uniqueIdDraft: SnapshotSubmitProposalReturn['uniqueIdDraft'];\n};\n\n/**\n * useSignAndSubmitProposal\n *\n * React hook which prepares proposal data for submission\n * to Snapshot and Tribute and signs it (ERC712)\n *\n * @returns {Promise} An object with the proposal data and the ERC712 signature string.\n */\nexport function useSignAndSubmitProposal<\n T extends ProposalOrDraftSnapshotType\n>(): UseSignAndSubmitProposalReturn {\n /**\n * Selectors\n */\n\n const daoRegistryAddress = useSelector(\n (state: StoreState) => state.contracts.DaoRegistryContract?.contractAddress\n );\n const daoRegistryInstance = useSelector(\n (state: StoreState) => state.contracts.DaoRegistryContract?.instance\n );\n const contracts = useSelector((state: StoreState) => state.contracts);\n\n /**\n * Our hooks\n */\n\n const {account, provider, web3Instance} = useWeb3Modal();\n\n /**\n * State\n */\n\n const [proposalData, setProposalData] =\n useState>();\n const [proposalSignAndSendError, setProposalSignAndSendError] =\n useState();\n const [proposalSignAndSendStatus, setProposalSignAndSendStatus] =\n useState(Web3TxStatus.STANDBY);\n\n /**\n * Functions\n */\n\n /**\n * A wrapper to clearly separate the running of functions\n * specific to Proposals.\n *\n * @param {SnapshotMessageBase & Partial} commonData\n * @returns {Promise}\n */\n async function buildProposalMessageHelper(\n commonData: SnapshotMessageBase & Partial\n ): Promise {\n if (!SNAPSHOT_HUB_API_URL) {\n throw new Error('No \"SNAPSHOT_HUB_API_URL\" was found.');\n }\n\n if (!web3Instance) {\n throw new Error('No Web3 instance was found.');\n }\n\n const snapshot: number = await web3Instance.eth.getBlockNumber();\n\n const votingTimeSeconds: number = parseInt(\n await getDAOConfigEntry(\n ContractDAOConfigKeys.offchainVotingVotingPeriod,\n daoRegistryInstance\n )\n );\n\n return await buildProposalMessage(\n {\n ...commonData,\n votingTimeSeconds,\n snapshot,\n },\n SNAPSHOT_HUB_API_URL\n );\n }\n\n /**\n * signAndSendProposal\n *\n * Builds the proposal data for submission to Tribute and Snapshot and signs it (ERC712).\n *\n * @returns {Promise} An object with the proposal data, signature string, and propsal hash(es) from snapshot-hub.\n */\n async function signAndSendProposal({\n partialProposalData,\n adapterAddress,\n adapterName,\n type,\n }: SignAndSendData): Promise> {\n try {\n if (!account) {\n throw new Error('No account was found to send.');\n }\n\n if (!web3Instance) {\n throw new Error('No Web3 instance was found.');\n }\n\n if (!daoRegistryAddress) {\n throw new Error('No \"DaoRegistry\" address was found.');\n }\n\n if (!SNAPSHOT_HUB_API_URL) {\n throw new Error('No \"SNAPSHOT_HUB_API_URL\" was found.');\n }\n\n if (!SPACE) {\n throw new Error('No Snapshot \"SPACE\" was found.');\n }\n\n if (type !== SnapshotType.draft && type !== SnapshotType.proposal) {\n throw new Error('Handling for type \"vote\" is not implemented.');\n }\n\n setProposalSignAndSendStatus(Web3TxStatus.AWAITING_CONFIRM);\n\n const actionId = adapterAddress\n ? adapterAddress\n : adapterName\n ? getAdapterAddressFromContracts(adapterName, contracts)\n : BURN_ADDRESS;\n\n const {body, name, metadata, timestamp} = partialProposalData;\n\n const {data: snapshotSpace} = await getSpace(SNAPSHOT_HUB_API_URL, SPACE);\n\n const commonData: SnapshotMessageBase = {\n name,\n body,\n metadata,\n token: snapshotSpace.token,\n space: SPACE,\n };\n\n // 1. Check proposal type and prepare appropriate message\n const message = (\n type === SnapshotType.draft\n ? await buildDraftMessage(commonData, SNAPSHOT_HUB_API_URL)\n : await buildProposalMessageHelper({\n ...commonData,\n timestamp,\n })\n ) as ProposalOrDraftSignDataFromType;\n\n // 2. Prepare signing data. Snapshot and the contracts will verify this same data against the signature.\n const erc712Message =\n type === SnapshotType.draft\n ? prepareDraftMessage(message)\n : prepareProposalMessage(message as SnapshotProposalData);\n\n const {domain, types} = getDomainDefinition(\n {...erc712Message, type},\n daoRegistryAddress,\n actionId,\n DEFAULT_CHAIN\n );\n\n const dataToSign = JSON.stringify({\n types,\n domain,\n primaryType: PRIMARY_TYPE_ERC712,\n message: erc712Message,\n });\n\n // 3. Sign data\n const signature = await signMessage(provider, account, dataToSign);\n\n setProposalSignAndSendStatus(Web3TxStatus.PENDING);\n\n // 3. Send data to snapshot-hub\n const {data} = await submitMessage(\n SNAPSHOT_HUB_API_URL,\n account,\n message,\n signature,\n {\n actionId: domain.actionId,\n chainId: domain.chainId,\n verifyingContract: domain.verifyingContract,\n message: erc712Message,\n }\n );\n\n const dataToReturn = {\n data: message,\n signature,\n uniqueId: data.uniqueId,\n uniqueIdDraft: data.uniqueIdDraft || '',\n };\n\n setProposalSignAndSendStatus(Web3TxStatus.FULFILLED);\n setProposalData(dataToReturn);\n\n return dataToReturn;\n } catch (error) {\n setProposalSignAndSendStatus(Web3TxStatus.REJECTED);\n setProposalSignAndSendError(error);\n\n throw error;\n }\n }\n\n return {\n proposalData,\n proposalSignAndSendError,\n proposalSignAndSendStatus,\n signAndSendProposal,\n };\n}\n","type EtherscanURLProps = {\n url: string;\n isPending?: boolean;\n};\n\nexport default function EtherscanURL(props: EtherscanURLProps) {\n const {url, isPending = false} = props;\n\n return (\n \n \n {isPending ? 'view progress' : 'view transaction'}\n \n \n );\n}\n","export function calculateVotingTimeRanges({\n gracePeriodLength,\n gracePeriodStartingTime,\n votePeriodLength,\n voteStartingTime,\n}: {\n gracePeriodLength: string | undefined;\n gracePeriodStartingTime: string | undefined;\n votePeriodLength: string | undefined;\n voteStartingTime: string | undefined;\n}): {\n gracePeriodEndMs: number;\n gracePeriodStartMs: number;\n voteEndMs: number;\n voteStartMs: number;\n} {\n const MS_MULTIPLIER: number = 1000;\n const toNumber = (value: string | undefined): number => Number(value || 0);\n\n const gracePeriodStartMs: number =\n toNumber(gracePeriodStartingTime) * MS_MULTIPLIER;\n\n const voteStartMs: number = toNumber(voteStartingTime) * MS_MULTIPLIER;\n\n return {\n voteEndMs: voteStartMs + toNumber(votePeriodLength) * MS_MULTIPLIER,\n voteStartMs,\n gracePeriodEndMs:\n gracePeriodStartMs + toNumber(gracePeriodLength) * MS_MULTIPLIER,\n gracePeriodStartMs,\n };\n}\n","import {SNAPSHOT_HUB_API_URL, SPACE} from '../../../config';\nimport {SnapshotOffchainProofResponse} from '../voting/types';\n\n/**\n * getOffchainVotingProof\n *\n * Gets a Merkle hex root's steps from Snapshot Hub\n * for verification.\n *\n * @link https://github.com/openlawteam/snapshot-hub\n */\nexport async function getOffchainVotingProof(\n merkleRootHex: string\n): Promise {\n try {\n const response = await fetch(\n `${SNAPSHOT_HUB_API_URL}/api/${SPACE}/offchain_proof/${merkleRootHex}`\n );\n\n // Return empty if not found\n if (response.status === 404) {\n return undefined;\n }\n\n // Some other error occured\n if (!response.ok) {\n throw new Error(\n 'Something went wrong while getting the off-chain vote proof.'\n );\n }\n\n return await response.json();\n } catch (error) {\n throw error;\n }\n}\n","import {VoteChoicesIndex} from '@openlaw/snapshot-js-erc712';\n\nimport {normalizeString} from '../../../util/helpers';\nimport {SnapshotProposal} from '../types';\nimport {VoteChoices} from '../../web3/types';\n\nexport function getVoteChosen(\n votes: SnapshotProposal['votes'],\n account: string\n): VoteChoices | undefined {\n const voteEntry = (votes || []).find((ve) =>\n Object.entries(ve).find(\n ([address, _voteData]) =>\n normalizeString(address) === normalizeString(account || '')\n )\n );\n\n if (voteEntry) {\n const voteData = Object.entries(voteEntry)[0][1];\n const choice = voteData.msg.payload.choice;\n\n return choice === VoteChoicesIndex.Yes ? VoteChoices.Yes : VoteChoices.No;\n }\n\n return undefined;\n}\n","import {AbiItem} from 'web3-utils/types';\n\nimport {VotingAdapterName} from '../../adapters-extensions/enums';\n\n/**\n * getVotingAdapterABI\n *\n * Gets the ABI for a voting adapter by the adapter's adapter name.\n *\n * @param {VotingAdapterName} votingAdapterName\n * @returns {Promise}\n */\nexport async function getVotingAdapterABI(\n votingAdapterName: VotingAdapterName\n): Promise {\n try {\n switch (votingAdapterName) {\n // Off-chain optimistic rollup\n case VotingAdapterName.OffchainVotingContract:\n const {default: lazyOffchainVotingABI} = await import(\n '../../../truffle-contracts/OffchainVotingContract.json'\n );\n\n return lazyOffchainVotingABI as AbiItem[];\n\n // On-chain voting\n case VotingAdapterName.VotingContract:\n const {default: lazyVotingABI} = await import(\n '../../../truffle-contracts/VotingContract.json'\n );\n\n return lazyVotingABI as AbiItem[];\n\n default:\n throw new Error(\n `No voting adapter name was found for \"${votingAdapterName}\".`\n );\n }\n } catch (error) {\n throw error;\n }\n}\n","import {ProposalFlag} from '../types';\n\n/**\n * proposalHasFlag\n *\n * @param flagToCheck\n * @param daoProposalFlag\n * @returns {boolean}\n *\n * @see `ProposalFlag` `DaoRegistry.sol`\n * @see `getFlag` `DaoConstants.sol`\n * @see `setFlag` `DaoConstants.sol`\n */\nexport function proposalHasFlag(\n flagToCheck: ProposalFlag,\n daoProposalFlag: number | string\n): boolean {\n return flagToCheck === Math.log2(Number(daoProposalFlag) + 1) - 1;\n}\n","import {VotingState} from '../voting/types';\n\nexport function proposalHasVotingState(\n votingStateToCheck: VotingState,\n votingState: number | string\n): boolean {\n return VotingState[votingState] === VotingState[votingStateToCheck];\n}\n","import {SNAPSHOT_HUB_API_URL, SPACE} from '../../../config';\nimport {ToStepNodeResult} from '@openlaw/snapshot-js-erc712/dist/types';\n\ntype SubmitOffchainVotingProofArguments = {\n /**\n * DAO Adapter address\n */\n actionId: string;\n /**\n * Blockchain network ID\n */\n chainId: number;\n /**\n * Hex string of the Merkle root\n */\n merkleRoot: string;\n /**\n * An array of Merkle tree steps\n */\n steps: ToStepNodeResult[];\n /**\n * DAO Registry address\n */\n verifyingContract: string;\n};\n\n/**\n * submitOffchainVotingProof\n *\n * Submits a Merkle hex root and its steps to Snapshot Hub\n * for verification and storage (if successful).\n *\n * The API endpoint does not have any return data, only a `201` response.\n *\n * @link https://github.com/openlawteam/snapshot-hub\n */\nexport async function submitOffchainVotingProof(\n data: SubmitOffchainVotingProofArguments\n): Promise {\n try {\n const response = await fetch(\n `${SNAPSHOT_HUB_API_URL}/api/${SPACE}/offchain_proofs`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(data),\n }\n );\n\n if (!response.ok) {\n throw new Error(\n 'Something went wrong while submitting the off-chain vote proof.'\n );\n }\n } catch (error) {\n throw error;\n }\n}\n","/**\n * BURN_ADDRESS\n *\n * - e.g. Helpful when detecting no address.\n * - e.g. Helpful for ERC-712 signatures which have no action id (like Governance).\n */\nexport const BURN_ADDRESS: '0x0000000000000000000000000000000000000000' =\n '0x0000000000000000000000000000000000000000';\n","import {CoreProposalVoteChoices} from '@openlaw/snapshot-js-erc712';\nimport {VoteChoices} from './types';\n\n/**\n * WEB3 CONFIG for TRIBUTE\n */\n\n// Vote choices should be \"yes\", \"no\" unless Tribute contracts change.\nexport const VOTE_CHOICES: CoreProposalVoteChoices = [\n VoteChoices.Yes,\n VoteChoices.No,\n];\n\n// When signing data this is the `primaryType` key's value which is part of the data to sign.\nexport const PRIMARY_TYPE_ERC712 = 'Message';\n\nexport const TX_CYCLE_MESSAGES: string[] = [\n 'Submitting\\u2026',\n 'Working\\u2026',\n 'DAOing\\u2026',\n 'Getting closer\\u2026',\n 'Dreaming of ETH\\u2026',\n];\n","export * from './CycleEllipsis';\n","import React, {useState, useEffect} from 'react';\n\nimport {chooseRandom} from '../../util/helpers';\n\ntype CycleMessageProps = {\n /**\n * Use the first item as the default.\n */\n useFirstItemStart?: boolean;\n /**\n * What is the interval of cycling the message?\n */\n intervalMs: number;\n /**\n * Provide multiple strings to cycle through.\n */\n messages: string[];\n /**\n * Render a React Element.\n * activeMessage is passed in.\n */\n render: (m: string) => React.ReactElement;\n};\n\nexport default function CycleMessage(props: CycleMessageProps) {\n const {intervalMs, messages, useFirstItemStart} = props;\n\n // Default item at start.\n const INITIAL_ITEM = useFirstItemStart\n ? messages[0]\n : chooseRandom(messages);\n\n const [activeMessage, setActiveMessage] = useState(INITIAL_ITEM);\n\n useEffect(() => {\n const intervalId = setInterval(\n () =>\n setActiveMessage((prevMessage) =>\n chooseRandom(messages, prevMessage)\n ),\n intervalMs\n );\n\n return () => {\n clearInterval(intervalId);\n };\n }, [intervalMs, messages]);\n\n return props.render(activeMessage);\n}\n","/**\n * WEB3 TYPES\n */\n\n// ...\n\n/**\n * WEB3 ENUMS\n */\n\n/**\n * Mapping of DaoRegistry member flags.\n * This should match the enum (including order) in the `DaoRegistry`. If it does not match,\n * the results of checking the proposal's state via flag will be wrong.\n *\n * @see `MemberFlag` `DaoRegistry.sol`\n * @see `getFlag` `DaoConstants.sol`\n * @see `setFlag` `DaoConstants.sol`\n */\nexport enum MemberFlag {\n EXISTS,\n}\n\n/**\n * Should match tribute-contracts constants\n *\n * @todo Add other extensions as needs arise\n */\nexport enum ContractAdapterNames {\n bank = 'bank',\n configuration = 'configuration',\n coupon_onboarding = 'coupon-onboarding',\n dao_registry = 'daoRegistry',\n distribute = 'distribute',\n financing = 'financing',\n guildkick = 'guildkick',\n managing = 'managing',\n nft = 'nft',\n onboarding = 'onboarding',\n ragequit = 'ragequit',\n tribute = 'tribute',\n tribute_nft = 'tribute-nft',\n voting = 'voting',\n}\n\n/**\n * Should match tribute-contracts constants\n *\n * @todo Add other extensions as needs arise\n */\nexport enum ContractExtensionNames {\n bank = 'bank',\n erc20 = 'erc20-ext',\n nft = 'nft',\n}\n\n/**\n * Should match tribute-contracts constants\n *\n * @todo Add other extensions as needs arise\n */\nexport enum ContractDAOConfigKeys {\n offchainVotingGracePeriod = 'offchainvoting.gracePeriod',\n offchainVotingStakingAmount = 'offchainvoting.stakingAmount',\n offchainVotingVotingPeriod = 'offchainvoting.votingPeriod',\n onboardingChunkSize = 'onboarding.chunkSize',\n onboardingMaximumChunks = 'onboarding.maximumChunks',\n onboardingUnitsPerChunk = 'onboarding.unitsPerChunk',\n onboardingTokenAddr = 'onboarding.tokenAddr',\n votingGracePeriod = 'voting.gracePeriod',\n votingStakingAmount = 'voting.stakingAmount',\n votingVotingPeriod = 'voting.votingPeriod',\n}\n\nexport enum VoteChoices {\n Yes = 'Yes',\n No = 'No',\n}\n\nexport enum Web3TxStatus {\n STANDBY = 'STANDBY',\n AWAITING_CONFIRM = 'AWAITING_CONFIRM',\n PENDING = 'PENDING',\n FULFILLED = 'FULFILLED',\n REJECTED = 'REJECTED',\n}\n","import {useState, useEffect} from 'react';\n\ntype LoaderLargeProps = {\n // Show waiting effect after some time has elapsed. Prevents the \"sudden\n // spinner\" UI/UX no-no. Esp. if we could have cached data.\n showAfterMs?: number;\n};\n\nexport default function LoaderLarge(props: LoaderLargeProps) {\n const {showAfterMs} = props;\n const [showLoaderAfterMs, setShowLoaderAfterMs] = useState(false);\n\n useEffect(() => {\n /* 200ms is approx. the time a user will notice a stalled, blank screen */\n const timeoutId =\n showAfterMs && setTimeout(() => setShowLoaderAfterMs(true), showAfterMs);\n\n return function cleanup() {\n timeoutId && clearTimeout(timeoutId);\n };\n }, [showAfterMs]);\n\n return !showAfterMs || (showAfterMs && showLoaderAfterMs) ? (\n \n ) : null;\n}\n","import Web3 from 'web3';\n\nexport const hasValue = (value: string) => (value !== '' ? true : false);\n\nexport const isEmailValid = (email: string) =>\n /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(email);\n\nexport const isEthAddressValid = (ethAddress: string) =>\n Web3.utils.isAddress(ethAddress);\n","/**\n * FOR HIGH REUSE TYPES\n *\n * For any other more specific types, co-locate them in either:\n *\n * 1) The actual code file.\n * 2) In a type file in the location of the code files which mainly use the types.\n *\n * @see https://kentcdodds.com/blog/colocation\n */\n\nexport type EnvironmentName = 'localhost' | 'development' | 'production';\n\nexport enum AsyncStatus {\n STANDBY = 'STANDBY',\n PENDING = 'PENDING',\n FULFILLED = 'FULFILLED',\n REJECTED = 'REJECTED',\n}\n\nexport interface MetaMaskRPCError extends Error {\n code: number;\n}\n","import {gql} from '@apollo/client';\n\nexport const GET_DAO = gql`\n query GetDao($id: ID) {\n tributeDaos(where: {id: $id}) {\n id # dao address\n daoAddress\n name\n totalUnits\n }\n }\n`;\n","import {gql} from '@apollo/client';\n\nexport const GET_ADAPTERS_AND_EXTENSIONS = gql`\n query GetAdaptersAndExtensions($daoAddress: String) {\n tributeDaos(where: {daoAddress: $daoAddress}) {\n daoAddress\n adapters {\n id\n acl\n adapterId\n adapterAddress\n }\n extensions {\n id\n extensionId\n extensionAddress\n }\n }\n }\n`;\n","import {gql} from '@apollo/client';\n\nexport const GET_MEMBERS = gql`\n query GetMembers($daoAddress: String) {\n tributeDaos(where: {daoAddress: $daoAddress}) {\n members(orderBy: createdAt, orderDirection: desc) {\n createdAt\n address: memberAddress\n delegateKey\n isDelegated\n units\n didFullyRagequit\n }\n }\n }\n`;\n","import {gql} from '@apollo/client';\n\nexport const GET_TOKEN_HOLDER_BALANCES = gql`\n query GetTokenHolderBalances($tokenAddress: String) {\n tokens(where: {tokenAddress: $tokenAddress}) {\n symbol\n tokenAddress\n holders {\n balance\n member {\n id\n delegateKey\n }\n }\n }\n }\n`;\n","import {ApolloLink} from '@apollo/client';\nimport {onError} from '@apollo/client/link/error';\nimport {Store} from 'redux';\n\nimport {setSubgraphNetworkStatus} from '../store/actions';\nimport {SubgraphNetworkStatus} from '../store/subgraphNetworkStatus/types';\nimport {StoreState} from '../store/types';\n\n/**\n * handleSubgraphError\n *\n * Handles an error from The Graph's GQL server at the Apollo\n * Link level.\n *\n * Handles network errors from The Graph's GQL server.\n *\n * About network errors from the Apollo Docs:\n *\n * \"Network errors occur \"These are errors encountered while attempting\n * to communicate with your GraphQL server, usually resulting in a\n * 4xx or 5xx response status code (and no data).\"\n *\n * We do not handle GQL errors that arise from individual queries.\n * Perhaps it best to handle those inside of the concerned components\n * (i.e. IF query error || subgraph is down THEN fallback)\n *\n * About GQL errors from the Apollo Docs:\n *\n * - Syntax errors (e.g., a query was malformed)\n * - Validation errors (e.g., a query included a schema field that doesn't exist)\n * - Resolver errors (e.g., an error occurred while attempting to populate a query field)\n *\n * @param {Store} store\n * @returns {ApolloLink}\n * @link https://www.apollographql.com/docs/react/data/error-handling\n */\nexport function handleSubgraphError(store: Store): ApolloLink {\n return onError(({/* graphQLErrors */ networkError}) => {\n if (networkError) {\n const reduxStateNotYetSet =\n (store.getState() as StoreState).subgraphNetworkStatus.status !==\n SubgraphNetworkStatus.ERR;\n\n if (reduxStateNotYetSet) {\n store.dispatch(\n setSubgraphNetworkStatus({status: SubgraphNetworkStatus.ERR})\n );\n\n // Show error once\n console.error(`[Subgraph network error]: ${networkError}`);\n }\n }\n\n // Reset when there's no more network error\n if (!networkError) {\n const reduxStateNotYetSet =\n (store.getState() as StoreState).subgraphNetworkStatus.status !==\n SubgraphNetworkStatus.OK;\n\n if (reduxStateNotYetSet) {\n store.dispatch(\n setSubgraphNetworkStatus({status: SubgraphNetworkStatus.OK})\n );\n }\n }\n });\n}\n","import {CLEAR_CONNECTED_MEMBER, SET_CONNECTED_MEMBER} from './actions';\nimport {ConnectedMemberState} from './types';\n\nconst INITIAL_STATE = null;\n\nexport default function reducer(\n state: ConnectedMemberState = INITIAL_STATE,\n action: any\n) {\n const {type, ...payload} = action;\n\n switch (type) {\n case SET_CONNECTED_MEMBER:\n return setConnectedMemberReducer(state, payload);\n case CLEAR_CONNECTED_MEMBER:\n return clearConnectedMemberReducer();\n default:\n return state;\n }\n}\n\nfunction setConnectedMemberReducer(\n state: Partial,\n payload: Record\n) {\n return {...state, ...payload};\n}\n\nfunction clearConnectedMemberReducer() {\n return INITIAL_STATE;\n}\n","import {CONNECT_MODAL_CLOSE, CONNECT_MODAL_OPEN} from './actions';\nimport {ConnectModalState} from './types';\n\nconst INITIAL_STATE = {\n isOpen: false,\n};\n\nexport default function reducer(\n state: ConnectModalState = INITIAL_STATE,\n action: any\n) {\n const {type} = action;\n\n switch (type) {\n case CONNECT_MODAL_CLOSE:\n return connectModalClose(state);\n case CONNECT_MODAL_OPEN:\n return connectModalOpen(state);\n default:\n return state;\n }\n}\n\nfunction connectModalClose(\n state: Partial\n): ConnectModalState {\n return {...state, isOpen: false};\n}\n\nfunction connectModalOpen(\n state: Partial\n): ConnectModalState {\n return {...state, isOpen: true};\n}\n","import {\n CLEAR_CONTRACTS,\n CONTRACT_BANK_ADAPTER,\n CONTRACT_BANK_EXTENSION,\n CONTRACT_BANK_FACTORY,\n CONTRACT_CONFIGURATION,\n CONTRACT_COUPON_ONBOARDING,\n CONTRACT_DAO_FACTORY,\n CONTRACT_DAO_REGISTRY_ADAPTER,\n CONTRACT_DAO_REGISTRY,\n CONTRACT_DISTRIBUTE,\n CONTRACT_ERC20_EXTENSION,\n CONTRACT_FINANCING,\n CONTRACT_GUILDKICK,\n CONTRACT_MANAGING,\n CONTRACT_NFT_ADAPTER,\n CONTRACT_NFT_EXTENSION,\n CONTRACT_ONBOARDING,\n CONTRACT_RAGEQUIT,\n CONTRACT_TRIBUTE_NFT,\n CONTRACT_TRIBUTE,\n CONTRACT_VOTING_OP_ROLLUP,\n CONTRACT_VOTING,\n} from '../actions';\nimport {ContractsState} from './types';\n\nconst initialState = {\n BankAdapterContract: null,\n BankExtensionContract: null,\n BankFactoryContract: null,\n ConfigurationContract: null,\n CouponOnboardingContract: null,\n DaoFactoryContract: null,\n DaoRegistryAdapterContract: null,\n DaoRegistryContract: null,\n DistributeContract: null,\n ERC20ExtensionContract: null,\n FinancingContract: null,\n GuildBankContract: null,\n ManagingContract: null,\n NFTAdapterContract: null,\n NFTExtensionContract: null,\n OnboardingContract: null,\n RagequitContract: null,\n TributeContract: null,\n TributeNFTContract: null,\n VotingContract: null,\n};\n\nexport default function reducer(\n state: ContractsState = initialState,\n action: any\n) {\n const {type, ...payload} = action;\n\n switch (type) {\n case CLEAR_CONTRACTS:\n return clearContracts(state);\n case CONTRACT_BANK_ADAPTER:\n return contractBankAdapter(state, payload);\n case CONTRACT_BANK_EXTENSION:\n return contractBankExtension(state, payload);\n case CONTRACT_BANK_FACTORY:\n return contractBankFactory(state, payload);\n case CONTRACT_CONFIGURATION:\n return contractConfiguration(state, payload);\n case CONTRACT_COUPON_ONBOARDING:\n return contractCouponOnboarding(state, payload);\n case CONTRACT_DAO_FACTORY:\n return contractDAOFactory(state, payload);\n case CONTRACT_DAO_REGISTRY:\n return contractDAORegistry(state, payload);\n case CONTRACT_DAO_REGISTRY_ADAPTER:\n return contractDaoRegistryAdapter(state, payload);\n case CONTRACT_DISTRIBUTE:\n return contractDistribute(state, payload);\n case CONTRACT_ERC20_EXTENSION:\n return contractERC20Extension(state, payload);\n case CONTRACT_FINANCING:\n return contractFinancing(state, payload);\n case CONTRACT_GUILDKICK:\n return contractGuildBank(state, payload);\n case CONTRACT_MANAGING:\n return contractManaging(state, payload);\n case CONTRACT_NFT_ADAPTER:\n return contractNFTAdapter(state, payload);\n case CONTRACT_NFT_EXTENSION:\n return contractNFTExtension(state, payload);\n case CONTRACT_ONBOARDING:\n return contractOnboarding(state, payload);\n case CONTRACT_RAGEQUIT:\n return contractRagequit(state, payload);\n case CONTRACT_TRIBUTE:\n return contractTribute(state, payload);\n case CONTRACT_TRIBUTE_NFT:\n return contractTributeNFT(state, payload);\n case CONTRACT_VOTING:\n return contractVoting(state, payload);\n case CONTRACT_VOTING_OP_ROLLUP:\n return contractVoting(state, payload);\n\n default:\n return state;\n }\n}\n\nfunction clearContracts(state: ContractsState) {\n return {...state, ...initialState};\n}\n\nfunction contractBankFactory(state: ContractsState, payload: any) {\n return {...state, BankFactoryContract: {...payload}};\n}\n\nfunction contractDAOFactory(state: ContractsState, payload: any) {\n return {...state, DaoFactoryContract: {...payload}};\n}\n\nfunction contractDAORegistry(state: ContractsState, payload: any) {\n return {...state, DaoRegistryContract: {...payload}};\n}\n\nfunction contractDaoRegistryAdapter(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, DaoRegistryAdapterContract: {...payload}};\n}\n\nfunction contractBankExtension(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, BankExtensionContract: {...payload}};\n}\n\nfunction contractConfiguration(state: ContractsState, payload: any) {\n return {...state, ConfigurationContract: {...payload}};\n}\n\nfunction contractDistribute(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, DistributeContract: {...payload}};\n}\n\nfunction contractFinancing(state: ContractsState, payload: any) {\n return {...state, FinancingContract: {...payload}};\n}\n\nfunction contractGuildBank(state: ContractsState, payload: any) {\n return {...state, GuildBankContract: {...payload}};\n}\n\nfunction contractOnboarding(state: ContractsState, payload: any) {\n return {...state, OnboardingContract: {...payload}};\n}\n\nfunction contractRagequit(state: ContractsState, payload: any) {\n return {...state, RagequitContract: {...payload}};\n}\n\nfunction contractTribute(state: ContractsState, payload: any): ContractsState {\n return {...state, TributeContract: {...payload}};\n}\n\nfunction contractVoting(state: ContractsState, payload: any): ContractsState {\n return {...state, VotingContract: {...payload}};\n}\n\nfunction contractManaging(state: ContractsState, payload: any): ContractsState {\n return {...state, ManagingContract: {...payload}};\n}\n\nfunction contractBankAdapter(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, BankAdapterContract: {...payload}};\n}\n\nfunction contractNFTAdapter(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, NFTAdapterContract: {...payload}};\n}\n\nfunction contractTributeNFT(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, TributeNFTContract: {...payload}};\n}\n\nfunction contractCouponOnboarding(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, CouponOnboardingContract: {...payload}};\n}\n\nfunction contractNFTExtension(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, NFTExtensionContract: {...payload}};\n}\n\nfunction contractERC20Extension(\n state: ContractsState,\n payload: any\n): ContractsState {\n return {...state, ERC20ExtensionContract: {...payload}};\n}\n","import {SET_SUBGRAPH_NETWORK_STATUS} from './actions';\nimport {SubgraphNetworkStatus, SubgraphNetworkStatusState} from './types';\n\nconst INITIAL_STATE = {\n status: SubgraphNetworkStatus.OK,\n};\n\nexport default function reducer(\n state: SubgraphNetworkStatusState = INITIAL_STATE,\n action: any\n) {\n const {type, ...payload} = action;\n\n switch (type) {\n case SET_SUBGRAPH_NETWORK_STATUS:\n return setSubgraphNetworkStatus(state, payload);\n default:\n return state;\n }\n}\n\nfunction setSubgraphNetworkStatus(\n state: Partial,\n payload: Record\n) {\n return {...state, ...payload};\n}\n","import {combineReducers} from 'redux';\n\nimport connectedMember from './connectedMember/reducers';\nimport connectModal from './connectModal/reducers';\nimport contracts from './contracts/reducers';\nimport subgraphNetworkStatus from './subgraphNetworkStatus/reducers';\n\nexport default combineReducers({\n connectModal,\n connectedMember,\n contracts,\n subgraphNetworkStatus,\n});\n","import {applyMiddleware, createStore} from 'redux';\nimport {composeWithDevTools} from 'redux-devtools-extension/logOnlyInProduction';\nimport thunk from 'redux-thunk';\n\nimport rootReducer from './reducers';\n\nexport const store = createStore(\n rootReducer,\n composeWithDevTools(applyMiddleware(thunk))\n);\n","import React from 'react';\n\nexport default function DiscordSVG(props: React.SVGAttributes) {\n return (\n \n );\n}\n","import DiscordSVG from '../../assets/svg/DiscordSVG';\nimport GitHubSVG from '../../assets/svg/GitHubSVG';\nimport MediumSVG from '../../assets/svg/MediumSVG';\n\n// @todo Add missing URLs when available\nenum SocialMediaLinks {\n DISCORD = '#',\n // query params search sepcifically for openlawteam/tribute-ui and\n // openlawteam/tribute-contracts\n GITHUB = 'https://github.com/search?q=org%3Aopenlawteam+tribute-ui+OR+tribute-contracts+in%3Aname&type=repositories',\n MEDIUM = '#',\n}\n\nexport default function SocialMedia() {\n return (\n
\n );\n}\n","import React from 'react';\n\nimport Logo from './Logo';\n\n/**\n * ModalLogo\n * This component is used for modal menu\n */\nexport function ModalLogo() {\n return (\n
\n \n
\n );\n}\n\n/**\n * LeftLogo\n * This component is used for main pages\n */\nexport function LeftLogo() {\n return (\n
\n \n
\n );\n}\n\n/**\n * CenterLogo\n * This component is used for splash page\n */\nexport function CenterLogo() {\n return (\n
\n \n
\n );\n}\n","export default function HamburgerSVG() {\n return (\n \n \n \n );\n}\n","import {isMobile} from '@walletconnect/browser-utils';\nimport {useDispatch} from 'react-redux';\n\nimport {connectModalOpen} from '../../store/actions';\nimport {truncateEthAddress} from '../../util/helpers';\nimport {useIsDefaultChain} from './hooks';\nimport {useWeb3Modal} from './hooks';\nimport {WalletIcon} from './';\n\ntype CustomWalletTextProps = {\n account: ReturnType['account'];\n connected: ReturnType['connected'];\n isMobile: ReturnType;\n};\n\ntype ConnectWalletButtonProps = {\n customWalletText?: ((o: CustomWalletTextProps) => string) | string;\n showWalletETHBadge?: boolean;\n};\n\nexport default function ConnectWalletButton({\n customWalletText,\n // Defaults to `true`\n showWalletETHBadge = true,\n}: ConnectWalletButtonProps): JSX.Element {\n /**\n * Our hooks\n */\n\n const {account, connected, web3Modal} = useWeb3Modal();\n\n const {isDefaultChain} = useIsDefaultChain();\n\n /**\n * Their hooks\n */\n\n const dispatch = useDispatch();\n\n /**\n * Variables\n */\n\n const isWrongNetwork: boolean = isDefaultChain === false;\n\n /**\n * Functions\n */\n\n function getWalletText(): string {\n if (customWalletText) {\n return typeof customWalletText === 'function'\n ? customWalletText({account, connected, isMobile: isMobile()})\n : customWalletText;\n }\n\n if (account) {\n return truncateEthAddress(account);\n }\n\n return 'Connect';\n }\n\n /**\n * Return\n */\n\n return (\n {\n dispatch(connectModalOpen());\n }}>\n \n {getWalletText()}\n \n\n {isWrongNetwork && connected && Wrong Network}\n\n {showWalletETHBadge && (\n \n )}\n \n );\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\n\nimport {StoreState} from '../../../store/types';\nimport {ERC20RegisterDetails} from '../DaoToken';\nimport {AsyncStatus} from '../../../util/types';\n\ntype UseDaoTokenDetailsReturn = {\n daoTokenDetails: ERC20RegisterDetails | undefined;\n daoTokenDetailsError: Error | undefined;\n daoTokenDetailsStatus: AsyncStatus;\n};\n\n/**\n * useDaoTokenDetails\n *\n * Gets DAO token details from ERC20Extension contract.\n *\n * @returns {UseDaoTokenDetailsReturn}\n */\nexport function useDaoTokenDetails(): UseDaoTokenDetailsReturn {\n /**\n * Selectors\n */\n\n const ERC20ExtensionContract = useSelector(\n (state: StoreState) => state.contracts?.ERC20ExtensionContract\n );\n\n /**\n * State\n */\n\n const [daoTokenDetails, setDaoTokenDetails] =\n useState();\n const [daoTokenDetailsStatus, setDaoTokenDetailsStatus] =\n useState(AsyncStatus.STANDBY);\n const [daoTokenDetailsError, setDaoTokenDetailsError] = useState();\n\n /**\n * Cached callbacks\n */\n\n const getDaoTokenDetailsCached = useCallback(getDaoTokenDetails, [\n ERC20ExtensionContract,\n ]);\n\n /**\n * Effects\n */\n\n useEffect(() => {\n getDaoTokenDetailsCached();\n }, [getDaoTokenDetailsCached]);\n\n /**\n * Functions\n */\n\n async function getDaoTokenDetails() {\n if (!ERC20ExtensionContract) return;\n\n try {\n setDaoTokenDetailsStatus(AsyncStatus.PENDING);\n\n const symbol = await ERC20ExtensionContract.instance.methods\n .symbol()\n .call();\n const decimals = await ERC20ExtensionContract.instance.methods\n .decimals()\n .call();\n\n setDaoTokenDetails({\n address: ERC20ExtensionContract.contractAddress,\n symbol,\n decimals: Number(decimals),\n image: `${window.location.origin}/favicon.ico`,\n });\n\n setDaoTokenDetailsStatus(AsyncStatus.FULFILLED);\n } catch (error) {\n console.log(error);\n setDaoTokenDetails(undefined);\n setDaoTokenDetailsError(error);\n setDaoTokenDetailsStatus(AsyncStatus.REJECTED);\n }\n }\n\n return {daoTokenDetails, daoTokenDetailsError, daoTokenDetailsStatus};\n}\n","import {useCallback, useEffect, useState} from 'react';\n\nimport FadeIn from '../../components/common/FadeIn';\nimport {useWeb3Modal} from '../../components/web3/hooks';\nimport {useTokenHolderBalances} from './hooks';\nimport {formatNumber} from '../../util/helpers';\nimport {ETHERSCAN_URLS} from '../../config';\n\nexport type ERC20HolderDetails = {\n symbol: string;\n balance: number;\n tokenAddress: string;\n};\n\ntype DaoTokenHolderProps = {\n backgroundColor?: string;\n border?: string;\n color?: string;\n customStyles?: Record;\n};\n\nconst image = `${window.location.origin}/favicon.ico`;\n\nconst toDataURL = (url: string) =>\n fetch(url)\n .then((response) => response.blob())\n .then(\n (blob) =>\n new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onloadend = () => resolve(reader.result);\n reader.onerror = reject;\n reader.readAsDataURL(blob);\n })\n );\n\nexport default function DaoTokenHolder({\n customStyles,\n ...badgeStyles\n}: DaoTokenHolderProps): JSX.Element {\n /**\n * State\n */\n\n const [tokenHolder, setTokenHolder] = useState();\n const [tokenImageUrl, setTokenImageURL] = useState();\n const [tokenEtherscanURL, setTokenEtherscanURL] = useState('');\n\n /**\n * Our hooks\n */\n\n const {tokenHolderBalances} = useTokenHolderBalances();\n const {account, networkId} = useWeb3Modal();\n\n /**\n * Cached callbacks\n */\n\n const getTokenImageCallback = useCallback(getTokenImage, []);\n\n /**\n * Effects\n */\n\n useEffect(() => {\n setTokenHolder(undefined);\n\n if (account && tokenHolderBalances) {\n const {holders, symbol, tokenAddress} = tokenHolderBalances;\n\n const holderData = holders?.find(\n (holder: any) =>\n holder.member?.id.toLowerCase() === account.toLowerCase()\n );\n\n holderData &&\n setTokenHolder({\n balance: holderData.balance,\n tokenAddress,\n symbol,\n });\n\n account &&\n networkId &&\n setTokenEtherscanURL(\n `${ETHERSCAN_URLS[networkId]}/token/${tokenAddress}?a=${account}`\n );\n\n getTokenImageCallback();\n }\n }, [account, networkId, tokenHolderBalances, getTokenImageCallback]);\n\n /**\n * Functions\n */\n\n function getTokenImage() {\n try {\n toDataURL(image).then((dataUrl: any) => {\n dataUrl && setTokenImageURL(dataUrl);\n });\n } catch (error) {\n console.log(error);\n }\n }\n\n /**\n * Render\n */\n\n if (tokenHolder) {\n return (\n \n \n \n {formatNumber(tokenHolder.balance)}\n \n {tokenHolder.symbol}\n\n {tokenImageUrl && }\n \n \n );\n }\n\n return <>;\n}\n","import {useCallback, useEffect, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {useLazyQuery} from '@apollo/react-hooks';\n\nimport {StoreState} from '../../../store/types';\nimport {GET_TOKEN_HOLDER_BALANCES} from '../../../gql';\n\ntype UseTokenHolderBalancesReturn = {\n tokenHolderBalances: Record | undefined;\n gqlError: Error | undefined;\n};\n\n/**\n * useTokenHolderBalances\n *\n * This component queries The Graph API to get data on the token holders\n *\n * @returns {UseTokenHolderBalancesReturn}\n */\nexport function useTokenHolderBalances(): UseTokenHolderBalancesReturn {\n /**\n * Selectors\n */\n\n const erc20ExtensionContract = useSelector(\n (s: StoreState) => s.contracts?.ERC20ExtensionContract\n );\n\n const connectedMember = useSelector((s: StoreState) => s.connectedMember);\n\n /**\n * GQL Query\n */\n\n const [\n getTokenHolderBalances,\n {called, loading, data, error, startPolling, stopPolling},\n ] = useLazyQuery(GET_TOKEN_HOLDER_BALANCES, {\n variables: {\n tokenAddress: erc20ExtensionContract?.contractAddress.toLowerCase(),\n },\n });\n\n /**\n * State\n */\n\n const [tokenHolderBalances, setTokenHolderBalances] = useState<\n Record | undefined\n >();\n const [gqlError, setGqlError] = useState();\n\n /**\n * Cached callbacks\n */\n\n const getTokenBalanceCallback = useCallback(getTokenBalance, [\n erc20ExtensionContract?.contractAddress,\n data,\n error,\n loading,\n ]);\n\n /**\n * Effects\n */\n\n useEffect(() => {\n if (!called) {\n getTokenHolderBalances();\n }\n }, [called, getTokenHolderBalances]);\n\n useEffect(() => {\n if (!loading && erc20ExtensionContract?.contractAddress) {\n getTokenBalanceCallback();\n }\n }, [\n erc20ExtensionContract?.contractAddress,\n getTokenBalanceCallback,\n loading,\n ]);\n\n // When the `SET_CONNECTED_MEMBER` redux action is dispatched in other\n // components (to refetch the connected user's member status info) the\n // `useSelector` hook above will return a new `connectedMember` object. By\n // default, the `useEffect` hook uses a strict equality comparison which will\n // consider the new object a changed value (even if the individual fields are\n // the same from the previous `connectedMember` store state). This change is\n // used to trigger a refresh of the `GET_TOKEN_HOLDER_BALANCES` query result\n // so any change to the connected token holder's balance can be shown in the\n // nav badge without having to do a page reload.\n useEffect(() => {\n // a single refetch may not be enough to catch any token balance change so\n // we poll but only for a short time period\n connectedMember && startPolling && startPolling(2000);\n\n const pollingTimeoutId = stopPolling && setTimeout(stopPolling, 10000);\n\n return function cleanup() {\n pollingTimeoutId && clearTimeout(pollingTimeoutId);\n };\n }, [connectedMember, startPolling, stopPolling]);\n\n /**\n * Functions\n */\n\n function getTokenBalance() {\n try {\n if (!loading && data) {\n setTokenHolderBalances(data.tokens[0]);\n if (data.tokens.length === 0) {\n const error = new Error(\n `\"${erc20ExtensionContract?.contractAddress}\" erc20 address not found.`\n );\n throw error;\n }\n } else {\n if (error) {\n const error = new Error(\n `\"${erc20ExtensionContract?.contractAddress}\" is not a valid erc20 address.`\n );\n\n throw error;\n }\n }\n } catch (error) {\n setGqlError(error);\n }\n }\n\n return {tokenHolderBalances, gqlError};\n}\n","import {NavLink} from 'react-router-dom';\nimport {Transition} from 'react-transition-group';\nimport {useSelector} from 'react-redux';\nimport {useState, useEffect, useRef} from 'react';\nimport Media from 'react-media';\nimport ReactModal from 'react-modal';\n\nimport {ModalLogo} from './logo';\nimport {StoreState} from '../store/types';\nimport {useWeb3Modal} from './web3/hooks';\nimport HamburgerSVG from '../assets/svg/HamburgerSVG';\nimport TimesSVG from '../assets/svg/TimesSVG';\nimport Web3ModalButton from './web3/Web3ModalButton';\nimport DaoTokenHolder from './dao-token/DaoTokenHolder';\n\n// see: http://reactcommunity.org/react-transition-group/transition\nconst duration = 200;\n\nconst defaultStyle = {\n transition: '0.1s',\n};\n\nconst transitionOpeningStyles: Record = {\n entering: {right: '-300px'},\n entered: {right: 0},\n exiting: {right: 0, opacity: 0},\n exited: {right: '-300px', opacity: 0},\n};\n\nconst transitionClosingStyles: Record = {\n entering: {right: 0, opacity: 1},\n entered: {right: '-300px', opacity: 1},\n exiting: {right: '-300px', opacity: 1},\n exited: {right: 0, opacity: 1},\n};\n\nexport function NavLinks() {\n return (\n \n );\n}\n\nexport function NavHamburger() {\n /**\n * Selectors\n */\n\n const connectedMember = useSelector((s: StoreState) => s.connectedMember);\n\n /**\n * State\n */\n\n const [shouldShowMenuModal, setShouldShowMenuModal] = useState(false);\n const [transitionStyles, setTransitionStyles] = useState>(\n transitionOpeningStyles\n );\n\n /**\n * Our hooks\n */\n\n const {account} = useWeb3Modal();\n\n /**\n * Refs\n */\n\n const closeMenuRef = useRef();\n\n /**\n * Effects\n */\n\n useEffect(() => {\n // Clean up on unmount\n return () => {\n closeMenuRef.current && clearTimeout(closeMenuRef.current);\n };\n }, []);\n\n /**\n * Variables\n */\n\n const isCurrentMemberOrDelegateConnected: boolean =\n account && connectedMember?.isActiveMember ? true : false;\n const isCurrentMemberConnected: boolean =\n account &&\n connectedMember?.isActiveMember &&\n account.toLowerCase() === connectedMember?.memberAddress.toLowerCase()\n ? true\n : false;\n\n /**\n * Functions\n */\n\n function handleMenuModalClose(close: boolean) {\n // delay transition for closing\n if (close) {\n setShouldShowMenuModal(close);\n setTransitionStyles(transitionOpeningStyles);\n } else {\n setTransitionStyles(transitionClosingStyles);\n closeMenuRef.current = setTimeout(\n () => setShouldShowMenuModal(close),\n 500\n );\n return () => closeMenuRef.current && clearTimeout(closeMenuRef.current);\n }\n }\n\n /**\n * Render\n */\n\n return (\n <>\n