@make-software/csprclick-ui 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -0
- package/dist/cjs/lib/assets/animations/dotsDark.gif +0 -0
- package/dist/cjs/lib/assets/animations/dotsLight.gif +0 -0
- package/dist/cjs/lib/assets/animations/spinnerDark.gif +0 -0
- package/dist/cjs/lib/assets/animations/spinnerLight.gif +0 -0
- package/dist/cjs/lib/assets/generic-account-dark.svg +4 -0
- package/dist/cjs/lib/assets/generic-account.svg +4 -0
- package/dist/cjs/lib/assets/icons/ic-accounts.svg +3 -0
- package/dist/cjs/lib/assets/icons/ic-arrow-down.svg +3 -0
- package/dist/cjs/lib/assets/icons/ic-arrow-right.svg +3 -0
- package/dist/cjs/lib/assets/icons/ic-arrow-with-tail.svg +3 -0
- package/dist/cjs/lib/assets/icons/ic-cspr-products.svg +12 -0
- package/dist/cjs/lib/assets/icons/ic-currency.svg +11 -0
- package/dist/cjs/lib/assets/icons/ic-flag-ua.svg +14 -0
- package/dist/cjs/lib/assets/icons/ic-item-menu.svg +3 -0
- package/dist/cjs/lib/assets/icons/ic-moon.svg +10 -0
- package/dist/cjs/lib/assets/icons/ic-network.svg +8 -0
- package/dist/cjs/lib/assets/icons/ic-settings.svg +10 -0
- package/dist/cjs/lib/assets/icons/ic-signin.svg +10 -0
- package/dist/cjs/lib/assets/icons/ic-sun.svg +10 -0
- package/dist/cjs/lib/assets/logos/casper-signer-logo-small.svg +4 -0
- package/dist/cjs/lib/assets/logos/casper-signer-logo.svg +4 -0
- package/dist/cjs/lib/assets/logos/casper-signer-sign.png +0 -0
- package/dist/cjs/lib/assets/logos/casper-wallet-logo-small.svg +4 -0
- package/dist/cjs/lib/assets/logos/casper-wallet-logo.svg +3 -0
- package/dist/cjs/lib/assets/logos/casper-wallet-sign.png +0 -0
- package/dist/cjs/lib/assets/logos/casperdash.svg +9 -0
- package/dist/cjs/lib/assets/logos/cspr-click-logo-dark.svg +4 -0
- package/dist/cjs/lib/assets/logos/cspr-click-logo.svg +4 -0
- package/dist/cjs/lib/assets/logos/cspr-click-mono-black.png +0 -0
- package/dist/cjs/lib/assets/logos/google-social-logo.svg +1 -0
- package/dist/cjs/lib/assets/logos/ledger-logo-dark.svg +4 -0
- package/dist/cjs/lib/assets/logos/ledger-logo-small.svg +16 -0
- package/dist/cjs/lib/assets/logos/ledger-logo.svg +16 -0
- package/dist/cjs/lib/assets/logos/metamask-logo-small.svg +18 -0
- package/dist/cjs/lib/assets/logos/torus-logo-small.svg +9 -0
- package/dist/cjs/lib/index.js +41 -0
- package/dist/cjs/lib/lib/ChangeAccountConfirmation/ChangeAccountConfirmation.d.ts +6 -0
- package/dist/cjs/lib/lib/ChooseAccount/ChooseAccount.d.ts +12 -0
- package/dist/cjs/lib/lib/ChooseAccount/ChooseAccountModal.d.ts +12 -0
- package/dist/cjs/lib/lib/Click.d.ts +16 -0
- package/dist/cjs/lib/lib/ClickModal.d.ts +14 -0
- package/dist/cjs/lib/lib/ClickTopBar.d.ts +13 -0
- package/dist/cjs/lib/lib/CrossNavigationMenu/CrossNavigationMenu.d.ts +6 -0
- package/dist/cjs/lib/lib/CrossNavigationMenu/InnerMenu.d.ts +7 -0
- package/dist/cjs/lib/lib/CrossNavigationMenu/StandWithUkraineBadge.d.ts +8 -0
- package/dist/cjs/lib/lib/CustomSettingsSelector/CustomSettingsSelector.d.ts +9 -0
- package/dist/cjs/lib/lib/CustomSettingsSelector/components/ItemIcon.d.ts +7 -0
- package/dist/cjs/lib/lib/CustomerActionWindow/CustomerActionWindow.d.ts +9 -0
- package/dist/cjs/lib/lib/LangSwitch/LangSwitch.d.ts +6 -0
- package/dist/cjs/lib/lib/LangSwitch/components/LangSwitchContainerMobile.d.ts +10 -0
- package/dist/cjs/lib/lib/LangSwitch/components/common/LanguageHelperComponents.d.ts +9 -0
- package/dist/cjs/lib/lib/LangSwitch/constants.d.ts +36 -0
- package/dist/cjs/lib/lib/NetworkSwitch/NetworkSwitch.d.ts +12 -0
- package/dist/cjs/lib/lib/ProviderConnection/ProviderConnection.d.ts +24 -0
- package/dist/cjs/lib/lib/ProviderConnection/components/ConnectionInstructions.d.ts +10 -0
- package/dist/cjs/lib/lib/ProviderConnection/components/DeploySignatureInstructions.d.ts +7 -0
- package/dist/cjs/lib/lib/ProviderConnection/components/ListAccounts.d.ts +12 -0
- package/dist/cjs/lib/lib/ProviderConnection/components/LoadingAccounts.d.ts +7 -0
- package/dist/cjs/lib/lib/ProviderConnection/components/MessageSignatureInstructions.d.ts +8 -0
- package/dist/cjs/lib/lib/ProviderConnection/components/Pager.d.ts +5 -0
- package/dist/cjs/lib/lib/SignIn/SignIn.d.ts +10 -0
- package/dist/cjs/lib/lib/SignIn/components/SignInListItem.d.ts +13 -0
- package/dist/cjs/lib/lib/SignIn/components/SignInWithEmail.d.ts +8 -0
- package/dist/cjs/lib/lib/SignIn/components/SocialLogin.d.ts +7 -0
- package/dist/cjs/lib/lib/SwitchAccount/SwitchAccount.d.ts +12 -0
- package/dist/cjs/lib/lib/SwitchCurrency/SwitchCurrency.d.ts +6 -0
- package/dist/cjs/lib/lib/SwitchCurrency/components/CurrencyItemContainer.d.ts +2 -0
- package/dist/cjs/lib/lib/SwitchCurrency/components/CurrencyItemContainerMobile.d.ts +8 -0
- package/dist/cjs/lib/lib/SwitchCurrency/components/SelectedCurrency.d.ts +5 -0
- package/dist/cjs/lib/lib/ThemeSwitch/ThemeSwitch.d.ts +11 -0
- package/dist/cjs/lib/lib/TopBar/AccountDropdown.d.ts +9 -0
- package/dist/cjs/lib/lib/TopBar/SignInButton.d.ts +4 -0
- package/dist/cjs/lib/lib/TopBar/TopBar.d.ts +22 -0
- package/dist/cjs/lib/lib/TopBar/components/AccountMenuItem.d.ts +13 -0
- package/dist/cjs/lib/lib/TopBar/components/BuyCSPRMenuItem.d.ts +9 -0
- package/dist/cjs/lib/lib/TopBar/components/CopyHashMenuItem.d.ts +2 -0
- package/dist/cjs/lib/lib/TopBar/components/DropdownPopupItem.d.ts +11 -0
- package/dist/cjs/lib/lib/TopBar/components/MobileDropdownContainer.d.ts +15 -0
- package/dist/cjs/lib/lib/TopBar/components/Modal.d.ts +7 -0
- package/dist/cjs/lib/lib/TopBar/components/ViewAccountOnExplorerMenuItem.d.ts +2 -0
- package/dist/cjs/lib/lib/TopBar/hooks/useGetPublicKey.d.ts +1 -0
- package/dist/cjs/lib/lib/WarningNoticePopup/WarningNoticePopup.d.ts +10 -0
- package/dist/cjs/lib/lib/components/AccountListItem.d.ts +13 -0
- package/dist/cjs/lib/lib/components/AccountListItemMenu.d.ts +7 -0
- package/dist/cjs/lib/lib/components/FooterPolicies.d.ts +6 -0
- package/dist/cjs/lib/lib/components/IdentIconAvatar.d.ts +8 -0
- package/dist/cjs/lib/lib/components/ListContainers.d.ts +8 -0
- package/dist/cjs/lib/lib/components/ModalHeader.d.ts +7 -0
- package/dist/cjs/lib/lib/components/ScrollContainer.d.ts +17 -0
- package/dist/cjs/lib/lib/components/WalletLogo.d.ts +12 -0
- package/dist/cjs/lib/lib/constants/index.d.ts +9 -0
- package/dist/cjs/lib/lib/constants/modalStyles.d.ts +16 -0
- package/dist/cjs/lib/lib/helpers/getCurrentBrowserTitle.d.ts +1 -0
- package/dist/cjs/lib/lib/index.d.ts +12 -0
- package/dist/cjs/lib/lib/types/currencies.d.ts +16 -0
- package/dist/cjs/lib/lib/types/customTopBarMenuSettings.d.ts +13 -0
- package/dist/cjs/lib/lib/types/index.d.ts +6 -0
- package/dist/cjs/lib/lib/types/languages.d.ts +21 -0
- package/dist/cjs/lib/lib/types/networks.d.ts +9 -0
- package/dist/cjs/lib/lib/types/theme.d.ts +5 -0
- package/dist/cjs/lib/lib/types/wallet.d.ts +20 -0
- package/dist/index.d.ts +205 -0
- package/dist/lib/assets/animations/dotsDark.gif +0 -0
- package/dist/lib/assets/animations/dotsLight.gif +0 -0
- package/dist/lib/assets/animations/spinnerDark.gif +0 -0
- package/dist/lib/assets/animations/spinnerLight.gif +0 -0
- package/dist/lib/assets/generic-account-dark.svg +4 -0
- package/dist/lib/assets/generic-account.svg +4 -0
- package/dist/lib/assets/icons/ic-accounts.svg +3 -0
- package/dist/lib/assets/icons/ic-arrow-down.svg +3 -0
- package/dist/lib/assets/icons/ic-arrow-right.svg +3 -0
- package/dist/lib/assets/icons/ic-arrow-with-tail.svg +3 -0
- package/dist/lib/assets/icons/ic-cspr-products.svg +12 -0
- package/dist/lib/assets/icons/ic-currency.svg +11 -0
- package/dist/lib/assets/icons/ic-flag-ua.svg +14 -0
- package/dist/lib/assets/icons/ic-item-menu.svg +3 -0
- package/dist/lib/assets/icons/ic-moon.svg +10 -0
- package/dist/lib/assets/icons/ic-network.svg +8 -0
- package/dist/lib/assets/icons/ic-settings.svg +10 -0
- package/dist/lib/assets/icons/ic-signin.svg +10 -0
- package/dist/lib/assets/icons/ic-sun.svg +10 -0
- package/dist/lib/assets/logos/casper-signer-logo-small.svg +4 -0
- package/dist/lib/assets/logos/casper-signer-logo.svg +4 -0
- package/dist/lib/assets/logos/casper-signer-sign.png +0 -0
- package/dist/lib/assets/logos/casper-wallet-logo-small.svg +4 -0
- package/dist/lib/assets/logos/casper-wallet-logo.svg +3 -0
- package/dist/lib/assets/logos/casper-wallet-sign.png +0 -0
- package/dist/lib/assets/logos/casperdash.svg +9 -0
- package/dist/lib/assets/logos/cspr-click-logo-dark.svg +4 -0
- package/dist/lib/assets/logos/cspr-click-logo.svg +4 -0
- package/dist/lib/assets/logos/cspr-click-mono-black.png +0 -0
- package/dist/lib/assets/logos/google-social-logo.svg +1 -0
- package/dist/lib/assets/logos/ledger-logo-dark.svg +4 -0
- package/dist/lib/assets/logos/ledger-logo-small.svg +16 -0
- package/dist/lib/assets/logos/ledger-logo.svg +16 -0
- package/dist/lib/assets/logos/metamask-logo-small.svg +18 -0
- package/dist/lib/assets/logos/torus-logo-small.svg +9 -0
- package/dist/lib/index.js +41 -0
- package/package.json +91 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AccountType } from '@make-software/csprclick-core-types';
|
|
2
|
+
import { ThemeModeType } from "../types";
|
|
3
|
+
interface ChooseAccountProps {
|
|
4
|
+
accounts: AccountType[];
|
|
5
|
+
onAccountClick: (acc: AccountType | null) => Promise<void>;
|
|
6
|
+
handleClose: () => void;
|
|
7
|
+
onChooseAccount: () => void;
|
|
8
|
+
themeMode?: ThemeModeType;
|
|
9
|
+
}
|
|
10
|
+
export declare const ChooseAccountInner: (props: ChooseAccountProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare const ChooseAccount: (props: ChooseAccountProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default ChooseAccount;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AccountType } from '@make-software/csprclick-core-types';
|
|
2
|
+
import { Options, ThemeModeType } from '../types';
|
|
3
|
+
export interface ChooseAccountModalProps {
|
|
4
|
+
options: Options;
|
|
5
|
+
clickRef: any;
|
|
6
|
+
setUseAnotherAccount: () => void;
|
|
7
|
+
onForgetAccount: (acc: AccountType) => void;
|
|
8
|
+
themeMode?: ThemeModeType;
|
|
9
|
+
isModalOverflowing?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const ChooseAccountModal: (props: ChooseAccountModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default ChooseAccountModal;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import CSPRClickSDK from '@make-software/csprclick-core-client/sdk';
|
|
2
|
+
import { CsprClickInitOptions } from '@make-software/csprclick-core-client';
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
csprclick: CSPRClickSDK;
|
|
6
|
+
csprClickSDKAsyncInit: any;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
interface ClickProviderProps {
|
|
10
|
+
options: CsprClickInitOptions;
|
|
11
|
+
csprclickSdk?: string;
|
|
12
|
+
children: any;
|
|
13
|
+
}
|
|
14
|
+
export declare function ClickProvider(props: ClickProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function useClickRef(): any;
|
|
16
|
+
export default ClickProvider;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AccountType } from '@make-software/csprclick-core-types';
|
|
2
|
+
import { ThemeModeType } from './types';
|
|
3
|
+
interface ClickModalProps {
|
|
4
|
+
modalAction: string;
|
|
5
|
+
onModalClose: () => void;
|
|
6
|
+
onRequestClose: () => void;
|
|
7
|
+
onForgetAccount: (acc: AccountType) => void;
|
|
8
|
+
onSignIn: () => void;
|
|
9
|
+
clickRef: any;
|
|
10
|
+
signInOptions: any;
|
|
11
|
+
themeMode?: ThemeModeType;
|
|
12
|
+
}
|
|
13
|
+
export declare function ClickModal(props: ClickModalProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default ClickModal;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CurrencySettings, LanguageSettings, NetworkSettings, ThemeModeType, CustomTopBarMenuSettings } from './types';
|
|
3
|
+
interface ClickTopBarProps {
|
|
4
|
+
themeMode?: ThemeModeType;
|
|
5
|
+
onThemeSwitch?: () => void;
|
|
6
|
+
accountMenuItems?: React.ReactElement[];
|
|
7
|
+
languageSettings?: LanguageSettings;
|
|
8
|
+
currencySettings?: CurrencySettings;
|
|
9
|
+
networkSettings?: NetworkSettings;
|
|
10
|
+
customTopBarMenuSettings?: CustomTopBarMenuSettings[];
|
|
11
|
+
}
|
|
12
|
+
export declare function ClickTopBar({ themeMode, onThemeSwitch, accountMenuItems, languageSettings, currencySettings, networkSettings, customTopBarMenuSettings, }: ClickTopBarProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default ClickTopBar;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
interface CrossNavigationMenuSceneProps {
|
|
2
|
+
menuCaption: string;
|
|
3
|
+
clickRef: any;
|
|
4
|
+
}
|
|
5
|
+
export declare const CrossNavigationMenu: ({ clickRef, menuCaption }: CrossNavigationMenuSceneProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default CrossNavigationMenu;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CrossAppMenuItemSettings } from '@make-software/csprclick-core-types';
|
|
2
|
+
export interface InnerMenuProps {
|
|
3
|
+
caption: string;
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
menuItems: CrossAppMenuItemSettings[] | undefined;
|
|
6
|
+
}
|
|
7
|
+
export declare const InnerMenu: ({ caption, menuItems, isOpen }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextProps } from '@make-software/cspr-ui';
|
|
2
|
+
export declare const BannerLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export interface TopBannerStyleProps extends TextProps {
|
|
4
|
+
size: 1 | 2 | 3;
|
|
5
|
+
color: 'red' | 'blue' | 'lightBlue';
|
|
6
|
+
screenType: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const StandWithUkraineBadge: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CustomTopBarMenuItem } from '../types';
|
|
2
|
+
export interface ItemMenuProps {
|
|
3
|
+
currentItem?: string | CustomTopBarMenuItem;
|
|
4
|
+
onChangeItem: (item: string) => void;
|
|
5
|
+
items: string[] | CustomTopBarMenuItem[];
|
|
6
|
+
}
|
|
7
|
+
export declare const getCurrentIcon: (menu: any, isTopBar?: boolean) => any;
|
|
8
|
+
declare const CustomSettingsSelector: ({ items, currentItem, onChangeItem }: ItemMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default CustomSettingsSelector;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface CustomerActionWindowProps {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
title: string;
|
|
4
|
+
img?: string;
|
|
5
|
+
information?: string;
|
|
6
|
+
onDismiss: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const CustomerActionWindow: (props: CustomerActionWindowProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default CustomerActionWindow;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Lang } from "../../types";
|
|
2
|
+
interface LangSwitchContainerMobileProps {
|
|
3
|
+
languages: Lang[];
|
|
4
|
+
onChangeLanguage: (lang: Lang) => void;
|
|
5
|
+
currentLanguage: Lang | string;
|
|
6
|
+
creditsUrl?: string;
|
|
7
|
+
contributeUrl?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const LangSwitchContainerMobile: ({ languages, currentLanguage, onChangeLanguage, creditsUrl, contributeUrl }: LangSwitchContainerMobileProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const LanguageIcon: ({ language }: {
|
|
2
|
+
language: string;
|
|
3
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const LanguageItem: ({ language, currLang }: {
|
|
5
|
+
language: string;
|
|
6
|
+
currLang?: string | undefined;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const CreditsItem: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const ContributeItem: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare const LangRegion: {
|
|
2
|
+
en: string;
|
|
3
|
+
nl: string;
|
|
4
|
+
uk: string;
|
|
5
|
+
vi: string;
|
|
6
|
+
pl: string;
|
|
7
|
+
ru: string;
|
|
8
|
+
tr: string;
|
|
9
|
+
az: string;
|
|
10
|
+
es: string;
|
|
11
|
+
fr: string;
|
|
12
|
+
de: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const CustomLangFlags: {
|
|
15
|
+
en: any;
|
|
16
|
+
az: any;
|
|
17
|
+
es: any;
|
|
18
|
+
fr: any;
|
|
19
|
+
nl: any;
|
|
20
|
+
pl: any;
|
|
21
|
+
ru: any;
|
|
22
|
+
vi: any;
|
|
23
|
+
};
|
|
24
|
+
export declare const ReactLangFlags: {
|
|
25
|
+
tr: string;
|
|
26
|
+
uk: string;
|
|
27
|
+
de: string;
|
|
28
|
+
en: string;
|
|
29
|
+
az: string;
|
|
30
|
+
es: string;
|
|
31
|
+
fr: string;
|
|
32
|
+
nl: string;
|
|
33
|
+
pl: string;
|
|
34
|
+
ru: string;
|
|
35
|
+
vi: string;
|
|
36
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Network } from '../types';
|
|
2
|
+
export interface NetworkMenuProps {
|
|
3
|
+
currentNetwork: string;
|
|
4
|
+
onChangeNetwork: (network: string) => void;
|
|
5
|
+
networks: string[] | Network[];
|
|
6
|
+
}
|
|
7
|
+
export declare const getDefaultIconByTitle: (network: any, isTopBar?: boolean) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const getNetworkIcon: (currentNetwork: any, isTopBar?: boolean) => {
|
|
9
|
+
icon: any;
|
|
10
|
+
};
|
|
11
|
+
declare const NetworkMenu: ({ networks, currentNetwork, onChangeNetwork }: NetworkMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default NetworkMenu;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { AccountType, LedgerConnectionStatusEvent, MetamaskConnectionStatusEvent } from '@make-software/csprclick-core-types';
|
|
2
|
+
import { CSPRClickSDK } from '@make-software/csprclick-core-client';
|
|
3
|
+
import { ThemeModeType } from '../types';
|
|
4
|
+
export type ProviderConnectionStatus = {
|
|
5
|
+
status: MetamaskConnectionStatusEvent | LedgerConnectionStatusEvent;
|
|
6
|
+
publicKey?: string;
|
|
7
|
+
title?: string;
|
|
8
|
+
text?: string;
|
|
9
|
+
firstAcctIndex?: number;
|
|
10
|
+
accounts?: AccountType[];
|
|
11
|
+
deployHash?: string;
|
|
12
|
+
error?: string;
|
|
13
|
+
message?: string;
|
|
14
|
+
msgHash?: string;
|
|
15
|
+
signatureHex?: string;
|
|
16
|
+
};
|
|
17
|
+
interface ProviderConnectionProps {
|
|
18
|
+
clickRef: CSPRClickSDK;
|
|
19
|
+
event: ProviderConnectionStatus;
|
|
20
|
+
themeMode?: ThemeModeType;
|
|
21
|
+
onModalClose?: () => void;
|
|
22
|
+
}
|
|
23
|
+
export declare const ProviderConnection: ({ clickRef, event, themeMode, onModalClose }: ProviderConnectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export default ProviderConnection;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ThemeModeType } from '../../types';
|
|
2
|
+
interface ConnectionInstructionsProps {
|
|
3
|
+
title: string;
|
|
4
|
+
provider: string;
|
|
5
|
+
appName: string;
|
|
6
|
+
themeMode?: ThemeModeType;
|
|
7
|
+
}
|
|
8
|
+
export declare const getProviderName: (provider: any) => any;
|
|
9
|
+
export declare const ConnectionInstructions: ({ title, appName, themeMode, provider }: ConnectionInstructionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ThemeModeType } from "../../types";
|
|
2
|
+
interface DeploySignatureInstructionsProps {
|
|
3
|
+
deployHash: string;
|
|
4
|
+
themeMode?: ThemeModeType;
|
|
5
|
+
}
|
|
6
|
+
export declare const DeploySignatureInstructions: (props: DeploySignatureInstructionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AccountType } from "@make-software/csprclick-core-types";
|
|
2
|
+
import { ThemeModeType } from "../../types";
|
|
3
|
+
interface ListAccountsProps {
|
|
4
|
+
appName: string;
|
|
5
|
+
accounts: Array<AccountType>;
|
|
6
|
+
firstAcctIndex: number;
|
|
7
|
+
onAccountClick: (acc: AccountType) => Promise<void>;
|
|
8
|
+
onNextAccountsClick: (firstAcctIdx: number) => Promise<void>;
|
|
9
|
+
themeMode?: ThemeModeType;
|
|
10
|
+
}
|
|
11
|
+
export declare const ListAccounts: (props: ListAccountsProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ThemeModeType } from '../../types';
|
|
2
|
+
interface LoadingAccountsProps {
|
|
3
|
+
provider: string;
|
|
4
|
+
themeMode?: ThemeModeType;
|
|
5
|
+
}
|
|
6
|
+
export declare const LoadingAccounts: ({ themeMode, provider }: LoadingAccountsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ThemeModeType } from "../../types";
|
|
2
|
+
interface MessageSignatureInstructionsProps {
|
|
3
|
+
message: string;
|
|
4
|
+
messageHash: string;
|
|
5
|
+
themeMode?: ThemeModeType;
|
|
6
|
+
}
|
|
7
|
+
export declare const MessageSignatureInstructions: (props: MessageSignatureInstructionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Options, ThemeModeType } from '../types';
|
|
2
|
+
export interface SignInSceneProps {
|
|
3
|
+
options: Options;
|
|
4
|
+
clickRef: any;
|
|
5
|
+
switchingAccount: boolean;
|
|
6
|
+
themeMode?: ThemeModeType;
|
|
7
|
+
isModalOverflowing?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const SignIn: (props: SignInSceneProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default SignIn;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Provider, ThemeModeType } from '../../types';
|
|
2
|
+
export declare enum ModalPosition {
|
|
3
|
+
TopRight = "topRight",
|
|
4
|
+
Center = "center"
|
|
5
|
+
}
|
|
6
|
+
interface SignInListItemProps {
|
|
7
|
+
provider: Provider;
|
|
8
|
+
onProviderClick: (e: any) => void;
|
|
9
|
+
clickRef: any;
|
|
10
|
+
themeMode?: ThemeModeType;
|
|
11
|
+
}
|
|
12
|
+
declare const SignInListItem: ({ clickRef, provider, onProviderClick, themeMode }: SignInListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default SignInListItem;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Input } from '@make-software/cspr-ui';
|
|
3
|
+
export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const StyledInput: import("styled-components").StyledComponent<typeof Input, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
declare const SignInWithEmail: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default SignInWithEmail;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const StyledSvgIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
declare const SocialLogin: () => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default SocialLogin;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Options, ThemeModeType } from "../types";
|
|
2
|
+
import { AccountType } from "@make-software/csprclick-core-types";
|
|
3
|
+
export interface SwitchAccountSceneProps {
|
|
4
|
+
options: Options;
|
|
5
|
+
clickRef: any;
|
|
6
|
+
setUseAnotherAccount: () => void;
|
|
7
|
+
onForgetAccount: (acc: AccountType) => void;
|
|
8
|
+
themeMode?: ThemeModeType;
|
|
9
|
+
isModalOverflowing?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const SwitchAccount: (props: SwitchAccountSceneProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default SwitchAccount;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Currency } from '../../types';
|
|
2
|
+
interface CurrencyItemContainerMobileProps {
|
|
3
|
+
currencies: Currency[];
|
|
4
|
+
currentCurrency: Currency;
|
|
5
|
+
onChangeCurrency: (curr: any) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const CurrencyItemContainerMobile: ({ currencies, currentCurrency, onChangeCurrency }: CurrencyItemContainerMobileProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default CurrencyItemContainerMobile;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ThemeModeType } from '@make-software/cspr-ui';
|
|
2
|
+
export declare const ThemeModeIconPath: {
|
|
3
|
+
light: any;
|
|
4
|
+
dark: any;
|
|
5
|
+
};
|
|
6
|
+
interface ThemeSwitchProps {
|
|
7
|
+
themeMode?: ThemeModeType;
|
|
8
|
+
onThemeSwitch: () => void;
|
|
9
|
+
}
|
|
10
|
+
declare const ThemeSwitch: ({ themeMode, onThemeSwitch }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default ThemeSwitch;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface AccountDropdownProps {
|
|
3
|
+
publicKey: string;
|
|
4
|
+
onAccountSwitch: () => void;
|
|
5
|
+
onSignOut: () => void;
|
|
6
|
+
accountMenuItems?: React.ReactElement[];
|
|
7
|
+
}
|
|
8
|
+
declare const AccountDropdown: (props: AccountDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default AccountDropdown;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AccountType } from "@make-software/csprclick-core-types";
|
|
3
|
+
import { CurrencySettings, LanguageSettings, NetworkSettings, ThemeModeType, CustomTopBarMenuSettings } from '../types';
|
|
4
|
+
export declare const BannerLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
interface TopBarProps {
|
|
6
|
+
account?: AccountType;
|
|
7
|
+
ssoAccounts?: AccountType[];
|
|
8
|
+
onSignIn: () => void;
|
|
9
|
+
onSwitchAccount: () => void;
|
|
10
|
+
onChooseAccount: () => void;
|
|
11
|
+
onSignOut: () => void;
|
|
12
|
+
themeMode?: ThemeModeType;
|
|
13
|
+
onThemeSwitch?: () => void;
|
|
14
|
+
accountMenuItems?: React.ReactElement[];
|
|
15
|
+
modalAction: string;
|
|
16
|
+
languageSettings?: LanguageSettings;
|
|
17
|
+
currencySettings?: CurrencySettings;
|
|
18
|
+
networkSettings?: NetworkSettings;
|
|
19
|
+
customTopBarMenuSettings?: CustomTopBarMenuSettings[];
|
|
20
|
+
}
|
|
21
|
+
export declare function TopBar(props: TopBarProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export default TopBar;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type BadgeBackgroundColor = 'green' | 'violet' | 'blue' | 'gray' | 'fillBlueGradient';
|
|
2
|
+
export interface BadgeProps {
|
|
3
|
+
title: string;
|
|
4
|
+
variation: BadgeBackgroundColor;
|
|
5
|
+
}
|
|
6
|
+
export interface AccountMenuItemProps {
|
|
7
|
+
icon: string;
|
|
8
|
+
label: string;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
badge?: BadgeProps;
|
|
11
|
+
}
|
|
12
|
+
export declare const AccountMenuItem: ({ onClick, icon, label, badge }: AccountMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default AccountMenuItem;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface BadgeProps {
|
|
2
|
+
title: string;
|
|
3
|
+
variation: string;
|
|
4
|
+
}
|
|
5
|
+
interface BuyCSPRMenuItemProps {
|
|
6
|
+
badge?: BadgeProps;
|
|
7
|
+
}
|
|
8
|
+
export declare const BuyCSPRMenuItem: ({ badge }: BuyCSPRMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default BuyCSPRMenuItem;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DropdownPopupItemProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: (e: any) => void;
|
|
5
|
+
popupTitle: string | React.ReactNode;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
height?: string;
|
|
8
|
+
width?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const DropdownPopupItem: ({ isOpen, onClose, children, popupTitle, height, width, }: DropdownPopupItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default DropdownPopupItem;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CurrencySettings, CustomTopBarMenuSettings, LanguageSettings, NetworkSettings, ThemeModeType } from '../../types';
|
|
3
|
+
export interface MobileDropdownContainerProps {
|
|
4
|
+
currencySettings?: CurrencySettings;
|
|
5
|
+
languageSettings?: LanguageSettings;
|
|
6
|
+
networkSettings?: NetworkSettings;
|
|
7
|
+
themeMode?: ThemeModeType;
|
|
8
|
+
onThemeSwitch?: () => void;
|
|
9
|
+
customTopBarMenuSettings?: CustomTopBarMenuSettings[];
|
|
10
|
+
}
|
|
11
|
+
export declare const NavDropDownItemWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const StyledCommonItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const StyledPopupTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
+
export declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings, }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default MobileDropdownContainer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ReactModal, { Props } from 'react-modal';
|
|
3
|
+
export interface ModalProps extends Props {
|
|
4
|
+
children: any;
|
|
5
|
+
}
|
|
6
|
+
export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ReactModal>>;
|
|
7
|
+
export default Modal;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useGetPublicKey: () => string | undefined;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ThemeModeType } from '@make-software/cspr-ui';
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface WarningNoticePopupRef {
|
|
4
|
+
hide: () => void;
|
|
5
|
+
}
|
|
6
|
+
interface WarningNoticePopupProps {
|
|
7
|
+
themeMode?: ThemeModeType;
|
|
8
|
+
}
|
|
9
|
+
export declare const WarningNoticePopup: React.ForwardRefExoticComponent<WarningNoticePopupProps & React.RefAttributes<WarningNoticePopupRef>>;
|
|
10
|
+
export default WarningNoticePopup;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { AccountType } from "@make-software/csprclick-core-types";
|
|
2
|
+
import { ThemeModeType } from "../types";
|
|
3
|
+
interface AccountListItemProps {
|
|
4
|
+
account?: AccountType;
|
|
5
|
+
isNarrowItem?: boolean;
|
|
6
|
+
onClick: (account: AccountType | null) => void;
|
|
7
|
+
onCloseSession?: (e: any, account: AccountType) => void;
|
|
8
|
+
themeMode?: ThemeModeType;
|
|
9
|
+
withBalance?: boolean;
|
|
10
|
+
isItemActive?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const AccountListItem: (props: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default AccountListItem;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface AccountListItemMenuProps {
|
|
2
|
+
onMenuOpen: () => void;
|
|
3
|
+
onCloseSession: (e: any) => void;
|
|
4
|
+
isItemActive?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const AccountListItemMenu: ({ onMenuOpen, onCloseSession, isItemActive }: AccountListItemMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default AccountListItemMenu;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CSPRClickSDK } from "@make-software/csprclick-core-client";
|
|
2
|
+
interface FooterPoliciesProps {
|
|
3
|
+
clickRef: CSPRClickSDK;
|
|
4
|
+
}
|
|
5
|
+
export declare function FooterPolicies({ clickRef }: FooterPoliciesProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default FooterPolicies;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { AccountType } from '@make-software/csprclick-core-types';
|
|
2
|
+
import { ThemeModeType } from '@make-software/cspr-ui';
|
|
3
|
+
interface IdentIconAvatarProps {
|
|
4
|
+
account?: AccountType;
|
|
5
|
+
themeMode?: ThemeModeType;
|
|
6
|
+
}
|
|
7
|
+
declare const IdentIconAvatar: ({ account, themeMode }: IdentIconAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default IdentIconAvatar;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ListItemContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
3
|
+
isNarrowItem?: boolean | undefined;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const TitleContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const BorderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const MainAccountContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const ListContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ThemeModeType } from '@make-software/cspr-ui';
|
|
2
|
+
interface ModalHeaderProps {
|
|
3
|
+
onDismiss: () => void;
|
|
4
|
+
themeMode?: ThemeModeType;
|
|
5
|
+
}
|
|
6
|
+
declare const ModalHeader: ({ onDismiss, themeMode }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default ModalHeader;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface ScrollContainerProps {
|
|
3
|
+
isModalOverflowing?: boolean;
|
|
4
|
+
children: any;
|
|
5
|
+
variation?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const ScrollWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, ScrollContainerProps & {
|
|
8
|
+
maxHeight: number;
|
|
9
|
+
isScrolling?: boolean | undefined;
|
|
10
|
+
onMouseLeave?: (() => void) | undefined;
|
|
11
|
+
}, never>;
|
|
12
|
+
export declare enum ScrollVariations {
|
|
13
|
+
'small' = "small",
|
|
14
|
+
'big' = "big"
|
|
15
|
+
}
|
|
16
|
+
declare const ScrollContainer: ({ children, isModalOverflowing, variation }: ScrollContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default ScrollContainer;
|