@dynamic-labs/sdk-react-core 0.18.0-RC.6 → 0.18.0-RC.8

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 (210) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +8 -8
  5. package/src/index.cjs +6 -0
  6. package/src/index.js +3 -0
  7. package/src/lib/Main.cjs +2 -2
  8. package/src/lib/Main.js +2 -2
  9. package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs +5 -3
  10. package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js +6 -4
  11. package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.types.d.ts +1 -0
  12. package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs +2 -5
  13. package/src/lib/components/DynamicConnectButton/DynamicConnectButton.d.ts +1 -9
  14. package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js +2 -4
  15. package/src/lib/components/DynamicConnectButton/components/ConnectButton.cjs +11 -0
  16. package/src/lib/components/DynamicConnectButton/components/ConnectButton.d.ts +9 -0
  17. package/src/lib/components/DynamicConnectButton/components/ConnectButton.js +7 -0
  18. package/src/lib/components/ModalHeader/ModalHeader.types.d.ts +1 -1
  19. package/src/lib/components/NetworkPicker/NetworkPicker.cjs +26 -1
  20. package/src/lib/components/NetworkPicker/NetworkPicker.js +26 -1
  21. package/src/lib/components/NetworkPicker/components/Network/Network.cjs +3 -1
  22. package/src/lib/components/NetworkPicker/components/Network/Network.d.ts +2 -1
  23. package/src/lib/components/NetworkPicker/components/Network/Network.js +3 -1
  24. package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.cjs +6 -1
  25. package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.d.ts +2 -1
  26. package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.js +6 -1
  27. package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs +2 -3
  28. package/src/lib/components/OTPVerificationView/OTPVerificationView.d.ts +0 -2
  29. package/src/lib/components/OTPVerificationView/OTPVerificationView.js +2 -3
  30. package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.cjs +2 -1
  31. package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.js +2 -1
  32. package/src/lib/components/Tooltip/Tooltip.cjs +1 -1
  33. package/src/lib/components/Tooltip/Tooltip.js +1 -1
  34. package/src/lib/components/TosAndPp/TosAndPp.cjs +6 -5
  35. package/src/lib/components/TosAndPp/TosAndPp.d.ts +3 -4
  36. package/src/lib/components/TosAndPp/TosAndPp.js +6 -5
  37. package/src/lib/components/Transition/transition.type.d.ts +3 -3
  38. package/src/lib/context/DynamicContext/DynamicContext.cjs +28 -18
  39. package/src/lib/context/DynamicContext/DynamicContext.d.ts +4 -1
  40. package/src/lib/context/DynamicContext/DynamicContext.js +29 -19
  41. package/src/lib/context/DynamicContext/helpers.cjs +1 -2
  42. package/src/lib/context/DynamicContext/helpers.js +1 -2
  43. package/src/lib/context/ErrorContext/ErrorContext.cjs +6 -0
  44. package/src/lib/context/ErrorContext/ErrorContext.js +6 -0
  45. package/src/lib/context/MockContext/MockContext.cjs +2 -14
  46. package/src/lib/context/MockContext/MockContext.js +2 -14
  47. package/src/lib/context/ViewContext/ViewContext.d.ts +1 -1
  48. package/src/lib/context/WalletContext/WalletContext.cjs +46 -0
  49. package/src/lib/context/WalletContext/WalletContext.d.ts +7 -0
  50. package/src/lib/context/WalletContext/WalletContext.js +41 -0
  51. package/src/lib/context/WalletContext/index.d.ts +1 -0
  52. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs +22 -63
  53. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.d.ts +1 -6
  54. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js +23 -64
  55. package/src/lib/layout/DynamicAuthLayout/Header/header.cjs +34 -15
  56. package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts +1 -1
  57. package/src/lib/layout/DynamicAuthLayout/Header/header.js +35 -16
  58. package/src/lib/layout/DynamicAuthLayout/Header/header.types.d.ts +2 -0
  59. package/src/lib/layout/DynamicAuthLayout/{FooterContent/EmptyFooterContent/empty-footer-content.cjs → HelpContent/EmptyHelpContent/EmptyHelpContent.cjs} +2 -2
  60. package/src/lib/layout/DynamicAuthLayout/HelpContent/EmptyHelpContent/EmptyHelpContent.d.ts +2 -0
  61. package/src/lib/layout/DynamicAuthLayout/HelpContent/EmptyHelpContent/EmptyHelpContent.js +6 -0
  62. package/src/lib/layout/DynamicAuthLayout/HelpContent/EmptyHelpContent/index.d.ts +1 -0
  63. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.cjs +36 -0
  64. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.d.ts +2 -0
  65. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.js +32 -0
  66. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs +56 -0
  67. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.d.ts +2 -0
  68. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js +52 -0
  69. package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/index.d.ts +1 -0
  70. package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent/WalletListFooterContent.cjs → HelpContent/WalletListHelpContent/WalletListHelpContent.cjs} +3 -3
  71. package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent/WalletListFooterContent.d.ts → HelpContent/WalletListHelpContent/WalletListHelpContent.d.ts} +1 -1
  72. package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent/WalletListFooterContent.js → HelpContent/WalletListHelpContent/WalletListHelpContent.js} +3 -3
  73. package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/index.d.ts +1 -0
  74. package/src/lib/layout/DynamicAuthLayout/{FooterContent → HelpContent}/WalletMoreInfoContent/WalletMoreInfoContent.cjs +3 -5
  75. package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.d.ts +7 -0
  76. package/src/lib/layout/DynamicAuthLayout/{FooterContent → HelpContent}/WalletMoreInfoContent/WalletMoreInfoContent.js +3 -5
  77. package/src/lib/layout/DynamicAuthLayout/HelpContent/index.d.ts +4 -0
  78. package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs +49 -0
  79. package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.d.ts +2 -0
  80. package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js +45 -0
  81. package/src/lib/layout/DynamicAuthLayout/ToSFooter/index.d.ts +1 -0
  82. package/src/lib/shared/assets/chevron-left.cjs +5 -5
  83. package/src/lib/shared/assets/chevron-left.js +5 -5
  84. package/src/lib/shared/assets/close.cjs +5 -5
  85. package/src/lib/shared/assets/close.js +5 -5
  86. package/src/lib/shared/assets/footer-info-icon.cjs +2 -2
  87. package/src/lib/shared/assets/footer-info-icon.js +2 -2
  88. package/src/lib/shared/assets/index.d.ts +1 -0
  89. package/src/lib/shared/assets/question-mark.cjs +58 -0
  90. package/src/lib/shared/assets/question-mark.js +34 -0
  91. package/src/lib/shared/utils/hooks/index.d.ts +1 -0
  92. package/src/lib/shared/utils/hooks/useMediaQuery/index.d.ts +1 -0
  93. package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.cjs +31 -0
  94. package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.d.ts +1 -0
  95. package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.js +27 -0
  96. package/src/lib/styles/index.shadow.cjs +1 -1
  97. package/src/lib/styles/index.shadow.js +1 -1
  98. package/src/lib/utils/functions/getDynamicLayoutData/getDynamicLayoutData.cjs +7 -27
  99. package/src/lib/utils/functions/getDynamicLayoutData/getDynamicLayoutData.d.ts +3 -4
  100. package/src/lib/utils/functions/getDynamicLayoutData/getDynamicLayoutData.js +8 -28
  101. package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs +1 -1
  102. package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js +1 -1
  103. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs +2 -1
  104. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js +2 -1
  105. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs +3 -1
  106. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js +3 -1
  107. package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs +13 -0
  108. package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js +13 -0
  109. package/src/lib/utils/hooks/index.d.ts +4 -0
  110. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs +9 -1
  111. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js +9 -1
  112. package/src/lib/utils/hooks/useAuthLayoutChecks/index.d.ts +1 -0
  113. package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs +68 -0
  114. package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.d.ts +10 -0
  115. package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js +64 -0
  116. package/src/lib/utils/hooks/useColorSchemePreference/useColorSchemePreference.cjs +16 -18
  117. package/src/lib/utils/hooks/useColorSchemePreference/useColorSchemePreference.js +16 -18
  118. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs +20 -6
  119. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts +14 -2
  120. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js +20 -6
  121. package/src/lib/utils/hooks/useCountdown/useCountdown.cjs +39 -0
  122. package/src/lib/utils/hooks/useCountdown/useCountdown.d.ts +11 -0
  123. package/src/lib/utils/hooks/useCountdown/useCountdown.js +35 -0
  124. package/src/lib/utils/hooks/useInterval/useInterval.d.ts +1 -0
  125. package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs +10 -0
  126. package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts +2 -0
  127. package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +6 -0
  128. package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.cjs +6 -8
  129. package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.js +7 -9
  130. package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.cjs +6 -28
  131. package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.d.ts +0 -1
  132. package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.js +7 -29
  133. package/src/lib/utils/hooks/useTimeout/useTimeout.cjs +27 -0
  134. package/src/lib/utils/hooks/useTimeout/useTimeout.d.ts +1 -0
  135. package/src/lib/utils/hooks/useTimeout/useTimeout.js +23 -0
  136. package/src/lib/utils/hooks/useTransition/useTransition.cjs +16 -24
  137. package/src/lib/utils/hooks/useTransition/useTransition.d.ts +3 -3
  138. package/src/lib/utils/hooks/useTransition/useTransition.js +17 -25
  139. package/src/lib/utils/hooks/useTransitionEvents/useTransitionEvents.cjs +11 -9
  140. package/src/lib/utils/hooks/useTransitionEvents/useTransitionEvents.js +11 -9
  141. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs +4 -1
  142. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js +4 -1
  143. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs +1 -0
  144. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js +1 -0
  145. package/src/lib/utils/hooks/useWallets/useWallets.cjs +4 -1
  146. package/src/lib/utils/hooks/useWallets/useWallets.d.ts +2 -1
  147. package/src/lib/utils/hooks/useWallets/useWallets.js +4 -1
  148. package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs +2 -3
  149. package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js +2 -3
  150. package/src/lib/views/EmailUpdate/EmailUpdate.cjs +2 -1
  151. package/src/lib/views/EmailUpdate/EmailUpdate.js +2 -1
  152. package/src/lib/views/EmailVerification/EmailVerification.cjs +13 -23
  153. package/src/lib/views/EmailVerification/EmailVerification.js +14 -24
  154. package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs +2 -2
  155. package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js +2 -2
  156. package/src/lib/views/LoginWithEmailView/LoginWithEmailView.cjs +3 -0
  157. package/src/lib/views/LoginWithEmailView/LoginWithEmailView.js +3 -0
  158. package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs +2 -1
  159. package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js +2 -1
  160. package/src/lib/views/PendingConnectView/PendingConnectView.cjs +2 -3
  161. package/src/lib/views/PendingConnectView/PendingConnectView.js +2 -3
  162. package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs +2 -3
  163. package/src/lib/views/PendingSignatureView/PendingSignatureView.js +2 -3
  164. package/src/lib/views/QrCodeView/QRCode.cjs +36 -4
  165. package/src/lib/views/QrCodeView/QRCode.js +37 -5
  166. package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.cjs +2 -2
  167. package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.d.ts +1 -3
  168. package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js +2 -2
  169. package/src/lib/views/QrCodeView/QrCodeView.cjs +5 -8
  170. package/src/lib/views/QrCodeView/QrCodeView.js +5 -8
  171. package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs +2 -4
  172. package/src/lib/views/SocialRedirectView/SocialRedirectView.js +2 -4
  173. package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs +15 -0
  174. package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js +15 -0
  175. package/src/lib/views/WalletList/data.cjs +2 -1
  176. package/src/lib/views/WalletList/data.js +2 -1
  177. package/src/lib/views/WalletLockedView/WalletLockedView.cjs +63 -0
  178. package/src/lib/views/WalletLockedView/WalletLockedView.d.ts +2 -0
  179. package/src/lib/views/WalletLockedView/WalletLockedView.js +59 -0
  180. package/src/lib/views/WalletLockedView/index.d.ts +1 -0
  181. package/src/lib/views/viewToComponentMap.cjs +2 -0
  182. package/src/lib/views/viewToComponentMap.js +2 -0
  183. package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs +2 -2
  184. package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js +2 -2
  185. package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.cjs +23 -0
  186. package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.d.ts +8 -0
  187. package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.js +19 -0
  188. package/src/lib/widgets/DynamicBridgeWidget/index.d.ts +1 -0
  189. package/src/lib/layout/DynamicAuthLayout/Footer/Footer.cjs +0 -67
  190. package/src/lib/layout/DynamicAuthLayout/Footer/Footer.d.ts +0 -10
  191. package/src/lib/layout/DynamicAuthLayout/Footer/Footer.js +0 -63
  192. package/src/lib/layout/DynamicAuthLayout/Footer/index.d.ts +0 -1
  193. package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.d.ts +0 -2
  194. package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.js +0 -6
  195. package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/index.d.ts +0 -1
  196. package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.d.ts +0 -8
  197. package/src/lib/layout/DynamicAuthLayout/FooterContent/index.d.ts +0 -3
  198. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/Item.cjs +0 -0
  199. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/Item.d.ts +0 -0
  200. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/Item.js +0 -0
  201. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/index.d.ts +0 -0
  202. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/NewToWeb3WalletItem.cjs +0 -0
  203. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/NewToWeb3WalletItem.d.ts +0 -0
  204. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/NewToWeb3WalletItem.js +0 -0
  205. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/index.d.ts +0 -0
  206. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs +0 -0
  207. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.d.ts +0 -0
  208. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js +0 -0
  209. /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/index.d.ts +0 -0
  210. /package/src/lib/layout/DynamicAuthLayout/{FooterContent → HelpContent}/WalletMoreInfoContent/index.d.ts +0 -0
