@getpara/react-sdk 1.1.0 → 1.3.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.
Files changed (146) hide show
  1. package/dist/MoonPayEmbed-GAWXP6V7.js +2 -0
  2. package/dist/MoonPayEmbed-GAWXP6V7.js.br +0 -0
  3. package/dist/MoonPayEmbed-GAWXP6V7.js.gz +0 -0
  4. package/dist/index.js +675 -5
  5. package/dist/index.js.br +0 -0
  6. package/dist/index.js.gz +0 -0
  7. package/dist/provider/hooks/utils/useEventListeners.d.ts +1 -1
  8. package/dist/provider/stores/useStore.d.ts +7 -2
  9. package/dist/provider/types/provider.d.ts +15 -3
  10. package/package.json +8 -7
  11. package/dist/modal/ParaModal.js +0 -281
  12. package/dist/modal/components/Account/Account.js +0 -60
  13. package/dist/modal/components/AddFunds/AddFunds.js +0 -147
  14. package/dist/modal/components/AddFunds/AddFundsAwaiting.js +0 -65
  15. package/dist/modal/components/AddFunds/AddFundsDone.js +0 -26
  16. package/dist/modal/components/AddFunds/MoonPayEmbed.js +0 -2
  17. package/dist/modal/components/AddFunds/index.js +0 -3
  18. package/dist/modal/components/AuthInput/AuthInput.js +0 -221
  19. package/dist/modal/components/AuthInput/countryCodes.js +0 -40
  20. package/dist/modal/components/AuthInput/hooks/useDropdownPosition.js +0 -23
  21. package/dist/modal/components/AuthInput/phoneMasks.js +0 -247
  22. package/dist/modal/components/AuthMainStep/AuthMainStep.js +0 -21
  23. package/dist/modal/components/AuthMainStep/AuthMainStepContent.js +0 -89
  24. package/dist/modal/components/AuthOptions/AuthOptions.js +0 -28
  25. package/dist/modal/components/AwaitingBiometricsStep/AwaitingBiometricsStep.js +0 -7
  26. package/dist/modal/components/AwaitingOAuthStep/AwaitingOAuthStep.js +0 -5
  27. package/dist/modal/components/AwaitingPasswordStep/AwaitingPasswordStep.js +0 -7
  28. package/dist/modal/components/AwaitingWalletCreationStep/AwaitingWalletCreationStep.js +0 -18
  29. package/dist/modal/components/BiometricCreationStep/BiometricCreationStep.js +0 -17
  30. package/dist/modal/components/BiometricLoginStep/BiometricLoginStep.js +0 -131
  31. package/dist/modal/components/Body/AnimatedHeightWrapper.js +0 -26
  32. package/dist/modal/components/Body/Body.js +0 -232
  33. package/dist/modal/components/ChainSwitch/ChainSwitch.js +0 -77
  34. package/dist/modal/components/ChainSwitch/config.js +0 -11
  35. package/dist/modal/components/Controls/Controls.js +0 -54
  36. package/dist/modal/components/Controls/Selects.js +0 -159
  37. package/dist/modal/components/ExternalWalletStep/ExternalWalletStep.js +0 -116
  38. package/dist/modal/components/ExternalWalletStep/config.js +0 -11
  39. package/dist/modal/components/ExternalWallets/ExternalWallets.js +0 -142
  40. package/dist/modal/components/ExternalWalletsWrapper/ExternalWalletsWrapper.js +0 -119
  41. package/dist/modal/components/Footer/Footer.js +0 -71
  42. package/dist/modal/components/Header/Header.js +0 -24
  43. package/dist/modal/components/Header/hooks/useStepTitle.js +0 -42
  44. package/dist/modal/components/Hero/Hero.js +0 -119
  45. package/dist/modal/components/IFrameStep/IFrameStep.js +0 -41
  46. package/dist/modal/components/LoginDoneStep/LoginDoneStep.js +0 -19
  47. package/dist/modal/components/ModalContent/ModalContent.js +0 -280
  48. package/dist/modal/components/OAuth/FarcasterOAuthStep.js +0 -82
  49. package/dist/modal/components/OAuth/OAuth.js +0 -125
  50. package/dist/modal/components/OAuth/TelegramOAuthStep.js +0 -133
  51. package/dist/modal/components/OnRampComponents/AddingFunds.js +0 -10
  52. package/dist/modal/components/OnRampComponents/OnRampProviderButton.js +0 -72
  53. package/dist/modal/components/RecoverySecretStep/RecoverySecretStep.js +0 -67
  54. package/dist/modal/components/Setup2FAStep/Setup2FAStep.js +0 -105
  55. package/dist/modal/components/StripeComponents/StripeComponents.js +0 -78
  56. package/dist/modal/components/TwoFactorDoneStep/TwoFactorDoneStep.js +0 -8
  57. package/dist/modal/components/VerificationCodeStep/VerificationCodeStep.js +0 -135
  58. package/dist/modal/components/Waiting/Waiting.js +0 -6
  59. package/dist/modal/components/WalletCard/PartnerIcon.js +0 -29
  60. package/dist/modal/components/WalletCard/WalletCard.js +0 -93
  61. package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.js +0 -50
  62. package/dist/modal/components/common.js +0 -67
  63. package/dist/modal/components/index.js +0 -1
  64. package/dist/modal/constants/constants.js +0 -93
  65. package/dist/modal/constants/defaults.js +0 -5
  66. package/dist/modal/constants/oAuthLogos.js +0 -18
  67. package/dist/modal/hooks/useActiveWallet.js +0 -11
  68. package/dist/modal/hooks/useEmbeddedExternalConnection.js +0 -46
  69. package/dist/modal/hooks/useGoBack.js +0 -34
  70. package/dist/modal/index.js +0 -9
  71. package/dist/modal/providers/CosmosExternalWalletContextStub.js +0 -18
  72. package/dist/modal/providers/EvmExternalWalletContextStub.js +0 -22
  73. package/dist/modal/providers/ExternalWalletContext.js +0 -253
  74. package/dist/modal/providers/SolanaExternalWalletContextStub.js +0 -12
  75. package/dist/modal/stores/externalWalletProvider/actions.js +0 -5
  76. package/dist/modal/stores/externalWalletProvider/useExternalWalletProviderStore.js +0 -13
  77. package/dist/modal/stores/index.js +0 -3
  78. package/dist/modal/stores/modal/actions.js +0 -64
  79. package/dist/modal/stores/modal/useModalStore.js +0 -41
  80. package/dist/modal/stores/para/actions.js +0 -5
  81. package/dist/modal/stores/para/useParaStore.js +0 -3
  82. package/dist/modal/stores/theme/actions.js +0 -24
  83. package/dist/modal/stores/theme/useThemeStore.js +0 -14
  84. package/dist/modal/stores/userInfo/actions.js +0 -34
  85. package/dist/modal/stores/userInfo/useUserInfoStore.js +0 -9
  86. package/dist/modal/types/commonTypes.js +0 -1
  87. package/dist/modal/types/externalWallets.js +0 -21
  88. package/dist/modal/types/modalProps.js +0 -7
  89. package/dist/modal/utils/authLayoutHelpers.js +0 -2
  90. package/dist/modal/utils/getMailtoLink.js +0 -5
  91. package/dist/modal/utils/getTileButtonFlex.js +0 -15
  92. package/dist/modal/utils/isPasskeySupported.js +0 -10
  93. package/dist/modal/utils/openPopup.js +0 -55
  94. package/dist/modal/utils/routeMobileExternalWallet.js +0 -35
  95. package/dist/modal/utils/steps.js +0 -215
  96. package/dist/modal/utils/stringFormatters.js +0 -12
  97. package/dist/modal/utils/validateOnRampConfig.js +0 -26
  98. package/dist/provider/ParaProvider.js +0 -16
  99. package/dist/provider/actions/checkIfUserExists.js +0 -26
  100. package/dist/provider/actions/createUser.js +0 -30
  101. package/dist/provider/actions/getAccount.js +0 -24
  102. package/dist/provider/actions/getWallet.js +0 -16
  103. package/dist/provider/actions/initiateLogin.js +0 -23
  104. package/dist/provider/actions/keepSessionAlive.js +0 -23
  105. package/dist/provider/actions/logout.js +0 -20
  106. package/dist/provider/actions/signMessage.js +0 -23
  107. package/dist/provider/actions/signTransaction.js +0 -23
  108. package/dist/provider/actions/waitForAccountCreation.js +0 -24
  109. package/dist/provider/actions/waitForLoginAndSetup.js +0 -27
  110. package/dist/provider/actions/waitForPasskeyAndCreateWallet.js +0 -24
  111. package/dist/provider/hooks/index.js +0 -3
  112. package/dist/provider/hooks/mutations/index.js +0 -10
  113. package/dist/provider/hooks/mutations/useCheckIfUserExists.js +0 -23
  114. package/dist/provider/hooks/mutations/useCreateUser.js +0 -23
  115. package/dist/provider/hooks/mutations/useInitiateLogin.js +0 -23
  116. package/dist/provider/hooks/mutations/useKeepSessionAlive.js +0 -23
  117. package/dist/provider/hooks/mutations/useLogout.js +0 -33
  118. package/dist/provider/hooks/mutations/useSignMessage.js +0 -33
  119. package/dist/provider/hooks/mutations/useSignTransaction.js +0 -33
  120. package/dist/provider/hooks/mutations/useWaitForAccountCreation.js +0 -30
  121. package/dist/provider/hooks/mutations/useWaitForLoginAndSetup.js +0 -30
  122. package/dist/provider/hooks/mutations/useWaitForPasskeyAndCreateWallet.js +0 -30
  123. package/dist/provider/hooks/queries/index.js +0 -2
  124. package/dist/provider/hooks/queries/useAccount.js +0 -23
  125. package/dist/provider/hooks/queries/useWallet.js +0 -24
  126. package/dist/provider/hooks/utils/index.js +0 -3
  127. package/dist/provider/hooks/utils/useAutoSessionKeepAlive.js +0 -79
  128. package/dist/provider/hooks/utils/useClient.js +0 -8
  129. package/dist/provider/hooks/utils/useEventListeners.js +0 -87
  130. package/dist/provider/hooks/utils/useInternalClient.js +0 -9
  131. package/dist/provider/hooks/utils/useModal.js +0 -15
  132. package/dist/provider/hooks/utils/useWalletState.js +0 -33
  133. package/dist/provider/index.js +0 -3
  134. package/dist/provider/stores/getters.js +0 -5
  135. package/dist/provider/stores/slices/client.js +0 -4
  136. package/dist/provider/stores/slices/index.js +0 -3
  137. package/dist/provider/stores/slices/modal.js +0 -4
  138. package/dist/provider/stores/slices/wallet.js +0 -6
  139. package/dist/provider/stores/types.js +0 -1
  140. package/dist/provider/stores/useStore.js +0 -12
  141. package/dist/provider/types/provider.js +0 -1
  142. package/dist/provider/types/query.js +0 -1
  143. package/dist/provider/types/utils.js +0 -1
  144. package/dist/provider/utils/renameMutations.js +0 -19
  145. /package/dist/{modal/css → css}/modal.css +0 -0
  146. /package/dist/{modal/public → public}/Inter-VariableFont_slnt,wght.ttf +0 -0
