18 | {i18n('howItWorksModal.content')}
19 |
20 | 
16 | ) : (
17 |
30 | {!!icon &&
35 | )
36 | }
37 |
--------------------------------------------------------------------------------
/src/components/TextField.tsx:
--------------------------------------------------------------------------------
1 | import { InputHTMLAttributes } from 'react'
2 | import tw, { css } from 'twin.macro'
3 |
4 | export default function TextField({
5 | type = 'text',
6 | ...props
7 | }: InputHTMLAttributes{icon}
}
31 |
32 | {children}
33 |
34 |
21 |
41 | )
42 | }
43 |
--------------------------------------------------------------------------------
/src/icons/AddMemberIcon.tsx:
--------------------------------------------------------------------------------
1 | const AddMemberIcon = () => (
2 |
8 | )
9 |
10 | export default AddMemberIcon
11 |
--------------------------------------------------------------------------------
/src/utils/networkPreflight.ts:
--------------------------------------------------------------------------------
1 | import addNetwork from '$/utils/addNetwork'
2 | import switchNetwork from '$/utils/switchNetwork'
3 | import isCorrectNetwork from './isCorrectNetwork'
4 | import getWalletProvider from '$/utils/getWalletProvider'
5 | import { call, put } from 'redux-saga/effects'
6 | import { WalletAction } from '$/features/wallet'
7 | import getNewStreamrClient from '$/utils/getNewStreamrClient'
8 |
9 | export default function networkPreflight() {
10 | return call(function* () {
11 | const provider = yield* getWalletProvider()
12 |
13 | try {
14 | if ((yield isCorrectNetwork(provider)) as boolean) {
15 | return
16 | }
17 |
18 | yield switchNetwork(provider)
19 | } catch (e: any) {
20 | if (e.code !== 4902) {
21 | throw e
22 | }
23 |
24 | yield addNetwork(provider)
25 | }
26 |
27 | yield put(
28 | WalletAction.setTransactionalClient({
29 | streamrClient: getNewStreamrClient({
30 | ethereum: provider,
31 | }),
32 | })
33 | )
34 | })
35 | }
36 |
--------------------------------------------------------------------------------
/src/hooks/useSubscriber.ts:
--------------------------------------------------------------------------------
1 | import { useDelegatedAccount, useDelegatedClient } from '$/features/delegation/hooks'
2 | import usePrivacy from '$/hooks/usePrivacy'
3 | import { RoomId } from '$/features/room/types'
4 | import { useWalletAccount, useWalletClient } from '$/features/wallet/hooks'
5 | import useAbility from '$/hooks/useAbility'
6 | import { PrivacySetting } from '$/types'
7 | import { StreamPermission } from '@streamr/sdk'
8 |
9 | /**
10 | * Returns an instance of `StreamrClient` associated with the entity (account)
11 | * that's permitted to subscribe to the room identified by the given id.
12 | */
13 | export default function useSubscriber(roomId: RoomId | undefined) {
14 | const mainClient = useWalletClient()
15 |
16 | const canMainSubscribe = !!useAbility(roomId, useWalletAccount(), StreamPermission.SUBSCRIBE)
17 |
18 | const hotClient = useDelegatedClient()
19 |
20 | const canHotSubscribe = !!useAbility(roomId, useDelegatedAccount(), StreamPermission.SUBSCRIBE)
21 |
22 | if (usePrivacy(roomId) === PrivacySetting.Public && canMainSubscribe) {
23 | return mainClient
24 | }
25 |
26 | if (canHotSubscribe) {
27 | return hotClient
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/Credits.tsx:
--------------------------------------------------------------------------------
1 | import Text from '$/components/Text'
2 | import i18n from '$/utils/i18n'
3 | import tw from 'twin.macro'
4 |
5 | export default function Credits({ tiny = false }: { tiny?: boolean }) {
6 | return (
7 |
28 | {children}
29 |
30 | {!!cta && (
31 |
37 | {cta}
38 |
39 | )}
40 |
26 |
27 | {i18n('common.decentralizedBy')}
28 |
34 | Streamr
35 |
36 |
37 |
38 | )
39 | }
40 |
--------------------------------------------------------------------------------
/src/icons/ExternalLinkIcon.tsx:
--------------------------------------------------------------------------------
1 | export default function ExternalLinkIcon() {
2 | return (
3 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/src/components/Submit.tsx:
--------------------------------------------------------------------------------
1 | import i18n from '$/utils/i18n'
2 | import { ButtonHTMLAttributes } from 'react'
3 | import tw from 'twin.macro'
4 | import PrimaryButton from './PrimaryButton'
5 | import Text from './Text'
6 |
7 | interface Props extends Omit
25 |
26 |
41 | )
42 | }
43 |
--------------------------------------------------------------------------------
/src/utils/preflight.ts:
--------------------------------------------------------------------------------
1 | import { ToastType } from '$/components/Toast'
2 | import InsufficientFundsError from '$/errors/InsufficientFundsError'
3 | import { MiscAction } from '$/features/misc'
4 | import { Address } from '$/types'
5 | import { getJsonRpcProvider } from '$/utils'
6 | import { BigNumber } from 'ethers'
7 | import { call, put } from 'redux-saga/effects'
8 | import networkPreflight from './networkPreflight'
9 |
10 | export default function preflight(account: Address) {
11 | return call(function* () {
12 | try {
13 | yield networkPreflight()
14 |
15 | const balance: BigNumber = yield getJsonRpcProvider().getBalance(account)
16 |
17 | if (balance.eq(0)) {
18 | throw new InsufficientFundsError()
19 | }
20 | } catch (e) {
21 | if (e instanceof InsufficientFundsError) {
22 | yield put(
23 | MiscAction.toast({
24 | title: 'Insufficient funds',
25 | desc: "You don't have enough MATIC.",
26 | type: ToastType.Error,
27 | })
28 | )
29 | }
30 |
31 | throw e
32 | }
33 | })
34 | }
35 |
--------------------------------------------------------------------------------
/src/icons/UserIcon.tsx:
--------------------------------------------------------------------------------
1 | import { SVGAttributes } from 'react'
2 |
3 | export default function UserIcon({ width = 18, height = 20, ...props }: SVGAttributes
27 |
37 | {label}
38 |
39 |
40 |
41 | {name}
42 |
43 |
32 | {icon}
33 |
34 |
35 | ) : (
36 |
15 | {i18n('common.needWalletLabel')}
16 |
39 | {i18n('common.integrationLabel', WalletIntegrationId.MetaMask)}
47 |
48 |
49 | )
50 | }
51 |
--------------------------------------------------------------------------------
/src/features/delegation/index.ts:
--------------------------------------------------------------------------------
1 | import { createReducer } from '@reduxjs/toolkit'
2 | import { DelegationState } from './types'
3 | import { createAction } from '@reduxjs/toolkit'
4 | import { Address, IFingerprinted, IOwnable, OptionalAddress } from '$/types'
5 | import getNewStreamrClient from '$/utils/getNewStreamrClient'
6 |
7 | const initialState: DelegationState = {
8 | privateKey: undefined,
9 | client: undefined,
10 | delegations: {},
11 | }
12 |
13 | export const DelegationAction = {
14 | setPrivateKey: createAction
40 |
60 |
61 | )
62 | }
63 |
--------------------------------------------------------------------------------
/src/utils/delegationPreflight.ts:
--------------------------------------------------------------------------------
1 | import Toast, { ToastType } from '$/components/Toast'
2 | import { selectDelegatedAccount } from '$/features/delegation/selectors'
3 | import { toaster } from 'toasterhea'
4 | import { Address, OptionalAddress } from '$/types'
5 | import { call, put, select } from 'redux-saga/effects'
6 | import { FlagAction } from '$/features/flag'
7 | import { Flag } from '$/features/flag/types'
8 | import retrieve from '$/features/delegation/helpers/retrieve'
9 | import i18n from '$/utils/i18n'
10 | import { Layer } from '$/consts'
11 |
12 | export default function delegationPreflight(requester: Address) {
13 | return call(function* () {
14 | let retrievedAccess = false
15 |
16 | const confirm = toaster(Toast, Layer.Toast)
17 |
18 | let delegatedAccount: OptionalAddress
19 |
20 | try {
21 | delegatedAccount = yield select(selectDelegatedAccount)
22 |
23 | if (delegatedAccount) {
24 | return delegatedAccount
25 | }
26 |
27 | retrievedAccess = true
28 |
29 | yield put(FlagAction.set(Flag.isAccessBeingDelegated(requester)))
30 |
31 | yield confirm.pop({
32 | title: i18n('delegationToast.title'),
33 | type: ToastType.Warning,
34 | desc: i18n('delegationToast.desc'),
35 | okLabel: i18n('delegationToast.okLabel'),
36 | cancelLabel: i18n('delegationToast.cancelLabel'),
37 | })
38 |
39 | return (yield retrieve({ owner: requester })) as string
40 | } finally {
41 | confirm.discard()
42 |
43 | if (retrievedAccess) {
44 | yield put(FlagAction.unset(Flag.isAccessBeingDelegated(requester)))
45 | }
46 | }
47 | })
48 | }
49 |
--------------------------------------------------------------------------------
/src/features/permissions/helpers/fetchPermissions.ts:
--------------------------------------------------------------------------------
1 | import { call, put } from 'redux-saga/effects'
2 | import StreamrClient, { PermissionAssignment, StreamPermission } from '@streamr/sdk'
3 | import handleError from '$/utils/handleError'
4 | import isSameAddress from '$/utils/isSameAddress'
5 | import { PermissionsAction } from '$/features/permissions'
6 | import getTransactionalClient from '$/utils/getTransactionalClient'
7 |
8 | export default function fetchPermissions({
9 | roomId,
10 | address,
11 | }: ReturnType