@@ -20,6 +20,7 @@ import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinner
20
20
  import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
21
21
  import { SocialWrongAccountView } from './SocialWrongAccountView/SocialWrongAccountView.js';
22
22
  import { WalletGroupView } from './WalletGroupView/WalletGroupView.js';
23
+ import { WalletLockedView } from './WalletLockedView/WalletLockedView.js';
23
24
 
24
25
  const viewToComponentMap = {
25
26
  captcha: jsx(CaptchaVerifyUser, {}),
@@ -46,6 +47,7 @@ const viewToComponentMap = {
46
47
  'wallet-connect-mobile-wallets-list': jsx(WalletList, { isWalletConnectList: true }),
47
48
  'wallet-group': jsx(WalletGroupView, {}),
48
49
  'wallet-list': jsx(WalletList, {}),
50
+ 'wallet-locked-view': jsx(WalletLockedView, {}),
49
51
  'wallet-sign': jsx(WalletSignSpinnerView, {}),
50
52
  'wallet-used': jsx(WalletUsedView, {}),
51
53
  };
@@ -37,7 +37,6 @@ require('./views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
37
37
  require('../../context/MockContext/MockContext.cjs');
38
38
  require('../../context/CaptchaContext/CaptchaContext.cjs');
39
39
  require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
40
- var DynamicConnectButton = require('../../components/DynamicConnectButton/DynamicConnectButton.cjs');
41
40
  require('../../components/Popper/Popper/Popper.cjs');
42
41
  require('../../components/Popper/PopperContext/PopperContext.cjs');
43
42
  require('formik');
@@ -45,6 +44,7 @@ require('yup');
45
44
  var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs');
46
45
  var DynamicBridgeWidgetNav = require('./components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs');
47
46
  var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
47
+ var DynamicBridgeConnectButton = require('./components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.cjs');
48
48
 
49
49
  const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerButtonComponent = 'Connect your wallet', variant = 'modal', }) => {
50
50
  var _a, _b;
@@ -61,7 +61,7 @@ const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerB
61
61
  }, [inlineControlsRef, variant, showAuthFlow, setShowBridgeWidget]);