@@ -1,64 +0,0 @@
1
- import { DEFAULT_MODAL_STATE } from './useModalStore.js';
2
- import { AccountPreviousStep, LoginPreviousStep, ModalStep, SignUpPreviousStep } from '../../utils/steps.js';
3
- export const getActions = (set, get) => ({
4
- resetState: () => set(DEFAULT_MODAL_STATE),
5
- setOnModalStepChange: onModalStepChange => set({ onModalStepChange }),
6
- setStep: step => {
7
- const onModalStepChange = get().onModalStepChange;
8
- const previousStep = get().step;
9
- set({ step });
10
- onModalStepChange === null || onModalStepChange === void 0 ? void 0 : onModalStepChange({ previousStep, currentStep: step, canGoBack: get().hasPreviousStep() });
11
- },
12
- decrementStep: () => {
13
- const onModalStepChange = get().onModalStepChange;
14
- const isLogin = get().flow === 'login';
15
- const isAccount = get().flow === 'account';
16
- const currentStep = get().step;
17
- const webAuthURLForCreate = get().webAuthURLForCreate;
18
- const iFrameUrl = get().iFrameUrl;
19
- let prevStep = (isAccount ? AccountPreviousStep : isLogin ? LoginPreviousStep : SignUpPreviousStep)[currentStep];
20
- if (currentStep === ModalStep.PASSWORD_CREATION && iFrameUrl && !webAuthURLForCreate) {
21
- prevStep = ModalStep.AUTH_MAIN;
22
- }
23
- if (currentStep === ModalStep.EX_WALLET_SELECTED) {
24
- set({ selectedExternalWalletId: undefined, isExternalWalletConnecting: false, externalWalletError: undefined });
25
- }
26
- if (prevStep) {
27
- set({ step: prevStep, stepDirection: -1 });
28
- onModalStepChange === null || onModalStepChange === void 0 ? void 0 : onModalStepChange({ previousStep: currentStep, currentStep: prevStep, canGoBack: get().hasPreviousStep() });
29
- }
30
- },
31
- hasPreviousStep: () => {
32
- const isLogin = get().flow === 'login';
33
- const isAccount = get().flow === 'account';
34
- const currentStep = get().step;
35
- return !!(isAccount
36
- ? AccountPreviousStep[currentStep]
37
- : isLogin
38
- ? LoginPreviousStep[currentStep]
39
- : SignUpPreviousStep[currentStep]);
40
- },
41
- setPopupWindow: popupWindow => {
42
- set({ popupWindow });
43
- },
44
- setFlow: flow => set({ flow }),
45
- isLogin: () => get().flow === 'login',
46
- isAccount: () => get().flow === 'account',
47
- setWebAuthURLForLogin: url => set({ webAuthURLForLogin: url }),
48
- setWebAuthURLForCreate: url => set({ webAuthURLForCreate: url }),
49
- setPasswordUrlForLogin: url => set({ passwordUrlForLogin: url }),
50
- setSupportedAuthMethods: supportedAuthMethods => set({ supportedAuthMethods }),
51
- setOnRampPurchase: onRampPurchase => set(state => ({ onRampPurchase: Object.assign(Object.assign({}, (state.onRampPurchase || {})), onRampPurchase) })),
52
- setOnRampConfig: onRampConfig => set({ onRampConfig }),
53
- setIsFullyLoggedIn: isFullyLoggedIn => set({ isFullyLoggedIn }),
54
- setAccountAddFundTab: accountAddFundTab => set({ accountAddFundTab }),
55
- setSelectedExternalWalletId: selectedExternalWalletId => set({ selectedExternalWalletId }),
56
- setIsExternalWalletConnecting: isExternalWalletConnecting => set({ isExternalWalletConnecting }),
57
- setExternalWalletError: externalWalletError => set({ externalWalletError }),
58
- setIsUsingMobileConnector: isUsingMobileConnector => set({ isUsingMobileConnector }),
59
- setStepDirection: stepDirection => set({ stepDirection }),
60
- setFarcasterConnectUri: farcasterConnectUri => set({ farcasterConnectUri }),
61
- setBiometricLocationHints: biometricLocationHints => set({ biometricLocationHints }),
62
- setIFrameUrl: iFrameUrl => set({ iFrameUrl }),
63
- setIsIFrameReady: isIFrameReady => set({ isIFrameReady }),
64
- });
@@ -1,41 +0,0 @@
1
- import { create } from 'zustand';
2
- import { persist, createJSONStorage } from 'zustand/middleware';
3
- import { ModalStep } from '../../utils/steps.js';
4
- import { getActions } from './actions.js';
5
- // Omitting step from default here since it's set dynamically when the modal opens and closes
6
- export const DEFAULT_MODAL_STATE = {
7
- flow: undefined,
8
- stepDirection: 1,
9
- webAuthURLForLogin: undefined,
10
- webAuthURLForCreate: undefined,
11
- passwordUrlForLogin: undefined,
12
- supportedAuthMethods: new Set(),
13
- onModalStepChange: undefined,
14
- onRampPurchase: undefined,
15
- popupWindow: undefined,
16
- isFullyLoggedIn: false,
17
- accountAddFundTab: undefined,
18
- isExternalWalletConnecting: false,
19
- externalWalletError: undefined,
20
- activeWallet: [undefined, undefined],
21
- farcasterConnectUri: undefined,
22
- biometricLocationHints: undefined,
23
- iFrameUrl: undefined,
24
- isIFrameReady: undefined,
25
- };
26
- export const useModalStore = create()(persist((set, get) => (Object.assign(Object.assign({ step: ModalStep.AUTH_MAIN, onRampConfig: undefined, activeWallet: undefined }, DEFAULT_MODAL_STATE), getActions(set, get))), {
27
- version: 1,
28
- name: '@CAPSULE/modalState',
29
- storage: createJSONStorage(() => sessionStorage),
30
- partialize: state => ({
31
- step: state.step,
32
- webAuthURLForLogin: state.webAuthURLForLogin,
33
- webAuthURLForCreate: state.webAuthURLForCreate,
34
- passwordUrlForLogin: state.passwordUrlForLogin,
35
- biometricLocationHints: state.biometricLocationHints,
36
- onRampPurchase: state.onRampPurchase,
37
- selectedExternalWalletId: state.selectedExternalWalletId,
38
- isUsingMobileConnector: state.isUsingMobileConnector,
39
- supportedAuthMethods: state.supportedAuthMethods,
40
- }),
41
- }));
@@ -1,5 +0,0 @@
1
- export const getActions = (set) => ({
2
- setPara: para => {
3
- set({ para: para });
4
- },
5
- });
@@ -1,3 +0,0 @@
1
- import { create } from 'zustand';
2
- import { getActions } from './actions.js';
3
- export const useParaStore = create(set => (Object.assign({ para: undefined }, getActions(set))));
@@ -1,24 +0,0 @@
1
- export const getActions = (set, get) => ({
2
- updateState: state => {
3
- set(state);
4
- },
5
- getLogo: () => {
6
- var _a;
7
- return (_a = get().logo) !== null && _a !== void 0 ? _a : undefined;
8
- },
9
- setAuthLayout: authLayout => {
10
- const types = [];
11
- const uniqueLayouts = [];
12
- authLayout.map(layout => {
13
- const type = layout.split(':')[0];
14
- if (!types.includes(type)) {
15
- uniqueLayouts.push(layout);
16
- types.push(type);
17
- }
18
- else {
19
- console.warn(`${layout} is a duplicate ${type} layout type. Please remove the duplicate type from your config.`);
20
- }
21
- });
22
- set({ authLayout: uniqueLayouts });
23
- },
24
- });
@@ -1,14 +0,0 @@
1
- import { create } from 'zustand';
2
- import { getActions } from './actions.js';
3
- import { AuthLayout } from '../../types/modalProps.js';
4
- const DEFAULT_THEME = {
5
- isDark: false,
6
- logo: undefined,
7
- appName: undefined,
8
- bareModal: false,
9
- embeddedModal: false,
10
- oAuthLogoVariant: undefined,
11
- authLayout: [AuthLayout.AUTH_FULL, AuthLayout.EXTERNAL_FULL],
12
- hideWallets: false,
13
- };
14
- export const useThemeStore = create((set, get) => (Object.assign(Object.assign({}, DEFAULT_THEME), getActions(set, get))));
@@ -1,34 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { DEFAULT_USER_INFO_STATE } from './useUserInfoStore.js';
13
- import { extractAuthInfo } from '@getpara/user-management-client';
14
- export const getActions = (set, get) => ({
15
- resetState: () => {
16
- set(DEFAULT_USER_INFO_STATE);
17
- },
18
- setAuthInfo: (_a) => {
19
- var { pfpUrl, displayName } = _a, auth = __rest(_a, ["pfpUrl", "displayName"]);
20
- set({ auth, pfpUrl: pfpUrl || null, displayName: displayName || null });
21
- },
22
- getAuthInfo: () => {
23
- try {
24
- return get().auth
25
- ? Object.assign(Object.assign({}, extractAuthInfo(get().auth, { isRequired: true })), { pfpUrl: get().pfpUrl, displayName: get().displayName }) : null;
26
- }
27
- catch (e) {
28
- return null;
29
- }
30
- },
31
- setRecoveryShare: recoveryShare => {
32
- set({ recoveryShare });
33
- },
34
- });
@@ -1,9 +0,0 @@
1
- import { create } from 'zustand';
2
- import { getActions } from './actions.js';
3
- export const DEFAULT_USER_INFO_STATE = {
4
- auth: null,
5
- recoveryShare: null,
6
- pfpUrl: null,
7
- displayName: null,
8
- };
9
- export const useUserInfoStore = create((set, get) => (Object.assign(Object.assign({}, DEFAULT_USER_INFO_STATE), getActions(set, get))));
@@ -1 +0,0 @@
1
- export {};
@@ -1,21 +0,0 @@
1
- export var EvmWallet;
2
- (function (EvmWallet) {
3
- EvmWallet["METAMASK"] = "METAMASK";
4
- EvmWallet["RAINBOW"] = "RAINBOW";
5
- EvmWallet["COINBASE"] = "COINBASE";
6
- EvmWallet["WALLETCONNECT"] = "WALLETCONNECT";
7
- EvmWallet["ZERION"] = "ZERION";
8
- EvmWallet["RABBY"] = "RABBY";
9
- })(EvmWallet || (EvmWallet = {}));
10
- export var SolanaWallet;
11
- (function (SolanaWallet) {
12
- SolanaWallet["PHANTOM"] = "PHANTOM";
13
- SolanaWallet["GLOW"] = "GLOW";
14
- SolanaWallet["BACKPACK"] = "BACKPACK";
15
- })(SolanaWallet || (SolanaWallet = {}));
16
- export var CosmosWallet;
17
- (function (CosmosWallet) {
18
- CosmosWallet["KEPLR"] = "KEPLR";
19
- CosmosWallet["LEAP"] = "LEAP";
20
- })(CosmosWallet || (CosmosWallet = {}));
21
- export const ExternalWallet = Object.assign(Object.assign(Object.assign({}, EvmWallet), SolanaWallet), CosmosWallet);
@@ -1,7 +0,0 @@
1
- export var AuthLayout;
2
- (function (AuthLayout) {
3
- AuthLayout["AUTH_FULL"] = "AUTH:FULL";
4
- AuthLayout["AUTH_CONDENSED"] = "AUTH:CONDENSED";
5
- AuthLayout["EXTERNAL_FULL"] = "EXTERNAL:FULL";
6
- AuthLayout["EXTERNAL_CONDENSED"] = "EXTERNAL:CONDENSED";
7
- })(AuthLayout || (AuthLayout = {}));
@@ -1,2 +0,0 @@
1
- export const hasExternalWallet = (authLayout) => authLayout.find(layout => layout.includes('EXTERNAL'));
2
- export const hasEmbeddedAuth = (authLayout) => authLayout.find(layout => layout.includes('AUTH'));
@@ -1,5 +0,0 @@
1
- export function getMailtoLink(email, recoveryShare) {
2
- const emailBody = `Hello,%0D%0DBelow is your Para Recovery Secret. Keep this safe!%0D%0D${recoveryShare}%0D%0DPlease get in touch via support@getpara.com if you have any questions`;
3
- const mailText = `mailto:${email}?subject=Para%20Recovery%20Secret&body=${emailBody}`;
4
- return mailText;
5
- }
@@ -1,15 +0,0 @@
1
- export const getTileButtonFlex = (index, totalItems) => {
2
- const gapOffset = 8 - 8 * 0.333;
3
- if (totalItems < 2) {
4
- return '1 1 auto';
5
- }
6
- if (totalItems % 3 === 0) {
7
- return `0 0 calc(33.333333% - ${gapOffset}px)`;
8
- }
9
- if (totalItems % 3 === 1) {
10
- return index < 4 ? '0 0 calc(50% - 4px)' : `0 0 calc(33.333333% - ${gapOffset}px)`;
11
- }
12
- if (totalItems % 3 === 2) {
13
- return index < 2 ? '0 0 calc(50% - 4px)' : `0 0 calc(33.333333% - ${gapOffset}px)`;
14
- }
15
- };
@@ -1,10 +0,0 @@
1
- import { detect } from 'detect-browser';
2
- export const isPasskeySupported = () => {
3
- const browser = detect();
4
- switch (browser.os) {
5
- case 'linux':
6
- case 'Chrome OS':
7
- return false;
8
- }
9
- return true;
10
- };
@@ -1,55 +0,0 @@
1
- export function openPopup(popupUrl, target, type) {
2
- const popUpWidth = 560;
3
- let popUpHeight;
4
- switch (type) {
5
- case 'LOGIN_PASSWORD': {
6
- popUpHeight = 460;
7
- break;
8
- }
9
- case 'LOGIN_PASSKEY': {
10
- popUpHeight = 798;
11
- break;
12
- }
13
- case 'CREATE_PASSWORD': {
14
- popUpHeight = 400;
15
- break;
16
- }
17
- case 'CREATE_PASSKEY': {
18
- popUpHeight = 464;
19
- break;
20
- }
21
- case 'TRANSACTION_REVIEW': {
22
- popUpHeight = 480;
23
- break;
24
- }
25
- case 'OAUTH':
26
- default: {
27
- popUpHeight = 768;
28
- break;
29
- }
30
- }
31
- // Fixes position when using multiple monitors
32
- const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
33
- const dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;
34
- const width = window.innerWidth
35
- ? window.innerWidth
36
- : document.documentElement.clientWidth
37
- ? document.documentElement.clientWidth
38
- : screen.width;
39
- const height = window.innerHeight
40
- ? window.innerHeight
41
- : document.documentElement.clientHeight
42
- ? document.documentElement.clientHeight
43
- : screen.height;
44
- const left = (width - popUpWidth) / 2 + dualScreenLeft;
45
- const top = (height - popUpHeight) / 2 + dualScreenTop;
46
- const windowFeatures = `toolbar=no, menubar=no, width=${popUpWidth},
47
- height=${popUpHeight}, top=${top}, left=${left}`;
48
- let popupWindow = window.open(popupUrl, target, windowFeatures);
49
- if (!popupWindow) {
50
- setTimeout(() => {
51
- popupWindow = window.open(popupUrl, '_blank');
52
- }, 0);
53
- }
54
- return popupWindow;
55
- }
@@ -1,35 +0,0 @@
1
- import { isAndroid, isMobile, isTelegram } from '@getpara/web-sdk';
2
- export const routeMobileExternalWallet = (qrUri) => {
3
- if (isMobile()) {
4
- if (!qrUri)
5
- return;
6
- if (!isTelegram() && qrUri.startsWith('http')) {
7
- // Workaround for https://github.com/rainbow-me/rainbowkit/issues/524.
8
- // Using 'window.open' causes issues on iOS in non-Safari browsers and
9
- // WebViews where a blank tab is left behind after connecting.
10
- // This is especially bad in some WebView scenarios (e.g. following a
11
- // link from Twitter) where the user doesn't have any mechanism for
12
- // closing the blank tab.
13
- // For whatever reason, links with a target of "_blank" don't suffer
14
- // from this problem, and programmatically clicking a detached link
15
- // element with the same attributes also avoids the issue.
16
- const link = document.createElement('a');
17
- link.href = qrUri;
18
- link.target = '_blank';
19
- link.rel = 'noreferrer noopener';
20
- link.click();
21
- }
22
- else {
23
- if (isTelegram()) {
24
- let href = qrUri;
25
- if (isAndroid()) {
26
- href = encodeURI(qrUri);
27
- }
28
- window.open(href, '_blank', 'noreferrer noopener');
29
- }
30
- else {
31
- window.location.href = qrUri;
32
- }
33
- }
34
- }
35
- };
@@ -1,215 +0,0 @@
1
- export var ModalStep;
2
- (function (ModalStep) {
3
- ModalStep["AUTH_MAIN"] = "AUTH_MAIN";
4
- ModalStep["AUTH_MORE"] = "AUTH_MORE";
5
- ModalStep["EX_WALLET_MORE"] = "EX_WALLET_MORE";
6
- ModalStep["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
7
- ModalStep["VERIFICATIONS"] = "VERIFICATIONS";
8
- ModalStep["AWAITING_OAUTH"] = "AWAITING_OAUTH";
9
- ModalStep["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
10
- ModalStep["BIOMETRIC_CREATION"] = "BIOMETRIC_CREATION";
11
- ModalStep["AWAITING_BIOMETRIC_CREATION"] = "AWAITING_BIOMETRIC_CREATION";
12
- ModalStep["PASSWORD_CREATION"] = "PASSWORD_CREATION";
13
- ModalStep["AWAITING_PASSWORD_CREATION"] = "AWAITING_PASSWORD_CREATION";
14
- ModalStep["AWAITING_WALLET_CREATION"] = "AWAITING_WALLET_CREATION";
15
- ModalStep["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
16
- ModalStep["WALLET_CREATION_DONE"] = "WALLET_CREATION_DONE";
17
- ModalStep["SECRET"] = "SECRET";
18
- ModalStep["BIOMETRIC_LOGIN"] = "BIOMETRIC_LOGIN";
19
- ModalStep["AWAITING_BIOMETRIC_LOGIN"] = "AWAITING_BIOMETRIC_LOGIN";
20
- ModalStep["AWAITING_PASSWORD_LOGIN"] = "AWAITING_PASSWORD_LOGIN";
21
- ModalStep["LOGIN_DONE"] = "LOGIN_DONE";
22
- ModalStep["SETUP_2FA"] = "SETUP_2FA";
23
- ModalStep["VERIFY_2FA"] = "VERIFY_2FA";
24
- ModalStep["TWO_FACTOR_DONE"] = "TWO_FACTOR_DONE";
25
- ModalStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
26
- ModalStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
27
- ModalStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
28
- ModalStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
29
- ModalStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
30
- ModalStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
31
- ModalStep["ACCOUNT_MAIN"] = "ACCOUNT_MAIN";
32
- ModalStep["CHAIN_SWITCH"] = "CHAIN_SWITCH";
33
- })(ModalStep || (ModalStep = {}));
34
- var AccountStep;
35
- (function (AccountStep) {
36
- AccountStep["ACCOUNT_MAIN"] = "ACCOUNT_MAIN";
37
- AccountStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
38
- AccountStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
39
- AccountStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
40
- AccountStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
41
- AccountStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
42
- AccountStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
43
- AccountStep["CHAIN_SWITCH"] = "CHAIN_SWITCH";
44
- })(AccountStep || (AccountStep = {}));
45
- export const RESET_TO_AUTH_STEPS = [
46
- ModalStep.EX_WALLET_MORE,
47
- ModalStep.EX_WALLET_SELECTED,
48
- ModalStep.VERIFICATIONS,
49
- ModalStep.AWAITING_OAUTH,
50
- ModalStep.FARCASTER_OAUTH,
51
- ModalStep.TELEGRAM_OAUTH,
52
- ModalStep.BIOMETRIC_CREATION,
53
- ModalStep.AWAITING_BIOMETRIC_CREATION,
54
- ModalStep.PASSWORD_CREATION,
55
- ModalStep.AWAITING_PASSWORD_CREATION,
56
- ModalStep.BIOMETRIC_LOGIN,
57
- ModalStep.AWAITING_BIOMETRIC_LOGIN,
58
- ModalStep.AWAITING_PASSWORD_LOGIN,
59
- ModalStep.AWAITING_WALLET_CREATION,
60
- ModalStep.AWAITING_WALLET_CREATION,
61
- ModalStep.WALLET_CREATION_DONE,
62
- ModalStep.SETUP_2FA,
63
- ModalStep.VERIFY_2FA,
64
- ModalStep.TWO_FACTOR_DONE,
65
- ModalStep.LOGIN_DONE,
66
- ];
67
- export const RESET_TO_ACCOUNT_STEPS = [
68
- ModalStep.ADD_FUNDS_BUY,
69
- ModalStep.ADD_FUNDS_RECEIVE,
70
- ModalStep.ADD_FUNDS_WITHDRAW,
71
- ModalStep.ADD_FUNDS_AWAITING,
72
- ModalStep.ADD_FUNDS_SUCCESS,
73
- ModalStep.ADD_FUNDS_FAILURE,
74
- ModalStep.CHAIN_SWITCH,
75
- ];
76
- export const AccountPreviousStep = {
77
- [AccountStep.ACCOUNT_MAIN]: undefined,
78
- [AccountStep.ADD_FUNDS_BUY]: ModalStep.ACCOUNT_MAIN,
79
- [AccountStep.ADD_FUNDS_WITHDRAW]: ModalStep.ACCOUNT_MAIN,
80
- [AccountStep.ADD_FUNDS_RECEIVE]: ModalStep.ACCOUNT_MAIN,
81
- [AccountStep.ADD_FUNDS_AWAITING]: ModalStep.ADD_FUNDS_BUY,
82
- [AccountStep.ADD_FUNDS_SUCCESS]: ModalStep.ACCOUNT_MAIN,
83
- [AccountStep.ADD_FUNDS_FAILURE]: ModalStep.ACCOUNT_MAIN,
84
- [AccountStep.CHAIN_SWITCH]: ModalStep.ACCOUNT_MAIN,
85
- };
86
- var SignUpModalStep;
87
- (function (SignUpModalStep) {
88
- SignUpModalStep["AUTH_MAIN"] = "AUTH_MAIN";
89
- SignUpModalStep["AUTH_MORE"] = "AUTH_MORE";
90
- SignUpModalStep["EX_WALLET_MORE"] = "EX_WALLET_MORE";
91
- SignUpModalStep["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
92
- SignUpModalStep["VERIFICATIONS"] = "VERIFICATIONS";
93
- SignUpModalStep["AWAITING_OAUTH"] = "AWAITING_OAUTH";
94
- SignUpModalStep["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
95
- SignUpModalStep["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
96
- SignUpModalStep["BIOMETRIC_CREATION"] = "BIOMETRIC_CREATION";
97
- SignUpModalStep["AWAITING_BIOMETRIC_CREATION"] = "AWAITING_BIOMETRIC_CREATION";
98
- SignUpModalStep["PASSWORD_CREATION"] = "PASSWORD_CREATION";
99
- SignUpModalStep["AWAITING_PASSWORD_CREATION"] = "AWAITING_PASSWORD_CREATION";
100
- SignUpModalStep["AWAITING_WALLET_CREATION"] = "AWAITING_WALLET_CREATION";
101
- SignUpModalStep["WALLET_CREATION_DONE"] = "WALLET_CREATION_DONE";
102
- SignUpModalStep["SECRET"] = "SECRET";
103
- SignUpModalStep["SETUP_2FA"] = "SETUP_2FA";
104
- SignUpModalStep["VERIFY_2FA"] = "VERIFY_2FA";
105
- SignUpModalStep["TWO_FACTOR_DONE"] = "TWO_FACTOR_DONE";
106
- SignUpModalStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
107
- SignUpModalStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
108
- SignUpModalStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
109
- SignUpModalStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
110
- SignUpModalStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
111
- SignUpModalStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
112
- })(SignUpModalStep || (SignUpModalStep = {}));
113
- export const SignUpPreviousStep = {
114
- [SignUpModalStep.AUTH_MAIN]: undefined,
115
- [SignUpModalStep.AUTH_MORE]: ModalStep.AUTH_MAIN,
116
- [SignUpModalStep.EX_WALLET_MORE]: ModalStep.AUTH_MAIN,
117
- [SignUpModalStep.EX_WALLET_SELECTED]: ModalStep.AUTH_MAIN,
118
- [SignUpModalStep.VERIFICATIONS]: ModalStep.AUTH_MAIN,
119
- [SignUpModalStep.AWAITING_OAUTH]: ModalStep.AUTH_MAIN,
120
- [SignUpModalStep.TELEGRAM_OAUTH]: ModalStep.AUTH_MAIN,
121
- [SignUpModalStep.FARCASTER_OAUTH]: ModalStep.AUTH_MAIN,
122
- [SignUpModalStep.BIOMETRIC_CREATION]: ModalStep.AUTH_MAIN,
123
- [SignUpModalStep.AWAITING_BIOMETRIC_CREATION]: ModalStep.BIOMETRIC_CREATION,
124
- [SignUpModalStep.PASSWORD_CREATION]: ModalStep.BIOMETRIC_CREATION,
125
- [SignUpModalStep.AWAITING_PASSWORD_CREATION]: ModalStep.BIOMETRIC_CREATION,
126
- [SignUpModalStep.AWAITING_WALLET_CREATION]: undefined,
127
- [SignUpModalStep.WALLET_CREATION_DONE]: undefined,
128
- [SignUpModalStep.SECRET]: undefined,
129
- [SignUpModalStep.SETUP_2FA]: ModalStep.SECRET,
130
- [SignUpModalStep.VERIFY_2FA]: ModalStep.SETUP_2FA,
131
- [SignUpModalStep.TWO_FACTOR_DONE]: undefined,
132
- [SignUpModalStep.ADD_FUNDS_BUY]: ModalStep.WALLET_CREATION_DONE,
133
- [SignUpModalStep.ADD_FUNDS_RECEIVE]: ModalStep.WALLET_CREATION_DONE,
134
- [SignUpModalStep.ADD_FUNDS_WITHDRAW]: ModalStep.WALLET_CREATION_DONE,
135
- [SignUpModalStep.ADD_FUNDS_AWAITING]: ModalStep.ADD_FUNDS_BUY,
136
- [SignUpModalStep.ADD_FUNDS_SUCCESS]: undefined,
137
- [SignUpModalStep.ADD_FUNDS_FAILURE]: undefined,
138
- };
139
- var LoginModalStep;
140
- (function (LoginModalStep) {
141
- LoginModalStep["AUTH_MAIN"] = "AUTH_MAIN";
142
- LoginModalStep["AUTH_MORE"] = "AUTH_MORE";
143
- LoginModalStep["EX_WALLET_MORE"] = "EX_WALLET_MORE";
144
- LoginModalStep["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
145
- LoginModalStep["AWAITING_OAUTH"] = "AWAITING_OAUTH";
146
- LoginModalStep["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
147
- LoginModalStep["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
148
- LoginModalStep["BIOMETRIC_LOGIN"] = "BIOMETRIC_LOGIN";
149
- LoginModalStep["AWAITING_BIOMETRIC_LOGIN"] = "AWAITING_BIOMETRIC_LOGIN";
150
- LoginModalStep["AWAITING_PASSWORD_LOGIN"] = "AWAITING_PASSWORD_LOGIN";
151
- LoginModalStep["AWAITING_WALLET_CREATION"] = "AWAITING_WALLET_CREATION";
152
- LoginModalStep["WALLET_CREATION_DONE"] = "WALLET_CREATION_DONE";
153
- LoginModalStep["SECRET"] = "SECRET";
154
- LoginModalStep["SETUP_2FA"] = "SETUP_2FA";
155
- LoginModalStep["VERIFY_2FA"] = "VERIFY_2FA";
156
- LoginModalStep["TWO_FACTOR_DONE"] = "TWO_FACTOR_DONE";
157
- LoginModalStep["LOGIN_DONE"] = "LOGIN_DONE";
158
- LoginModalStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
159
- LoginModalStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
160
- LoginModalStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
161
- LoginModalStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
162
- LoginModalStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
163
- LoginModalStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
164
- })(LoginModalStep || (LoginModalStep = {}));
165
- export const LoginPreviousStep = {
166
- [LoginModalStep.AUTH_MAIN]: undefined,
167
- [LoginModalStep.AUTH_MORE]: ModalStep.AUTH_MAIN,
168
- [SignUpModalStep.EX_WALLET_MORE]: ModalStep.AUTH_MAIN,
169
- [SignUpModalStep.EX_WALLET_SELECTED]: ModalStep.AUTH_MAIN,
170
- [LoginModalStep.TELEGRAM_OAUTH]: ModalStep.AUTH_MAIN,
171
- [LoginModalStep.AWAITING_OAUTH]: ModalStep.AUTH_MAIN,
172
- [LoginModalStep.FARCASTER_OAUTH]: ModalStep.AUTH_MAIN,
173
- [LoginModalStep.BIOMETRIC_LOGIN]: ModalStep.AUTH_MAIN,
174
- [LoginModalStep.AWAITING_BIOMETRIC_LOGIN]: ModalStep.BIOMETRIC_LOGIN,
175
- [LoginModalStep.AWAITING_PASSWORD_LOGIN]: ModalStep.BIOMETRIC_LOGIN,
176
- [LoginModalStep.AWAITING_WALLET_CREATION]: undefined,
177
- [LoginModalStep.WALLET_CREATION_DONE]: undefined,
178
- [LoginModalStep.SECRET]: undefined,
179
- [LoginModalStep.SETUP_2FA]: undefined,
180
- [LoginModalStep.VERIFY_2FA]: ModalStep.SETUP_2FA,
181
- [LoginModalStep.TWO_FACTOR_DONE]: undefined,
182
- [LoginModalStep.LOGIN_DONE]: undefined,
183
- [LoginModalStep.ADD_FUNDS_BUY]: ModalStep.LOGIN_DONE,
184
- [LoginModalStep.ADD_FUNDS_RECEIVE]: ModalStep.LOGIN_DONE,
185
- [LoginModalStep.ADD_FUNDS_WITHDRAW]: ModalStep.LOGIN_DONE,
186
- [LoginModalStep.ADD_FUNDS_AWAITING]: ModalStep.ADD_FUNDS_BUY,
187
- [LoginModalStep.ADD_FUNDS_SUCCESS]: undefined,
188
- [LoginModalStep.ADD_FUNDS_FAILURE]: undefined,
189
- };
190
- export const getStepHasFooter = (step) => {
191
- switch (step) {
192
- case ModalStep.AUTH_MAIN:
193
- case ModalStep.AUTH_MORE:
194
- case ModalStep.EX_WALLET_MORE:
195
- case ModalStep.EX_WALLET_SELECTED:
196
- case ModalStep.VERIFICATIONS: {
197
- return true;
198
- }
199
- default: {
200
- return false;
201
- }
202
- }
203
- };
204
- export function getAddFundsStep(currentTab) {
205
- switch (currentTab) {
206
- case 'BUY':
207
- return ModalStep.ADD_FUNDS_BUY;
208
- case 'RECEIVE':
209
- return ModalStep.ADD_FUNDS_RECEIVE;
210
- case 'WITHDRAW':
211
- default:
212
- return ModalStep.ADD_FUNDS_WITHDRAW;
213
- }
214
- }
215
- export const IFrameSteps = [ModalStep.PASSWORD_CREATION];
@@ -1,12 +0,0 @@
1
- import { getNetworkName } from '../constants/constants.js';
2
- import { format } from 'date-fns';
3
- export const formatNetworkList = (networks) => {
4
- return networks.length === 1
5
- ? getNetworkName(networks[0])
6
- : `${networks
7
- .map(id => getNetworkName(id))
8
- .slice(0, -1)
9
- .join(', ')}${networks.length > 2 ? ',' : ''} and ${getNetworkName(networks[networks.length - 1])}`;
10
- };
11
- export const formatWalletCreatedDate = (date) => `${format(new Date(date), 'M/d/y')}`;
12
- export const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
@@ -1,26 +0,0 @@
1
- export class OnRampConfigError extends Error {
2
- constructor(message) {
3
- super(`On-ramp configuration error: ${message}.`);
4
- this.name = 'OnRampConfigError';
5
- }
6
- }
7
- function checkHasProviders({ providers }) {
8
- if (!providers || providers.length < 1) {
9
- throw new OnRampConfigError('No providers are configured');
10
- }
11
- }
12
- function checkDuplicateProviders({ providers }) {
13
- providers.forEach((id, index) => {
14
- if (providers.findIndex(p => p === id) !== index) {
15
- throw new OnRampConfigError(`Provider ${id} is configured more than once`);
16
- }
17
- });
18
- }
19
- export function validateOnRampConfig(obj) {
20
- if (!obj) {
21
- return false;
22
- }
23
- checkHasProviders(obj);
24
- checkDuplicateProviders(obj);
25
- return true;
26
- }
@@ -1,16 +0,0 @@
1
- import { useEffect } from 'react';
2
- import { useStore } from './stores/useStore.js';
3
- import { useAutoSessionKeepAlive } from './hooks/utils/useAutoSessionKeepAlive.js';
4
- import { useEventListeners } from './hooks/utils/useEventListeners.js';
5
- import { ParaInternal } from '@getpara/react-common';
6
- const DEFAULT_CONFIG = { disableAutoSessionKeepAlive: false };
7
- export const ParaProvider = ({ children, paraClientConfig, callbacks, config = DEFAULT_CONFIG }) => {
8
- useEventListeners(callbacks);
9
- useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
10
- const setClient = useStore(state => state.setClient);
11
- useEffect(() => {
12
- const newClient = new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
13
- setClient(newClient);
14
- }, [paraClientConfig]);
15
- return children;
16
- };