@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.
Files changed (71) hide show
  1. package/README.md +93 -0
  2. package/dist/bundle.es.js +25 -0
  3. package/dist/bundle.es.js.map +1 -0
  4. package/dist/bundle.umd.js +11426 -0
  5. package/dist/bundle.umd.js.map +1 -0
  6. package/dist/components/FlowBlockAuth.d.ts +31 -0
  7. package/dist/components/btns/BtnBaseProvider.d.ts +10 -0
  8. package/dist/components/btns/BtnBlockAuth.d.ts +8 -0
  9. package/dist/components/btns/BtnGmail.d.ts +19 -0
  10. package/dist/components/btns/BtnGoogleBase.d.ts +32 -0
  11. package/dist/components/btns/BtnMetamask.d.ts +23 -0
  12. package/dist/components/btns/BtnMicrosoft.d.ts +20 -0
  13. package/dist/components/btns/BtnPhantom.d.ts +23 -0
  14. package/dist/components/btns/BtnSignin.d.ts +10 -0
  15. package/dist/components/btns/BtnWalletConnect.d.ts +32 -0
  16. package/dist/components/contents/ContentSignin.d.ts +5 -0
  17. package/dist/components/contents/ContentSignup.d.ts +76 -0
  18. package/dist/components/contents/ContentSignupEditable.d.ts +14 -0
  19. package/dist/components/dds/ChangeAccountComponent.d.ts +8 -0
  20. package/dist/components/dds/DropdownProfile.d.ts +26 -0
  21. package/dist/components/dds/DropdownProfileBtn.d.ts +12 -0
  22. package/dist/components/dds/DropdownProfileItem.d.ts +12 -0
  23. package/dist/components/editables/FiltersEditable.d.ts +16 -0
  24. package/dist/components/editables/ProvidersButtonsDnD.d.ts +6 -0
  25. package/dist/components/editables/ProvidersButtonsDnDItem.d.ts +12 -0
  26. package/dist/components/editables/ProvidersButtonsEditable.d.ts +11 -0
  27. package/dist/components/editables/WrapperEditables.d.ts +14 -0
  28. package/dist/components/modals/ModalSignin.d.ts +5 -0
  29. package/dist/components/modals/ModalSignup.d.ts +6 -0
  30. package/dist/components/sections/FooterSection.d.ts +8 -0
  31. package/dist/components/sections/LoginSection.d.ts +16 -0
  32. package/dist/components/sections/ProvidersSection.d.ts +21 -0
  33. package/dist/components/sections/internals/ProvidersButtons.d.ts +24 -0
  34. package/dist/components/sections/internals/ProvidersFilters.d.ts +28 -0
  35. package/dist/components/sections/internals/SelectedButton.d.ts +8 -0
  36. package/dist/components/txns/TxnsOverview.d.ts +5 -0
  37. package/dist/components/txns/internals/PermissionsRequiredModal.d.ts +4 -0
  38. package/dist/components/txns/internals/Txn.d.ts +22 -0
  39. package/dist/components/txns/internals/TxnError.d.ts +12 -0
  40. package/dist/components/txns/internals/TxnType.d.ts +8 -0
  41. package/dist/helpers/helperUI.d.ts +454 -0
  42. package/dist/hooks/useBlockAuthWs.d.ts +1 -0
  43. package/dist/hooks/useBlockAuthWsData.d.ts +1 -0
  44. package/dist/hooks/useRaisedShadow.d.ts +1 -0
  45. package/dist/index-C2iHITkO.js +131 -0
  46. package/dist/index-C2iHITkO.js.map +1 -0
  47. package/dist/index-DVru6tLI.js +300 -0
  48. package/dist/index-DVru6tLI.js.map +1 -0
  49. package/dist/main-BYFXzpCj.js +109272 -0
  50. package/dist/main-BYFXzpCj.js.map +1 -0
  51. package/dist/main.css +1 -0
  52. package/dist/main.d.ts +22 -0
  53. package/dist/output.css +2322 -0
  54. package/dist/services/BrowserBase.d.ts +41 -0
  55. package/dist/services/Metamask.d.ts +37 -0
  56. package/dist/services/Microsoft.d.ts +26 -0
  57. package/dist/services/Phantom.d.ts +11 -0
  58. package/dist/services/WalletConnect.d.ts +29 -0
  59. package/dist/stores/useStoreExtension.d.ts +13 -0
  60. package/dist/stores/useStoreGoogle.d.ts +1 -0
  61. package/dist/stores/useStoreMetamask.d.ts +1 -0
  62. package/dist/stores/useStoreMicrosoft.d.ts +1 -0
  63. package/dist/stores/useStoreModals.d.ts +12 -0
  64. package/dist/stores/useStorePhantom.d.ts +1 -0
  65. package/dist/stores/useStoreUI.d.ts +116 -0
  66. package/dist/stores/useStoreWS.d.ts +21 -0
  67. package/dist/stores/useStoreWeb3Providers.d.ts +1 -0
  68. package/dist/w3m-modal-Df7g4196.js +348 -0
  69. package/dist/w3m-modal-Df7g4196.js.map +1 -0
  70. package/package.json +175 -0
  71. 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,5 @@
1
+ export default function ContentSignin({ language, closeTxns, }: {
2
+ language?: string;
3
+ closeTxns?: () => void;
4
+ }): React.JSX.Element;
5
+ 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,6 @@
1
+ export default function ProvidersButtonsDnD({ uiConfigEditable, setUiConfigEditable, uiConfigProvidersInfo, }: {
2
+ uiConfigEditable?: {};
3
+ setUiConfigEditable?: (value: any) => void;
4
+ uiConfigProvidersInfo?: {};
5
+ }): React.JSX.Element;
6
+ 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,5 @@
1
+ export default function ModalSignin({ language, ...props }: {
2
+ [x: string]: any;
3
+ language: any;
4
+ }): React.JSX.Element;
5
+ import React from 'react';
@@ -0,0 +1,6 @@
1
+ export default function ModalSignup({ isSpinner, setIsSpinner, language, }: {
2
+ isSpinner?: boolean;
3
+ setIsSpinner?: () => void;
4
+ language?: string;
5
+ }): React.JSX.Element;
6
+ import React from 'react';
@@ -0,0 +1,8 @@
1
+ export default function FooterSection({ isEditable, device, text1, text2, href, }: {
2
+ isEditable?: boolean;
3
+ device?: string;
4
+ text1?: string;
5
+ text2?: string;
6
+ href?: string;
7
+ }): React.JSX.Element;
8
+ 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,5 @@
1
+ export default function TxnsOverview({ closeTxns, language, }: {
2
+ closeTxns?: () => void;
3
+ language?: string;
4
+ }): React.JSX.Element;
5
+ import React from 'react';
@@ -0,0 +1,4 @@
1
+ export default function PermissionsRequiredModal({ language }: {
2
+ language?: string;
3
+ }): React.JSX.Element;
4
+ 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';