62
62
  index.useOnClickOutside(widgetRef, closeOnOutsideClick);
63
63
  const isAuthorized = connectedWallets.length > 0 && primaryWallet;
64
- return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isAuthorized && (jsxRuntime.jsx(DynamicConnectButton.ConnectButton, Object.assign({ buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName }, { children: innerButtonComponent }))), isAuthorized && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicBridgeWidgetNav.DynamicBridgeWidgetNav, { ref: inlineControlsRef, primaryWalletAddress: primaryWallet.address, primaryWalletName: primaryWallet.connector.name, secondaryWalletAddress: (_a = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _a === void 0 ? void 0 : _a.address, secondaryWalletName: (_b = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _b === void 0 ? void 0 : _b.connector.name, onPrimaryWalletClick: () => setShowBridgeWidget(true), onSecondaryWalletClick: () => setShowBridgeWidget(true) }), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, { variant: variant })] }))] }) })) }));
64
+ return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isAuthorized && (jsxRuntime.jsx(DynamicBridgeConnectButton.DynamicBridgeConnectButton, { buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName, innerButtonComponent: innerButtonComponent })), isAuthorized && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicBridgeWidgetNav.DynamicBridgeWidgetNav, { ref: inlineControlsRef, primaryWalletAddress: primaryWallet.address, primaryWalletName: primaryWallet.connector.name, secondaryWalletAddress: (_a = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _a === void 0 ? void 0 : _a.address, secondaryWalletName: (_b = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _b === void 0 ? void 0 : _b.connector.name, onPrimaryWalletClick: () => setShowBridgeWidget(true), onSecondaryWalletClick: () => setShowBridgeWidget(true) }), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, { variant: variant })] }))] }) })) }));
65
65
  };
