@block-auth.io/blockauth-sdk-react 0.2.4
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 +93 -0
- package/dist/bundle.es.js +25 -0
- package/dist/bundle.es.js.map +1 -0
- package/dist/bundle.umd.js +11426 -0
- package/dist/bundle.umd.js.map +1 -0
- package/dist/components/FlowBlockAuth.d.ts +31 -0
- package/dist/components/btns/BtnBaseProvider.d.ts +10 -0
- package/dist/components/btns/BtnBlockAuth.d.ts +8 -0
- package/dist/components/btns/BtnGmail.d.ts +19 -0
- package/dist/components/btns/BtnGoogleBase.d.ts +32 -0
- package/dist/components/btns/BtnMetamask.d.ts +23 -0
- package/dist/components/btns/BtnMicrosoft.d.ts +20 -0
- package/dist/components/btns/BtnPhantom.d.ts +23 -0
- package/dist/components/btns/BtnSignin.d.ts +10 -0
- package/dist/components/btns/BtnWalletConnect.d.ts +32 -0
- package/dist/components/contents/ContentSignin.d.ts +5 -0
- package/dist/components/contents/ContentSignup.d.ts +76 -0
- package/dist/components/contents/ContentSignupEditable.d.ts +14 -0
- package/dist/components/dds/ChangeAccountComponent.d.ts +8 -0
- package/dist/components/dds/DropdownProfile.d.ts +26 -0
- package/dist/components/dds/DropdownProfileBtn.d.ts +12 -0
- package/dist/components/dds/DropdownProfileItem.d.ts +12 -0
- package/dist/components/editables/FiltersEditable.d.ts +16 -0
- package/dist/components/editables/ProvidersButtonsDnD.d.ts +6 -0
- package/dist/components/editables/ProvidersButtonsDnDItem.d.ts +12 -0
- package/dist/components/editables/ProvidersButtonsEditable.d.ts +11 -0
- package/dist/components/editables/WrapperEditables.d.ts +14 -0
- package/dist/components/modals/ModalSignin.d.ts +5 -0
- package/dist/components/modals/ModalSignup.d.ts +6 -0
- package/dist/components/sections/FooterSection.d.ts +8 -0
- package/dist/components/sections/LoginSection.d.ts +16 -0
- package/dist/components/sections/ProvidersSection.d.ts +21 -0
- package/dist/components/sections/internals/ProvidersButtons.d.ts +24 -0
- package/dist/components/sections/internals/ProvidersFilters.d.ts +28 -0
- package/dist/components/sections/internals/SelectedButton.d.ts +8 -0
- package/dist/components/txns/TxnsOverview.d.ts +5 -0
- package/dist/components/txns/internals/PermissionsRequiredModal.d.ts +4 -0
- package/dist/components/txns/internals/Txn.d.ts +22 -0
- package/dist/components/txns/internals/TxnError.d.ts +12 -0
- package/dist/components/txns/internals/TxnType.d.ts +8 -0
- package/dist/helpers/helperUI.d.ts +454 -0
- package/dist/hooks/useBlockAuthWs.d.ts +1 -0
- package/dist/hooks/useBlockAuthWsData.d.ts +1 -0
- package/dist/hooks/useRaisedShadow.d.ts +1 -0
- package/dist/index-C2iHITkO.js +131 -0
- package/dist/index-C2iHITkO.js.map +1 -0
- package/dist/index-DVru6tLI.js +300 -0
- package/dist/index-DVru6tLI.js.map +1 -0
- package/dist/main-BYFXzpCj.js +109272 -0
- package/dist/main-BYFXzpCj.js.map +1 -0
- package/dist/main.css +1 -0
- package/dist/main.d.ts +22 -0
- package/dist/output.css +2322 -0
- package/dist/services/BrowserBase.d.ts +41 -0
- package/dist/services/Metamask.d.ts +37 -0
- package/dist/services/Microsoft.d.ts +26 -0
- package/dist/services/Phantom.d.ts +11 -0
- package/dist/services/WalletConnect.d.ts +29 -0
- package/dist/stores/useStoreExtension.d.ts +13 -0
- package/dist/stores/useStoreGoogle.d.ts +1 -0
- package/dist/stores/useStoreMetamask.d.ts +1 -0
- package/dist/stores/useStoreMicrosoft.d.ts +1 -0
- package/dist/stores/useStoreModals.d.ts +12 -0
- package/dist/stores/useStorePhantom.d.ts +1 -0
- package/dist/stores/useStoreUI.d.ts +116 -0
- package/dist/stores/useStoreWS.d.ts +21 -0
- package/dist/stores/useStoreWeb3Providers.d.ts +1 -0
- package/dist/w3m-modal-Df7g4196.js +348 -0
- package/dist/w3m-modal-Df7g4196.js.map +1 -0
- package/package.json +175 -0
- package/public/output.css +2322 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export default function FlowBlockAuth({ apiKey, apiSecret, onSuccess, onError, onLogout, wsUrl, language, showDropdownWhenConnected, theme, isInsideModal, containerRef, btnSize, btnClassNames, btnTextClassNames, btnBgClassNames, btnPaddingClassNames, btnLoaderColor, dropdownBtnSize, dropdownBtnBgClassNames, dropdownBtnTextColorClassNames, dropdownBtnBorderClassNames, dropdownHeight, additionalDropdownItems, }: {
|
|
2
|
+
apiKey?: string;
|
|
3
|
+
apiSecret?: string;
|
|
4
|
+
onSuccess?: (address: any) => Promise<void>;
|
|
5
|
+
onError?: () => Promise<void>;
|
|
6
|
+
onLogout?: () => Promise<void>;
|
|
7
|
+
wsUrl?: any;
|
|
8
|
+
language?: string;
|
|
9
|
+
showDropdownWhenConnected?: boolean;
|
|
10
|
+
theme?: string;
|
|
11
|
+
isInsideModal?: boolean;
|
|
12
|
+
containerRef?: any;
|
|
13
|
+
btnSize?: string;
|
|
14
|
+
btnClassNames?: string;
|
|
15
|
+
btnTextClassNames?: string;
|
|
16
|
+
btnBgClassNames?: any;
|
|
17
|
+
btnPaddingClassNames?: any;
|
|
18
|
+
btnLoaderColor?: string;
|
|
19
|
+
dropdownBtnSize?: string;
|
|
20
|
+
dropdownBtnBgClassNames?: string;
|
|
21
|
+
dropdownBtnTextColorClassNames?: string;
|
|
22
|
+
dropdownBtnBorderClassNames?: any;
|
|
23
|
+
dropdownHeight?: any;
|
|
24
|
+
additionalDropdownItems?: {
|
|
25
|
+
onClick: () => void;
|
|
26
|
+
text: string;
|
|
27
|
+
firstIcon: React.JSX.Element;
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
}[];
|
|
30
|
+
}): React.JSX.Element;
|
|
31
|
+
import React from 'react';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export default function BtnBaseProvider({ onProviderClicked, borderClassNames, sizeClassNames, icon, text, isEditable, device, }: {
|
|
2
|
+
onProviderClicked?: () => void;
|
|
3
|
+
borderClassNames?: string;
|
|
4
|
+
sizeClassNames?: string;
|
|
5
|
+
icon?: any;
|
|
6
|
+
text?: string;
|
|
7
|
+
isEditable?: boolean;
|
|
8
|
+
device?: string;
|
|
9
|
+
}): React.JSX.Element;
|
|
10
|
+
import React from 'react';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export default function BtnBlockAuth({ children, isDropdownProfile, language, disabled, isEditable, }: {
|
|
2
|
+
children: any;
|
|
3
|
+
isDropdownProfile?: boolean;
|
|
4
|
+
language?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
isEditable?: boolean;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
import React from 'react';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default function BtnGmail({ children, isDropdownProfile, text, styles, iconEnabled, icon, disabled, onClick, isEditable, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
isDropdownProfile?: boolean;
|
|
5
|
+
text?: string;
|
|
6
|
+
styles?: {
|
|
7
|
+
bgClassNames: string;
|
|
8
|
+
ringClassNames: string;
|
|
9
|
+
paddingClassNames: string;
|
|
10
|
+
textClassNames: string;
|
|
11
|
+
isFocusOutlinedEnabled: boolean;
|
|
12
|
+
};
|
|
13
|
+
iconEnabled?: boolean;
|
|
14
|
+
icon?: React.JSX.Element;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
onClick?: () => void;
|
|
17
|
+
isEditable?: boolean;
|
|
18
|
+
}): React.JSX.Element;
|
|
19
|
+
import React from 'react';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Must be wrapped in GoogleOAuthProvider
|
|
3
|
+
*
|
|
4
|
+
* example:
|
|
5
|
+
* <GoogleOAuthProvider clientId={clientId}>
|
|
6
|
+
* <BtnGoogleBase />
|
|
7
|
+
* </GoogleOAuthProvider>
|
|
8
|
+
*
|
|
9
|
+
* The "code" received is for the backend to use
|
|
10
|
+
* to get the access token, refresh token, and id token(user info)
|
|
11
|
+
*
|
|
12
|
+
* auth-code --> returns code
|
|
13
|
+
* implicit --> returns accessToken+expiresIn
|
|
14
|
+
*/
|
|
15
|
+
export default function BtnGoogleBase({ children, isDropdownProfile, mode, text, bgClassNames, ringClassNames, paddingClassNames, textClassNames, iconEnabled, icon, onClick, disabled, isFocusOutlinedEnabled, isEditable, ...props }: {
|
|
16
|
+
[x: string]: any;
|
|
17
|
+
children: any;
|
|
18
|
+
isDropdownProfile?: boolean;
|
|
19
|
+
mode?: string;
|
|
20
|
+
text?: string;
|
|
21
|
+
bgClassNames?: string;
|
|
22
|
+
ringClassNames?: string;
|
|
23
|
+
paddingClassNames?: string;
|
|
24
|
+
textClassNames?: string;
|
|
25
|
+
iconEnabled?: boolean;
|
|
26
|
+
icon?: any;
|
|
27
|
+
onClick?: () => void;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
isFocusOutlinedEnabled?: boolean;
|
|
30
|
+
isEditable?: boolean;
|
|
31
|
+
}): React.JSX.Element;
|
|
32
|
+
import React from 'react';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export default function BtnMetamask({ children, isDropdownProfile, text, styles, iconEnabled, icon, disabled, onClick, isTextInsteadOfAccount, isEditable, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
isDropdownProfile?: boolean;
|
|
5
|
+
text?: string;
|
|
6
|
+
styles?: {
|
|
7
|
+
bgClassNames: string;
|
|
8
|
+
disabledBgClassNames: string;
|
|
9
|
+
ringClassNames: string;
|
|
10
|
+
paddingClassNames: string;
|
|
11
|
+
textClassNames: string;
|
|
12
|
+
loaderWidth: number;
|
|
13
|
+
loaderColor: string;
|
|
14
|
+
isFocusOutlinedEnabled: boolean;
|
|
15
|
+
};
|
|
16
|
+
iconEnabled?: boolean;
|
|
17
|
+
icon?: React.JSX.Element;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
isTextInsteadOfAccount?: boolean;
|
|
21
|
+
isEditable?: boolean;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
import React from 'react';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export default function BtnMicrosoft({ children, isDropdownProfile, text, styles, iconEnabled, icon, disabled, onClick, mode, isEditable, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
isDropdownProfile?: boolean;
|
|
5
|
+
text?: string;
|
|
6
|
+
styles?: {
|
|
7
|
+
bgClassNames: string;
|
|
8
|
+
ringClassNames: string;
|
|
9
|
+
textClassNames: string;
|
|
10
|
+
paddingClassNames: string;
|
|
11
|
+
isFocusOutlinedEnabled: boolean;
|
|
12
|
+
};
|
|
13
|
+
iconEnabled?: boolean;
|
|
14
|
+
icon?: React.JSX.Element;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
onClick?: () => void;
|
|
17
|
+
mode?: string;
|
|
18
|
+
isEditable?: boolean;
|
|
19
|
+
}): React.JSX.Element;
|
|
20
|
+
import React from 'react';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export default function BtnPhantom({ children, text, isDropdownProfile, styles, iconEnabled, icon, disabled, onClick, isTextInsteadOfAccount, isEditable, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
text?: string;
|
|
5
|
+
isDropdownProfile?: boolean;
|
|
6
|
+
styles?: {
|
|
7
|
+
bgClassNames: string;
|
|
8
|
+
disabledBgClassNames: string;
|
|
9
|
+
ringClassNames: string;
|
|
10
|
+
paddingClassNames: string;
|
|
11
|
+
textClassNames: string;
|
|
12
|
+
loaderWidth: number;
|
|
13
|
+
loaderColor: string;
|
|
14
|
+
isFocusOutlinedEnabled: boolean;
|
|
15
|
+
};
|
|
16
|
+
iconEnabled?: boolean;
|
|
17
|
+
icon?: React.JSX.Element;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
isTextInsteadOfAccount?: boolean;
|
|
21
|
+
isEditable?: boolean;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
import React from 'react';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export default function BtnSignin({ text, onClick, loadingInterval, isDisabled, selectedService, isEditable, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
text?: string;
|
|
4
|
+
onClick?: (address: any) => void;
|
|
5
|
+
loadingInterval?: number;
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
selectedService?: string;
|
|
8
|
+
isEditable?: boolean;
|
|
9
|
+
}): React.JSX.Element;
|
|
10
|
+
import React from 'react';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export default function BtnWalletConnect({ children, isDropdownProfile, text, styles, iconEnabled, disabled, onClick, isTextInsteadOfAccount, isEditable, walletService, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
children: any;
|
|
4
|
+
isDropdownProfile?: boolean;
|
|
5
|
+
text?: string;
|
|
6
|
+
styles?: {
|
|
7
|
+
bgClassNames: {
|
|
8
|
+
trustWallet: string;
|
|
9
|
+
binance: string;
|
|
10
|
+
uniswap: string;
|
|
11
|
+
};
|
|
12
|
+
disabledBgClassNames: string;
|
|
13
|
+
ringClassNames: string;
|
|
14
|
+
paddingClassNames: string;
|
|
15
|
+
textClassNames: string;
|
|
16
|
+
loaderWidth: number;
|
|
17
|
+
loaderColor: string;
|
|
18
|
+
isFocusOutlinedEnabled: boolean;
|
|
19
|
+
icons: {
|
|
20
|
+
trustwallet: string;
|
|
21
|
+
binance: string;
|
|
22
|
+
uniswap: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
iconEnabled?: boolean;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
onClick?: () => void;
|
|
28
|
+
isTextInsteadOfAccount?: boolean;
|
|
29
|
+
isEditable?: boolean;
|
|
30
|
+
walletService?: string;
|
|
31
|
+
}): React.JSX.Element;
|
|
32
|
+
import React from 'react';
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export default function ContentSignup({ uiConfig, setUiConfig, language, containerRef, isEditable, isEditing, isServiceConnected, readyConfigCallback, device, }: {
|
|
2
|
+
uiConfig?: {
|
|
3
|
+
config: {
|
|
4
|
+
content: {
|
|
5
|
+
btns: {
|
|
6
|
+
connect: {
|
|
7
|
+
es: string;
|
|
8
|
+
en: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
description: {
|
|
12
|
+
es: string;
|
|
13
|
+
en: string;
|
|
14
|
+
};
|
|
15
|
+
footer: {
|
|
16
|
+
first: {
|
|
17
|
+
es: string;
|
|
18
|
+
en: string;
|
|
19
|
+
};
|
|
20
|
+
second: {
|
|
21
|
+
es: string;
|
|
22
|
+
en: string;
|
|
23
|
+
};
|
|
24
|
+
url: string;
|
|
25
|
+
};
|
|
26
|
+
lastStep: {
|
|
27
|
+
es: string;
|
|
28
|
+
en: string;
|
|
29
|
+
};
|
|
30
|
+
login: {
|
|
31
|
+
es: string;
|
|
32
|
+
en: string;
|
|
33
|
+
};
|
|
34
|
+
title: {
|
|
35
|
+
es: string;
|
|
36
|
+
en: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
enableSearch: boolean;
|
|
40
|
+
enableWebTypeFilter: boolean;
|
|
41
|
+
providersColumns: number;
|
|
42
|
+
providers: {
|
|
43
|
+
blockauth: {
|
|
44
|
+
enabled: boolean;
|
|
45
|
+
orderIndex: number;
|
|
46
|
+
};
|
|
47
|
+
google: {
|
|
48
|
+
enabled: boolean;
|
|
49
|
+
orderIndex: number;
|
|
50
|
+
};
|
|
51
|
+
microsoft: {
|
|
52
|
+
enabled: boolean;
|
|
53
|
+
orderIndex: number;
|
|
54
|
+
};
|
|
55
|
+
metamask: {
|
|
56
|
+
enabled: boolean;
|
|
57
|
+
orderIndex: number;
|
|
58
|
+
};
|
|
59
|
+
phantom: {
|
|
60
|
+
enabled: boolean;
|
|
61
|
+
orderIndex: number;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
showProviderNameOnMobile: boolean;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
setUiConfig?: () => void;
|
|
68
|
+
language?: string;
|
|
69
|
+
containerRef?: any;
|
|
70
|
+
isEditable?: boolean;
|
|
71
|
+
isEditing?: boolean;
|
|
72
|
+
isServiceConnected?: boolean;
|
|
73
|
+
readyConfigCallback?: () => void;
|
|
74
|
+
device?: string;
|
|
75
|
+
}): React.JSX.Element;
|
|
76
|
+
import React from 'react';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default function ContentSignupEditable({ language, device, onChangeDevice, disableDesktop, disableTablet, isLoadingEditable, uiConfigEditable, setUiConfigEditable, isEditing, setIsEditing, disableEditBtn, }: {
|
|
2
|
+
language?: string;
|
|
3
|
+
device?: string;
|
|
4
|
+
onChangeDevice?: () => void;
|
|
5
|
+
disableDesktop?: boolean;
|
|
6
|
+
disableTablet?: boolean;
|
|
7
|
+
isLoadingEditable?: boolean;
|
|
8
|
+
uiConfigEditable?: {};
|
|
9
|
+
setUiConfigEditable?: () => void;
|
|
10
|
+
isEditing?: boolean;
|
|
11
|
+
setIsEditing?: () => void;
|
|
12
|
+
disableEditBtn?: boolean;
|
|
13
|
+
}): React.JSX.Element;
|
|
14
|
+
import React from 'react';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export default function ChangeAccountComponent({ serviceName, text, onChangeAccountClicked, disabled, isTopBorder, }: {
|
|
2
|
+
serviceName?: string;
|
|
3
|
+
text?: string;
|
|
4
|
+
onChangeAccountClicked?: () => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
isTopBorder?: boolean;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
import React from 'react';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default function DropdownProfile({ mode, apiKey, apiSecret, onSuccess, onError, onLogout, wsUrl, isInsideModal, containerRef, language, disabled, callToHook, dropdownBtnSize, dropdownBtnBgClassNames, dropdownBtnTextColorClassNames, dropdownBtnBorderClassNames, dropdownHeight, additionalDropdownItems, }: {
|
|
2
|
+
mode?: string;
|
|
3
|
+
apiKey?: string;
|
|
4
|
+
apiSecret?: string;
|
|
5
|
+
onSuccess?: (address?: string) => Promise<void>;
|
|
6
|
+
onError?: () => Promise<void>;
|
|
7
|
+
onLogout?: () => Promise<void>;
|
|
8
|
+
wsUrl?: any;
|
|
9
|
+
isInsideModal?: boolean;
|
|
10
|
+
containerRef?: any;
|
|
11
|
+
language?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
callToHook?: boolean;
|
|
14
|
+
dropdownBtnSize?: string;
|
|
15
|
+
dropdownBtnBgClassNames?: string;
|
|
16
|
+
dropdownBtnTextColorClassNames?: string;
|
|
17
|
+
dropdownBtnBorderClassNames?: any;
|
|
18
|
+
dropdownHeight?: any;
|
|
19
|
+
additionalDropdownItems?: {
|
|
20
|
+
onClick: () => void;
|
|
21
|
+
text: string;
|
|
22
|
+
firstIcon: React.JSX.Element;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
}[];
|
|
25
|
+
}): React.JSX.Element;
|
|
26
|
+
import React from 'react';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default function DropdownProfileBtn({ profileBtnContainerRef, onClick, serviceName, dropdownBtnBgClassNames, dropdownBtnSize, dropdownBtnBorderClassNames, dropdownBtnTextColorClassNames, height, isProfileOpen, }: {
|
|
2
|
+
profileBtnContainerRef?: any;
|
|
3
|
+
onClick?: () => void;
|
|
4
|
+
serviceName?: string;
|
|
5
|
+
dropdownBtnBgClassNames?: string;
|
|
6
|
+
dropdownBtnSize?: string;
|
|
7
|
+
dropdownBtnBorderClassNames?: any;
|
|
8
|
+
dropdownBtnTextColorClassNames?: string;
|
|
9
|
+
height?: any;
|
|
10
|
+
isProfileOpen?: boolean;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
import React from 'react';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default function DropdownProfileItem({ id, onClick, text, firstIcon, secondIcon, isTopBorder, classNames, disabled, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
id?: string;
|
|
4
|
+
onClick?: () => void;
|
|
5
|
+
text?: string;
|
|
6
|
+
firstIcon?: any;
|
|
7
|
+
secondIcon?: any;
|
|
8
|
+
isTopBorder?: boolean;
|
|
9
|
+
classNames?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
import React from 'react';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export default function FiltersEditable({ uiConfigEditable, setUiConfigEditable, language, providersFiltersEnabled, isOpenFiltersEditable, setIsOpenFiltersEditable, containerRef, device, }: {
|
|
2
|
+
uiConfigEditable?: {
|
|
3
|
+
config: {
|
|
4
|
+
enableSearch: boolean;
|
|
5
|
+
enableWebTypeFilter: boolean;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
setUiConfigEditable?: (value: any) => void;
|
|
9
|
+
language?: string;
|
|
10
|
+
providersFiltersEnabled?: boolean;
|
|
11
|
+
isOpenFiltersEditable?: boolean;
|
|
12
|
+
setIsOpenFiltersEditable?: () => void;
|
|
13
|
+
containerRef?: any;
|
|
14
|
+
device?: string;
|
|
15
|
+
}): React.JSX.Element;
|
|
16
|
+
import React from 'react';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default function ProvidersButtonsDnDItem({ item, isChecked, onDragStart, onDragEnd, onActiveProviderChange, }: {
|
|
2
|
+
item?: {
|
|
3
|
+
imgSrc: string;
|
|
4
|
+
name: string;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
isChecked?: boolean;
|
|
8
|
+
onDragStart?: () => void;
|
|
9
|
+
onDragEnd?: () => void;
|
|
10
|
+
onActiveProviderChange?: (name: any, value: any) => void;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
import React from 'react';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default function ProvidersButtonsEditable({ uiConfigEditable, setUiConfigEditable, language, isOpenProvidersBtnsEditable, setIsOpenProvidersBtnsEditable, containerRef, uiConfigProvidersInfo, device, }: {
|
|
2
|
+
uiConfigEditable?: {};
|
|
3
|
+
setUiConfigEditable?: (value: any) => void;
|
|
4
|
+
language?: string;
|
|
5
|
+
isOpenProvidersBtnsEditable?: boolean;
|
|
6
|
+
setIsOpenProvidersBtnsEditable?: () => void;
|
|
7
|
+
containerRef?: any;
|
|
8
|
+
uiConfigProvidersInfo?: {};
|
|
9
|
+
device?: string;
|
|
10
|
+
}): React.JSX.Element;
|
|
11
|
+
import React from 'react';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default function WrapperEditables({ children, positionClassNames, editableBtnId, editableBtnBgColor, editableBtnSpanBgColor, isOpen, setIsOpen, wrapperBaseId, variants, containerRef, classNames, }: {
|
|
2
|
+
children: any;
|
|
3
|
+
positionClassNames?: string;
|
|
4
|
+
editableBtnId?: string;
|
|
5
|
+
editableBtnBgColor?: string;
|
|
6
|
+
editableBtnSpanBgColor?: string;
|
|
7
|
+
isOpen?: boolean;
|
|
8
|
+
setIsOpen?: (value: any) => void;
|
|
9
|
+
wrapperBaseId?: string;
|
|
10
|
+
variants?: {};
|
|
11
|
+
containerRef?: any;
|
|
12
|
+
classNames?: string;
|
|
13
|
+
}): React.JSX.Element;
|
|
14
|
+
import React from 'react';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export default function LoginSection({ language, containerRef, imgQR, showImgLoader, selectedService, isServiceConnected, isEditable, device, btnsConnectTxt, titleTxt, descriptionTxt, lastStepTxt, loginTxt, }: {
|
|
2
|
+
language?: string;
|
|
3
|
+
containerRef?: any;
|
|
4
|
+
imgQR?: string;
|
|
5
|
+
showImgLoader?: boolean;
|
|
6
|
+
selectedService?: string;
|
|
7
|
+
isServiceConnected?: boolean;
|
|
8
|
+
isEditable?: boolean;
|
|
9
|
+
device?: string;
|
|
10
|
+
btnsConnectTxt?: string;
|
|
11
|
+
titleTxt?: string;
|
|
12
|
+
descriptionTxt?: string;
|
|
13
|
+
lastStepTxt?: string;
|
|
14
|
+
loginTxt?: string;
|
|
15
|
+
}): React.JSX.Element;
|
|
16
|
+
import React from 'react';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export default function ProvidersSection({ uiConfig, setUiConfig, language, containerRef, uiConfigProvidersInfo, selectedService, setSelectedService, showedProviders, onChangeWebType, onChangeProviderSearch, isEditable, isEditing, device, }: {
|
|
2
|
+
uiConfig?: {};
|
|
3
|
+
setUiConfig?: () => void;
|
|
4
|
+
language?: string;
|
|
5
|
+
containerRef?: any;
|
|
6
|
+
uiConfigProvidersInfo?: {
|
|
7
|
+
providersColumns: number;
|
|
8
|
+
showProviderNameOnMobile: boolean;
|
|
9
|
+
enableSearch: boolean;
|
|
10
|
+
enableWebTypeFilter: boolean;
|
|
11
|
+
};
|
|
12
|
+
selectedService?: string;
|
|
13
|
+
setSelectedService?: () => void;
|
|
14
|
+
showedProviders?: any[];
|
|
15
|
+
onChangeWebType?: (value: any) => void;
|
|
16
|
+
onChangeProviderSearch?: (value: any) => void;
|
|
17
|
+
isEditable?: boolean;
|
|
18
|
+
isEditing?: boolean;
|
|
19
|
+
device?: string;
|
|
20
|
+
}): React.JSX.Element;
|
|
21
|
+
import React from 'react';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export default function ProvidersButtons({ uiConfig, setUiConfig, language, containerRef, providersWrapperRef, providersContainerRef, providersFiltersEnabled, isMobile, isProvidersScroll, uiConfigProvidersInfo, showedProviders, selectedService, setSelectedService, isEditable, isEditing, device, }: {
|
|
2
|
+
uiConfig?: {};
|
|
3
|
+
setUiConfig?: () => void;
|
|
4
|
+
language?: string;
|
|
5
|
+
containerRef?: any;
|
|
6
|
+
providersWrapperRef?: any;
|
|
7
|
+
providersContainerRef?: any;
|
|
8
|
+
providersFiltersEnabled?: boolean;
|
|
9
|
+
isMobile?: boolean;
|
|
10
|
+
isProvidersScroll?: boolean;
|
|
11
|
+
uiConfigProvidersInfo?: {
|
|
12
|
+
providersColumns: number;
|
|
13
|
+
showProviderNameOnMobile: boolean;
|
|
14
|
+
enableSearch: boolean;
|
|
15
|
+
enableWebTypeFilter: boolean;
|
|
16
|
+
};
|
|
17
|
+
showedProviders?: any[];
|
|
18
|
+
selectedService?: string;
|
|
19
|
+
setSelectedService?: (value: any) => void;
|
|
20
|
+
isEditable?: boolean;
|
|
21
|
+
isEditing?: boolean;
|
|
22
|
+
device?: string;
|
|
23
|
+
}): React.JSX.Element;
|
|
24
|
+
import React from 'react';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export default function ProvidersFilters({ uiConfig, setUiConfig, containerWithActiveClickOutsideRef, language, uiConfigProvidersInfo, searchProviderValue, onChangeProviderSearch, openWebType, setOpenWebType, selectedWebType, webTypesItems, onChangeWebType, isEditable, isEditing, device, providersFiltersEnabled, }: {
|
|
2
|
+
uiConfig?: {};
|
|
3
|
+
setUiConfig?: () => void;
|
|
4
|
+
containerWithActiveClickOutsideRef?: any;
|
|
5
|
+
language?: string;
|
|
6
|
+
uiConfigProvidersInfo?: {
|
|
7
|
+
enableSearch: boolean;
|
|
8
|
+
enableWebTypeFilter: boolean;
|
|
9
|
+
};
|
|
10
|
+
searchProviderValue?: string;
|
|
11
|
+
onChangeProviderSearch?: () => void;
|
|
12
|
+
openWebType?: boolean;
|
|
13
|
+
setOpenWebType?: (value: any) => void;
|
|
14
|
+
selectedWebType?: {
|
|
15
|
+
name: string;
|
|
16
|
+
value: string;
|
|
17
|
+
};
|
|
18
|
+
webTypesItems?: {
|
|
19
|
+
name: string;
|
|
20
|
+
value: string;
|
|
21
|
+
}[];
|
|
22
|
+
onChangeWebType?: () => void;
|
|
23
|
+
isEditable?: boolean;
|
|
24
|
+
isEditing?: boolean;
|
|
25
|
+
device?: string;
|
|
26
|
+
providersFiltersEnabled?: boolean;
|
|
27
|
+
}): React.JSX.Element;
|
|
28
|
+
import React from 'react';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export default function SelectedButton({ selectedService, language, btnsConnectTxt, showImgLoader, isEditable, }: {
|
|
2
|
+
selectedService: any;
|
|
3
|
+
language: any;
|
|
4
|
+
btnsConnectTxt: any;
|
|
5
|
+
showImgLoader: any;
|
|
6
|
+
isEditable: any;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
import React from 'react';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export default function Txn({ lifetimeSign, setLifetimeSign, lifetimeData, lifetimeSliderRef, txnLifetimeHovered, setTxnLifetimeHovered, addError, selectedTxnPreParams, permissionsRequiredTxt, solicitedDataTxt, rejectTxt, acceptTxt, iAuthorizeTheTxt, privacyPolicyTxt, andTheTxt, termsAndConditionsTxt, configureSessionTimeTxt, saveTxt, onPermissionsRequiredClicked, }: {
|
|
2
|
+
lifetimeSign?: number;
|
|
3
|
+
setLifetimeSign?: (value: any) => void;
|
|
4
|
+
lifetimeData?: {};
|
|
5
|
+
lifetimeSliderRef?: any;
|
|
6
|
+
txnLifetimeHovered?: boolean;
|
|
7
|
+
setTxnLifetimeHovered?: (value: any) => void;
|
|
8
|
+
addError?: (message: any) => void;
|
|
9
|
+
selectedTxnPreParams?: {};
|
|
10
|
+
permissionsRequiredTxt?: string;
|
|
11
|
+
solicitedDataTxt?: string;
|
|
12
|
+
rejectTxt?: string;
|
|
13
|
+
acceptTxt?: string;
|
|
14
|
+
iAuthorizeTheTxt?: string;
|
|
15
|
+
privacyPolicyTxt?: string;
|
|
16
|
+
andTheTxt?: string;
|
|
17
|
+
termsAndConditionsTxt?: string;
|
|
18
|
+
configureSessionTimeTxt?: string;
|
|
19
|
+
saveTxt?: string;
|
|
20
|
+
onPermissionsRequiredClicked?: () => void;
|
|
21
|
+
}): React.JSX.Element;
|
|
22
|
+
import React from 'react';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default function TxnError({ errorMessageSlug, errorMessageTxt, closeTxns, helpUsTxt, thanksForReportTxt, reportTxt, textCloseTxt, modalWillCloseInTxt, isCountdown, }: {
|
|
2
|
+
errorMessageSlug?: string;
|
|
3
|
+
errorMessageTxt?: string;
|
|
4
|
+
closeTxns?: () => void;
|
|
5
|
+
helpUsTxt?: string;
|
|
6
|
+
thanksForReportTxt?: string;
|
|
7
|
+
reportTxt?: string;
|
|
8
|
+
textCloseTxt?: string;
|
|
9
|
+
modalWillCloseInTxt?: string;
|
|
10
|
+
isCountdown?: boolean;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
import React from 'react';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export default function TxnType({ txnType, txnsLength, onPrevTxnClicked, onNextTxnClicked, slideDir, }: {
|
|
2
|
+
txnType?: string;
|
|
3
|
+
txnsLength?: number;
|
|
4
|
+
onPrevTxnClicked?: () => void;
|
|
5
|
+
onNextTxnClicked?: () => void;
|
|
6
|
+
slideDir?: string;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
import React from 'react';
|