66
66
 
67
67
  exports.DynamicBridgeWidget = DynamicBridgeWidget;
@@ -33,7 +33,6 @@ import './views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
33
33
  import '../../context/MockContext/MockContext.js';
34
34
  import '../../context/CaptchaContext/CaptchaContext.js';
35
35
  import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
36
- import { ConnectButton } from '../../components/DynamicConnectButton/DynamicConnectButton.js';
37
36
  import '../../components/Popper/Popper/Popper.js';
38
37
  import '../../components/Popper/PopperContext/PopperContext.js';
39
38
  import 'formik';
@@ -41,6 +40,7 @@ import 'yup';
41
40
  import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js';
42
41
  import { DynamicBridgeWidgetNav } from './components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js';
43
42
  import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
43
+ import { DynamicBridgeConnectButton } from './components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.js';
44
44
 
45
45
  const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerButtonComponent = 'Connect your wallet', variant = 'modal', }) => {
46
46
  var _a, _b;
@@ -57,7 +57,7 @@ const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerB
57
57
  }, [inlineControlsRef, variant, showAuthFlow, setShowBridgeWidget]);
58
58
  useOnClickOutside(widgetRef, closeOnOutsideClick);
59
59
  const isAuthorized = connectedWallets.length > 0 && primaryWallet;
60
- return (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxs(Fragment, { children: [!isAuthorized && (jsx(ConnectButton, Object.assign({ buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName }, { children: innerButtonComponent }))), isAuthorized && (jsxs(Fragment, { children: [jsx(DynamicBridgeWidgetNav, { ref: inlineControlsRef, primaryWalletAddress: primaryWallet.address, primaryWalletName: primaryWallet.connector.name, secondaryWalletAddress: (_a = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _a === void 0 ? void 0 : _a.address, secondaryWalletName: (_b = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _b === void 0 ? void 0 : _b.connector.name, onPrimaryWalletClick: () => setShowBridgeWidget(true), onSecondaryWalletClick: () => setShowBridgeWidget(true) }), jsx(DynamicBridgeUserProfile, { variant: variant })] }))] }) })) }));
60
+ return (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxs(Fragment, { children: [!isAuthorized && (jsx(DynamicBridgeConnectButton, { buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName, innerButtonComponent: innerButtonComponent })), isAuthorized && (jsxs(Fragment, { children: [jsx(DynamicBridgeWidgetNav, { ref: inlineControlsRef, primaryWalletAddress: primaryWallet.address, primaryWalletName: primaryWallet.connector.name, secondaryWalletAddress: (_a = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _a === void 0 ? void 0 : _a.address, secondaryWalletName: (_b = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _b === void 0 ? void 0 : _b.connector.name, onPrimaryWalletClick: () => setShowBridgeWidget(true), onSecondaryWalletClick: () => setShowBridgeWidget(true) }), jsx(DynamicBridgeUserProfile, { variant: variant })] }))] }) })) }));
61
61
  };
62
62
 
63
63
  export { DynamicBridgeWidget };
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+ var React = require('react');
8
+ var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
9
+ var ConnectButton = require('../../../../components/DynamicConnectButton/components/ConnectButton.cjs');
10
+
11
+ const DynamicBridgeConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', innerButtonComponent = 'Connect your wallet', }) => {
12
+ const { isProjectSettingsLoading, setShowBridgeAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
13
+ const [didUserClick, setUserClicked] = React.useState(false);
14
+ const handleOnClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
15
+ if (!didUserClick) {
16
+ setUserClicked(true);
17
+ }
18
+ setShowBridgeAuthFlow(true);
19
+ }), [didUserClick]);
20
+ return (jsxRuntime.jsx(ConnectButton.ConnectButton, Object.assign({ onClick: handleOnClick, isLoading: isProjectSettingsLoading, isActive: didUserClick, buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName }, { children: innerButtonComponent })));
21
+ };
22
+
23
+ exports.DynamicBridgeConnectButton = DynamicBridgeConnectButton;
@@ -0,0 +1,8 @@
1
+ import { FC, PropsWithChildren, ReactNode } from 'react';
2
+ type Props = {
3
+ buttonClassName?: string;
4
+ buttonContainerClassName?: string;
5
+ innerButtonComponent?: ReactNode;
6
+ };
7
+ export declare const DynamicBridgeConnectButton: FC<PropsWithChildren<Props>>;
8
+ export {};
@@ -0,0 +1,19 @@
1
+ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { useState, useCallback } from 'react';
4
+ import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
5
+ import { ConnectButton } from '../../../../components/DynamicConnectButton/components/ConnectButton.js';
6
+
7
+ const DynamicBridgeConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', innerButtonComponent = 'Connect your wallet', }) => {
8
+ const { isProjectSettingsLoading, setShowBridgeAuthFlow } = useInternalDynamicContext();
9
+ const [didUserClick, setUserClicked] = useState(false);
10
+ const handleOnClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
11
+ if (!didUserClick) {
12
+ setUserClicked(true);
13
+ }
14
+ setShowBridgeAuthFlow(true);
15
+ }), [didUserClick]);
16
+ return (jsx(ConnectButton, Object.assign({ onClick: handleOnClick, isLoading: isProjectSettingsLoading, isActive: didUserClick, buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName }, { children: innerButtonComponent })));
17
+ };
18
+
19
+ export { DynamicBridgeConnectButton };
@@ -1 +1,2 @@
1
1
  export { DynamicBridgeWidget } from './DynamicBridgeWidget';
2
+ export { DynamicBridgeConnectButton } from './components/DynamicBridgeConnectButton/DynamicBridgeConnectButton';
@@ -1,67 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var React = require('react');
7
- var index = require('../../../context/FooterAnimationContext/index.cjs');
8
- var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs');
9
- require('@dynamic-labs/sdk-api');
10
- require('../../../shared/logger.cjs');
11
- require('@dynamic-labs/iconic');
12
- require('@dynamic-labs/wallet-connector-core');
13
- require('../../../context/ViewContext/ViewContext.cjs');
14
- var arrowDown = require('../../../shared/assets/arrow-down.cjs');
15
- require('@dynamic-labs/wallet-book');
16
- require('@dynamic-labs/utils');
17
- require('../../../utils/constants/colors.cjs');
18
- require('../../../shared/utils/classes/storage/localStorage.cjs');
19
- require('ethers');
20
- require('../../../shared/consts/index.cjs');
21
- var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
22
- var classNames = require('../../../utils/functions/classNames/classNames.cjs');
23
- var Typography = require('../../../components/Typography/Typography.cjs');
24
- require('../../../context/DynamicContext/DynamicContext.cjs');
25
- require('@dynamic-labs/multi-wallet');
26
- require('../../../components/ShadowDOM/ShadowDOM.cjs');
27
- require('react-dom');
28
- require('react-focus-lock');
29
- require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
30
- require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
31
- require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
32
- require('../../../config/ApiEndpoint.cjs');
33
- require('@dynamic-labs/rpc-providers');
34
- require('../../../context/ErrorContext/ErrorContext.cjs');
35
- require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
36
- require('../../../components/IconButton/IconButton.cjs');
37
- require('../../../components/Alert/Alert.cjs');
38
- require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
39
- require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
40
- require('../../../context/MockContext/MockContext.cjs');
41
- require('../../../context/CaptchaContext/CaptchaContext.cjs');
42
- require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
43
- require('../../../components/Popper/Popper/Popper.cjs');
44
- require('../../../components/Popper/PopperContext/PopperContext.cjs');
45
- require('formik');
46
- require('yup');
47
-
48
- const Footer = ({ heading, icon, projectSettings }) => {
49
- const { theme } = ThemeContext.useThemeContext();
50
- const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
51
- const borderClassName = React.useMemo(() => {
52
- if (isFooterExpanded) {
53
- return 'footer--border-bottom';
54
- }
55
- return 'footer--border-top';
56
- }, [theme, isFooterExpanded]);
57
- const arrowClassName = React.useMemo(() => {
58
- const classes = ['footer__arrow'];
59
- if (isFooterExpanded) {
60
- classes.push('footer__arrow--open');
61
- }
62
- return classes.join(' ');
63
- }, [isFooterExpanded]);
64
- return (jsxRuntime.jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames.classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsxRuntime.jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsxRuntime.jsx(arrowDown.ReactComponent, { className: arrowClassName })] })) })));
65
- };
66
-
67
- exports.Footer = Footer;
@@ -1,10 +0,0 @@
1
- import { FC, ReactNode, RefObject } from 'react';
2
- import { ProjectSettings } from '@dynamic-labs/sdk-api';
3
- interface Props {
4
- footerRef: RefObject<HTMLDivElement>;
5
- heading: string;
6
- icon?: ReactNode;
7
- projectSettings?: ProjectSettings;
8
- }
9
- export declare const Footer: FC<Props>;
10
- export {};
@@ -1,63 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { useMemo } from 'react';
3
- import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
4
- import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
5
- import '@dynamic-labs/sdk-api';
6
- import '../../../shared/logger.js';
7
- import '@dynamic-labs/iconic';
8
- import '@dynamic-labs/wallet-connector-core';
9
- import '../../../context/ViewContext/ViewContext.js';
10
- import { ReactComponent as SvgArrowDown } from '../../../shared/assets/arrow-down.js';
11
- import '@dynamic-labs/wallet-book';
12
- import '@dynamic-labs/utils';
13
- import '../../../utils/constants/colors.js';
14
- import '../../../shared/utils/classes/storage/localStorage.js';
15
- import 'ethers';
16
- import '../../../shared/consts/index.js';
17
- import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
18
- import { classNames } from '../../../utils/functions/classNames/classNames.js';
19
- import { Typography } from '../../../components/Typography/Typography.js';
20
- import '../../../context/DynamicContext/DynamicContext.js';
21
- import '@dynamic-labs/multi-wallet';
22
- import '../../../components/ShadowDOM/ShadowDOM.js';
23
- import 'react-dom';
24
- import 'react-focus-lock';
25
- import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
26
- import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
27
- import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
28
- import '../../../config/ApiEndpoint.js';
29
- import '@dynamic-labs/rpc-providers';
30
- import '../../../context/ErrorContext/ErrorContext.js';
31
- import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
32
- import '../../../components/IconButton/IconButton.js';
33
- import '../../../components/Alert/Alert.js';
34
- import '../../../context/WalletGroupContext/WalletGroupContext.js';
35
- import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
36
- import '../../../context/MockContext/MockContext.js';
37
- import '../../../context/CaptchaContext/CaptchaContext.js';
38
- import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
39
- import '../../../components/Popper/Popper/Popper.js';
40
- import '../../../components/Popper/PopperContext/PopperContext.js';
41
- import 'formik';
42
- import 'yup';
43
-
44
- const Footer = ({ heading, icon, projectSettings }) => {
45
- const { theme } = useThemeContext();
46
- const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
47
- const borderClassName = useMemo(() => {
48
- if (isFooterExpanded) {
49
- return 'footer--border-bottom';
50
- }
51
- return 'footer--border-top';
52
- }, [theme, isFooterExpanded]);
53
- const arrowClassName = useMemo(() => {
54
- const classes = ['footer__arrow'];
55
- if (isFooterExpanded) {
56
- classes.push('footer__arrow--open');
57
- }
58
- return classes.join(' ');
59
- }, [isFooterExpanded]);
60
- return (jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsx(Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsx(SvgArrowDown, { className: arrowClassName })] })) })));
61
- };
62
-
63
- export { Footer };
@@ -1 +0,0 @@
1
- export { Footer } from './Footer';
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const EmptyFooterContent: () => JSX.Element;
@@ -1,6 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
-
3
- /* istanbul ignore next */
4
- const EmptyFooterContent = () => (jsx("div", { "data-testid": 'empty-footer-content' }));
5
-
6
- export { EmptyFooterContent };
@@ -1 +0,0 @@
1
- export { WalletListFooterContent } from './WalletListFooterContent';
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- interface Props {
3
- appName?: string;
4
- variant: 'connect' | 'sign';
5
- walletName?: string;
6
- }
7
- export declare const WalletMoreInfoContent: ({ appName, variant, walletName, }: Props) => JSX.Element;
8
- export {};
@@ -1,3 +0,0 @@
1
- export { EmptyFooterContent } from './EmptyFooterContent/empty-footer-content';
2
- export { WalletMoreInfoContent } from './WalletMoreInfoContent';
3
- export { WalletListFooterContent } from './WalletListFooterContent/WalletListFooterContent';