@crossmint/client-sdk-react-ui 1.10.5 → 1.10.6

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 (203) hide show
  1. package/dist/{chunk-LD66M6G7.cjs → chunk-3D7QOJVP.cjs} +3 -3
  2. package/dist/{chunk-YP4CPG34.js → chunk-3LEJNXQ7.js} +2 -2
  3. package/dist/{chunk-YP4CPG34.js.map → chunk-3LEJNXQ7.js.map} +1 -1
  4. package/dist/{chunk-LF3XEXLA.js → chunk-3SZJ67OS.js} +2 -2
  5. package/dist/chunk-54YISYPC.js +31 -0
  6. package/dist/chunk-54YISYPC.js.map +1 -0
  7. package/dist/{chunk-3LHIEADG.cjs → chunk-5GHTVW5Q.cjs} +3 -3
  8. package/dist/chunk-6CPZDD6Y.js +29 -0
  9. package/dist/chunk-6CPZDD6Y.js.map +1 -0
  10. package/dist/{chunk-U5EONMPH.js → chunk-6FG6NL44.js} +4 -4
  11. package/dist/{chunk-FKRBO2MK.js → chunk-6RXJMBVF.js} +2 -2
  12. package/dist/{chunk-HYP7ISWS.js → chunk-B7RB7HT4.js} +2 -2
  13. package/dist/{chunk-EBMORHG3.cjs → chunk-C7VFXQ2G.cjs} +17 -252
  14. package/dist/chunk-C7VFXQ2G.cjs.map +1 -0
  15. package/dist/{chunk-4BGD6LSC.js → chunk-D2OKRE2Q.js} +2 -2
  16. package/dist/{chunk-E7KTAG6X.cjs → chunk-DKAVLLP6.cjs} +3 -3
  17. package/dist/chunk-I2JDM7WL.cjs +81 -0
  18. package/dist/chunk-I2JDM7WL.cjs.map +1 -0
  19. package/dist/{chunk-NKOG6FTK.js → chunk-I7CLJXJR.js} +2 -2
  20. package/dist/chunk-KB5JOTFH.js +81 -0
  21. package/dist/chunk-KB5JOTFH.js.map +1 -0
  22. package/dist/chunk-LGY5FQOZ.cjs +29 -0
  23. package/dist/chunk-LGY5FQOZ.cjs.map +1 -0
  24. package/dist/{chunk-CPISBXIR.cjs → chunk-MPRVUXM6.cjs} +2 -2
  25. package/dist/{chunk-CPISBXIR.cjs.map → chunk-MPRVUXM6.cjs.map} +1 -1
  26. package/dist/{chunk-G526QBKQ.cjs → chunk-N4SZG3S7.cjs} +3 -3
  27. package/dist/{chunk-MBJBFR2H.js → chunk-PEKX75WN.js} +2 -2
  28. package/dist/{chunk-T5WAVOPI.js → chunk-QTTQHZ7M.js} +55 -290
  29. package/dist/chunk-QTTQHZ7M.js.map +1 -0
  30. package/dist/chunk-RJZBV7LG.js +64 -0
  31. package/dist/chunk-RJZBV7LG.js.map +1 -0
  32. package/dist/chunk-RO53MWJE.cjs +31 -0
  33. package/dist/chunk-RO53MWJE.cjs.map +1 -0
  34. package/dist/{chunk-KAXBBO66.cjs → chunk-SBTNHVSD.cjs} +3 -3
  35. package/dist/{chunk-NTAMXW3Z.cjs → chunk-TM3K5JAV.cjs} +3 -3
  36. package/dist/{chunk-6AFXSTEN.cjs → chunk-UAA5ZXHF.cjs} +3 -3
  37. package/dist/{chunk-HR57IU52.cjs → chunk-UIJHPGDV.cjs} +3 -3
  38. package/dist/chunk-VD456OB7.cjs +64 -0
  39. package/dist/chunk-VD456OB7.cjs.map +1 -0
  40. package/dist/{chunk-7YHGZZ6G.js → chunk-WLHVMKYD.js} +2 -2
  41. package/dist/{chunk-GGVJALEH.cjs → chunk-WPTTXLNL.cjs} +3 -3
  42. package/dist/{chunk-JZYMJ733.js → chunk-WV5WYSUU.js} +2 -2
  43. package/dist/components/CrossmintNFTCollectionView.cjs +3 -3
  44. package/dist/components/CrossmintNFTCollectionView.js +2 -2
  45. package/dist/components/CrossmintNFTDetail.cjs +3 -3
  46. package/dist/components/CrossmintNFTDetail.js +2 -2
  47. package/dist/components/auth/AuthForm.cjs +5 -11
  48. package/dist/components/auth/AuthForm.js +4 -10
  49. package/dist/components/auth/AuthFormBackButton.cjs +5 -11
  50. package/dist/components/auth/AuthFormBackButton.js +4 -10
  51. package/dist/components/auth/AuthFormDialog.cjs +5 -11
  52. package/dist/components/auth/AuthFormDialog.js +4 -10
  53. package/dist/components/auth/EmbeddedAuthForm.cjs +6 -12
  54. package/dist/components/auth/EmbeddedAuthForm.js +5 -11
  55. package/dist/components/auth/methods/email/EmailAuthFlow.cjs +5 -11
  56. package/dist/components/auth/methods/email/EmailAuthFlow.js +4 -10
  57. package/dist/components/auth/methods/email/EmailOTPInput.cjs +5 -11
  58. package/dist/components/auth/methods/email/EmailOTPInput.js +4 -10
  59. package/dist/components/auth/methods/email/EmailSignIn.cjs +5 -11
  60. package/dist/components/auth/methods/email/EmailSignIn.js +4 -10
  61. package/dist/components/auth/methods/farcaster/FarcasterSignIn.cjs +5 -11
  62. package/dist/components/auth/methods/farcaster/FarcasterSignIn.js +4 -10
  63. package/dist/components/auth/methods/google/GoogleSignIn.cjs +5 -11
  64. package/dist/components/auth/methods/google/GoogleSignIn.js +4 -10
  65. package/dist/components/auth/methods/web3/Web3AuthFlow.cjs +43 -12
  66. package/dist/components/auth/methods/web3/Web3AuthFlow.cjs.map +1 -1
  67. package/dist/components/auth/methods/web3/Web3AuthFlow.d.cts +1 -1
  68. package/dist/components/auth/methods/web3/Web3AuthFlow.d.ts +1 -1
  69. package/dist/components/auth/methods/web3/Web3AuthFlow.js +43 -12
  70. package/dist/components/auth/methods/web3/Web3AuthFlow.js.map +1 -1
  71. package/dist/components/auth/methods/web3/Web3AuthFlowButton.cjs +8 -11
  72. package/dist/components/auth/methods/web3/Web3AuthFlowButton.js +7 -10
  73. package/dist/components/auth/methods/web3/Web3Connector.cjs +58 -4
  74. package/dist/components/auth/methods/web3/Web3Connector.cjs.map +1 -1
  75. package/dist/components/auth/methods/web3/Web3Connector.js +58 -4
  76. package/dist/components/auth/methods/web3/Web3Connector.js.map +1 -1
  77. package/dist/components/auth/methods/web3/Web3ConnectorButton.cjs +48 -4
  78. package/dist/components/auth/methods/web3/Web3ConnectorButton.cjs.map +1 -1
  79. package/dist/components/auth/methods/web3/Web3ConnectorButton.js +48 -4
  80. package/dist/components/auth/methods/web3/Web3ConnectorButton.js.map +1 -1
  81. package/dist/components/auth/methods/web3/Web3Connectors.cjs +6 -11
  82. package/dist/components/auth/methods/web3/Web3Connectors.js +5 -10
  83. package/dist/components/common/Divider.cjs +5 -11
  84. package/dist/components/common/Divider.js +4 -10
  85. package/dist/components/embed/index.cjs +4 -4
  86. package/dist/components/embed/index.js +3 -3
  87. package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.cjs +7 -13
  88. package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.js +6 -12
  89. package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.cjs +6 -12
  90. package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.js +5 -11
  91. package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs +4 -22
  92. package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.cjs.map +1 -1
  93. package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.js +3 -21
  94. package/dist/components/embed/v3/crypto/CryptoWalletConnectionHandler.js.map +1 -1
  95. package/dist/components/embed/v3/index.cjs +7 -13
  96. package/dist/components/embed/v3/index.js +6 -12
  97. package/dist/components/hosted/CrossmintPayButton.cjs +3 -3
  98. package/dist/components/hosted/CrossmintPayButton.js +2 -2
  99. package/dist/components/hosted/index.cjs +3 -3
  100. package/dist/components/hosted/index.js +2 -2
  101. package/dist/components/index.cjs +15 -21
  102. package/dist/components/index.js +14 -20
  103. package/dist/consts/version.cjs +2 -2
  104. package/dist/consts/version.js +1 -1
  105. package/dist/hooks/index.cjs +5 -11
  106. package/dist/hooks/index.js +4 -10
  107. package/dist/hooks/useAuth.cjs +5 -11
  108. package/dist/hooks/useAuth.js +4 -10
  109. package/dist/hooks/useCrossmintAuth.cjs +5 -11
  110. package/dist/hooks/useCrossmintAuth.js +4 -10
  111. package/dist/hooks/useCrossmintCheckout.cjs +4 -4
  112. package/dist/hooks/useCrossmintCheckout.js +3 -3
  113. package/dist/hooks/useOAuthWindowListener.cjs +5 -11
  114. package/dist/hooks/useOAuthWindowListener.js +4 -10
  115. package/dist/hooks/useWallet.cjs +5 -11
  116. package/dist/hooks/useWallet.js +4 -10
  117. package/dist/icons/base64Icons.cjs +6 -6
  118. package/dist/icons/base64Icons.cjs.map +1 -1
  119. package/dist/icons/base64Icons.js +5 -5
  120. package/dist/icons/base64Icons.js.map +1 -1
  121. package/dist/index.cjs +15 -21
  122. package/dist/index.cjs.map +1 -1
  123. package/dist/index.js +14 -20
  124. package/dist/index.js.map +1 -1
  125. package/dist/providers/CrossmintAuthProvider.cjs +5 -11
  126. package/dist/providers/CrossmintAuthProvider.js +4 -10
  127. package/dist/providers/CrossmintWalletProvider.cjs +5 -11
  128. package/dist/providers/CrossmintWalletProvider.js +4 -10
  129. package/dist/providers/auth/AuthFormProvider.cjs +5 -11
  130. package/dist/providers/auth/AuthFormProvider.js +4 -10
  131. package/dist/providers/auth/web3/DynamicWeb3WalletConnect.cjs +33 -0
  132. package/dist/providers/auth/web3/DynamicWeb3WalletConnect.d.cts +10 -0
  133. package/dist/providers/auth/web3/DynamicWeb3WalletConnect.d.ts +10 -0
  134. package/dist/providers/auth/web3/DynamicWeb3WalletConnect.js +33 -0
  135. package/dist/providers/index.cjs +5 -11
  136. package/dist/providers/index.js +4 -10
  137. package/dist/utils/createCrossmintApiClient.cjs +3 -3
  138. package/dist/utils/createCrossmintApiClient.js +2 -2
  139. package/dist/utils/dynamic/dynamicChainToCrossmintChain.cjs +8 -0
  140. package/dist/utils/dynamic/dynamicChainToCrossmintChain.d.cts +6 -0
  141. package/dist/utils/dynamic/dynamicChainToCrossmintChain.d.ts +6 -0
  142. package/dist/utils/dynamic/dynamicChainToCrossmintChain.js +8 -0
  143. package/package.json +5 -8
  144. package/src/components/auth/AuthForm.tsx +9 -2
  145. package/src/components/auth/methods/web3/Web3AuthFlow.tsx +18 -0
  146. package/src/components/auth/methods/web3/Web3Connectors.tsx +5 -72
  147. package/src/components/embed/v3/crypto/CryptoWalletConnectionHandler.tsx +3 -24
  148. package/src/providers/CrossmintAuthProvider.test.tsx +0 -4
  149. package/src/providers/CrossmintWalletProvider.test.tsx +0 -6
  150. package/src/providers/auth/AuthFormProvider.test.tsx +0 -5
  151. package/src/providers/auth/AuthFormProvider.tsx +1 -6
  152. package/src/providers/auth/web3/DynamicWeb3WalletConnect.tsx +73 -0
  153. package/src/utils/dynamic/dynamicChainToCrossmintChain.ts +20 -0
  154. package/dist/chunk-5S4VO6RB.cjs +0 -55
  155. package/dist/chunk-5S4VO6RB.cjs.map +0 -1
  156. package/dist/chunk-EBMORHG3.cjs.map +0 -1
  157. package/dist/chunk-HSLAH2PN.cjs +0 -54
  158. package/dist/chunk-HSLAH2PN.cjs.map +0 -1
  159. package/dist/chunk-NFWMF6T7.js +0 -54
  160. package/dist/chunk-NFWMF6T7.js.map +0 -1
  161. package/dist/chunk-OZS4WEKF.js +0 -55
  162. package/dist/chunk-OZS4WEKF.js.map +0 -1
  163. package/dist/chunk-Q3UM7UCM.cjs +0 -64
  164. package/dist/chunk-Q3UM7UCM.cjs.map +0 -1
  165. package/dist/chunk-QFQWKKVU.js +0 -11
  166. package/dist/chunk-QFQWKKVU.js.map +0 -1
  167. package/dist/chunk-QK5J7FD3.cjs +0 -11
  168. package/dist/chunk-QK5J7FD3.cjs.map +0 -1
  169. package/dist/chunk-T5WAVOPI.js.map +0 -1
  170. package/dist/chunk-ZSWTJ6E7.js +0 -64
  171. package/dist/chunk-ZSWTJ6E7.js.map +0 -1
  172. package/dist/components/auth/methods/web3/Web3ConnectorContainer.cjs +0 -36
  173. package/dist/components/auth/methods/web3/Web3ConnectorContainer.d.cts +0 -10
  174. package/dist/components/auth/methods/web3/Web3ConnectorContainer.d.ts +0 -10
  175. package/dist/components/auth/methods/web3/Web3ConnectorContainer.js +0 -36
  176. package/dist/providers/auth/web3/WagmiAuthProvider.cjs +0 -8
  177. package/dist/providers/auth/web3/WagmiAuthProvider.d.cts +0 -8
  178. package/dist/providers/auth/web3/WagmiAuthProvider.d.ts +0 -8
  179. package/dist/providers/auth/web3/WagmiAuthProvider.js +0 -8
  180. package/src/components/auth/methods/web3/Web3ConnectorContainer.tsx +0 -87
  181. package/src/providers/auth/web3/WagmiAuthProvider.tsx +0 -56
  182. /package/dist/{chunk-LD66M6G7.cjs.map → chunk-3D7QOJVP.cjs.map} +0 -0
  183. /package/dist/{chunk-LF3XEXLA.js.map → chunk-3SZJ67OS.js.map} +0 -0
  184. /package/dist/{chunk-3LHIEADG.cjs.map → chunk-5GHTVW5Q.cjs.map} +0 -0
  185. /package/dist/{chunk-U5EONMPH.js.map → chunk-6FG6NL44.js.map} +0 -0
  186. /package/dist/{chunk-FKRBO2MK.js.map → chunk-6RXJMBVF.js.map} +0 -0
  187. /package/dist/{chunk-HYP7ISWS.js.map → chunk-B7RB7HT4.js.map} +0 -0
  188. /package/dist/{chunk-4BGD6LSC.js.map → chunk-D2OKRE2Q.js.map} +0 -0
  189. /package/dist/{chunk-E7KTAG6X.cjs.map → chunk-DKAVLLP6.cjs.map} +0 -0
  190. /package/dist/{chunk-NKOG6FTK.js.map → chunk-I7CLJXJR.js.map} +0 -0
  191. /package/dist/{chunk-G526QBKQ.cjs.map → chunk-N4SZG3S7.cjs.map} +0 -0
  192. /package/dist/{chunk-MBJBFR2H.js.map → chunk-PEKX75WN.js.map} +0 -0
  193. /package/dist/{chunk-KAXBBO66.cjs.map → chunk-SBTNHVSD.cjs.map} +0 -0
  194. /package/dist/{chunk-NTAMXW3Z.cjs.map → chunk-TM3K5JAV.cjs.map} +0 -0
  195. /package/dist/{chunk-6AFXSTEN.cjs.map → chunk-UAA5ZXHF.cjs.map} +0 -0
  196. /package/dist/{chunk-HR57IU52.cjs.map → chunk-UIJHPGDV.cjs.map} +0 -0
  197. /package/dist/{chunk-7YHGZZ6G.js.map → chunk-WLHVMKYD.js.map} +0 -0
  198. /package/dist/{chunk-GGVJALEH.cjs.map → chunk-WPTTXLNL.cjs.map} +0 -0
  199. /package/dist/{chunk-JZYMJ733.js.map → chunk-WV5WYSUU.js.map} +0 -0
  200. /package/dist/{components/auth/methods/web3/Web3ConnectorContainer.cjs.map → providers/auth/web3/DynamicWeb3WalletConnect.cjs.map} +0 -0
  201. /package/dist/{components/auth/methods/web3/Web3ConnectorContainer.js.map → providers/auth/web3/DynamicWeb3WalletConnect.js.map} +0 -0
  202. /package/dist/{providers/auth/web3/WagmiAuthProvider.cjs.map → utils/dynamic/dynamicChainToCrossmintChain.cjs.map} +0 -0
  203. /package/dist/{providers/auth/web3/WagmiAuthProvider.js.map → utils/dynamic/dynamicChainToCrossmintChain.js.map} +0 -0
@@ -1,9 +1,19 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkEBMORHG3cjs = require('../../../../chunk-EBMORHG3.cjs');
4
- require('../../../../chunk-HSLAH2PN.cjs');
5
- require('../../../../chunk-Q3UM7UCM.cjs');
6
- require('../../../../chunk-5S4VO6RB.cjs');
3
+ var _chunkRO53MWJEcjs = require('../../../../chunk-RO53MWJE.cjs');
4
+
5
+
6
+ var _chunkI2JDM7WLcjs = require('../../../../chunk-I2JDM7WL.cjs');
7
+
8
+
9
+ var _chunkVD456OB7cjs = require('../../../../chunk-VD456OB7.cjs');
10
+ require('../../../../chunk-LGY5FQOZ.cjs');
11
+ require('../../../../chunk-UQAKJ4T7.cjs');
12
+ require('../../../../chunk-KNOUJZN5.cjs');
13
+ require('../../../../chunk-AXZLLRBU.cjs');
14
+
15
+
16
+ var _chunkC7VFXQ2Gcjs = require('../../../../chunk-C7VFXQ2G.cjs');
7
17
  require('../../../../chunk-QQXBYOKA.cjs');
8
18
  require('../../../../chunk-MJHLKJ6X.cjs');
9
19
  require('../../../../chunk-QT7UEJZG.cjs');
@@ -16,21 +26,42 @@ require('../../../../chunk-HCW4RO2O.cjs');
16
26
  require('../../../../chunk-UASNCH3A.cjs');
17
27
  require('../../../../chunk-MUS7DUPS.cjs');
18
28
  require('../../../../chunk-IP4HQL5I.cjs');
19
- require('../../../../chunk-KNOUJZN5.cjs');
20
29
  require('../../../../chunk-ZMSST6ZZ.cjs');
21
- require('../../../../chunk-QK5J7FD3.cjs');
22
- require('../../../../chunk-AXZLLRBU.cjs');
23
30
  require('../../../../chunk-URKPLEPV.cjs');
24
31
  require('../../../../chunk-HPOZ6I54.cjs');
25
32
  require('../../../../chunk-YE55IKBP.cjs');
26
33
  require('../../../../chunk-ENCR5SUW.cjs');
27
- require('../../../../chunk-NTAMXW3Z.cjs');
28
- require('../../../../chunk-6AFXSTEN.cjs');
29
- require('../../../../chunk-KEKBOJCF.cjs');
34
+ require('../../../../chunk-TM3K5JAV.cjs');
35
+
36
+
37
+ var _chunkUAA5ZXHFcjs = require('../../../../chunk-UAA5ZXHF.cjs');
38
+
39
+
40
+ var _chunkKEKBOJCFcjs = require('../../../../chunk-KEKBOJCF.cjs');
30
41
  require('../../../../chunk-A2JCJ2OV.cjs');
31
- require('../../../../chunk-CPISBXIR.cjs');
42
+ require('../../../../chunk-MPRVUXM6.cjs');
32
43
  require('../../../../chunk-4DAZAO6Y.cjs');
33
44
 
45
+ // src/components/auth/methods/web3/Web3AuthFlow.tsx
46
+ var _jsxruntime = require('react/jsx-runtime');
47
+ function Web3AuthFlow() {
48
+ const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
49
+ const apiClient = _chunkUAA5ZXHFcjs.createCrossmintApiClient.call(void 0, crossmint, {
50
+ usageOrigin: "client"
51
+ });
52
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI2JDM7WLcjs.DynamicWeb3WalletConnect, { apiKeyEnvironment: apiClient["parsedAPIKey"].environment, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Web3AuthFlowContent, {}) });
53
+ }
54
+ function Web3AuthFlowContent() {
55
+ const { step } = _chunkC7VFXQ2Gcjs.useAuthForm.call(void 0, );
56
+ if (step.startsWith("web3")) {
57
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRO53MWJEcjs.Web3Connectors, {});
58
+ }
59
+ if (step === "initial") {
60
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVD456OB7cjs.Web3AuthFlowButton, {});
61
+ }
62
+ return null;
63
+ }
64
+
34
65
 
35
- exports.Web3AuthFlow = _chunkEBMORHG3cjs.Web3AuthFlow;
66
+ exports.Web3AuthFlow = Web3AuthFlow;
36
67
  //# sourceMappingURL=Web3AuthFlow.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
1
+ {"version":3,"sources":["../../../../../src/components/auth/methods/web3/Web3AuthFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeY;AARL,SAAS,eAAe;AAC3B,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,SACI,oBAAC,4BAAyB,mBAAmB,UAAU,cAAc,EAAE,aACnE,8BAAC,uBAAoB,GACzB;AAER;AAEA,SAAS,sBAAsB;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAG7B,MAAI,KAAK,WAAW,MAAM,GAAG;AACzB,WAAO,oBAAC,kBAAe;AAAA,EAC3B;AAGA,MAAI,SAAS,WAAW;AACpB,WAAO,oBAAC,sBAAmB;AAAA,EAC/B;AAEA,SAAO;AACX","sourcesContent":["import { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { Web3AuthFlowButton } from \"./Web3AuthFlowButton\";\nimport { Web3Connectors } from \"./Web3Connectors\";\nimport { useCrossmint } from \"@/hooks\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport { DynamicWeb3WalletConnect } from \"@/providers/auth/web3/DynamicWeb3WalletConnect\";\n\nexport function Web3AuthFlow() {\n const { crossmint } = useCrossmint();\n const apiClient = createCrossmintApiClient(crossmint, {\n usageOrigin: \"client\",\n });\n\n return (\n <DynamicWeb3WalletConnect apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}>\n <Web3AuthFlowContent />\n </DynamicWeb3WalletConnect>\n );\n}\n\nfunction Web3AuthFlowContent() {\n const { step } = useAuthForm();\n\n // Show wallet connectors when in any web3 step\n if (step.startsWith(\"web3\")) {\n return <Web3Connectors />;\n }\n\n // Show initial connect button on first step\n if (step === \"initial\") {\n return <Web3AuthFlowButton />;\n }\n\n return null;\n}\n"]}
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
 
3
- declare function Web3AuthFlow(): react_jsx_runtime.JSX.Element | null;
3
+ declare function Web3AuthFlow(): react_jsx_runtime.JSX.Element;
4
4
 
5
5
  export { Web3AuthFlow };
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
 
3
- declare function Web3AuthFlow(): react_jsx_runtime.JSX.Element | null;
3
+ declare function Web3AuthFlow(): react_jsx_runtime.JSX.Element;
4
4
 
5
5
  export { Web3AuthFlow };
@@ -1,9 +1,19 @@
1
1
  import {
2
- Web3AuthFlow
3
- } from "../../../../chunk-T5WAVOPI.js";
4
- import "../../../../chunk-NFWMF6T7.js";
5
- import "../../../../chunk-ZSWTJ6E7.js";
6
- import "../../../../chunk-OZS4WEKF.js";
2
+ Web3Connectors
3
+ } from "../../../../chunk-54YISYPC.js";
4
+ import {
5
+ DynamicWeb3WalletConnect
6
+ } from "../../../../chunk-KB5JOTFH.js";
7
+ import {
8
+ Web3AuthFlowButton
9
+ } from "../../../../chunk-RJZBV7LG.js";
10
+ import "../../../../chunk-6CPZDD6Y.js";
11
+ import "../../../../chunk-RZT2J42J.js";
12
+ import "../../../../chunk-VZIXXIU5.js";
13
+ import "../../../../chunk-3KR4GYLF.js";
14
+ import {
15
+ useAuthForm
16
+ } from "../../../../chunk-QTTQHZ7M.js";
7
17
  import "../../../../chunk-A7J4DAE7.js";
8
18
  import "../../../../chunk-XEZF7G64.js";
9
19
  import "../../../../chunk-NMXFWIFA.js";
@@ -16,20 +26,41 @@ import "../../../../chunk-ZDQGQY7Z.js";
16
26
  import "../../../../chunk-IQPA3QOV.js";
17
27
  import "../../../../chunk-CPYPI45H.js";
18
28
  import "../../../../chunk-DZ5MGN25.js";
19
- import "../../../../chunk-VZIXXIU5.js";
20
29
  import "../../../../chunk-7KIY6DLW.js";
21
- import "../../../../chunk-QFQWKKVU.js";
22
- import "../../../../chunk-3KR4GYLF.js";
23
30
  import "../../../../chunk-I63FQCIV.js";
24
31
  import "../../../../chunk-ZIHCLVCD.js";
25
32
  import "../../../../chunk-H4F7UVPT.js";
26
33
  import "../../../../chunk-YWVQCHQF.js";
27
- import "../../../../chunk-JZYMJ733.js";
28
- import "../../../../chunk-4BGD6LSC.js";
29
- import "../../../../chunk-3J6CUUWT.js";
34
+ import "../../../../chunk-WV5WYSUU.js";
35
+ import {
36
+ createCrossmintApiClient
37
+ } from "../../../../chunk-D2OKRE2Q.js";
38
+ import {
39
+ useCrossmint
40
+ } from "../../../../chunk-3J6CUUWT.js";
30
41
  import "../../../../chunk-AUEQQ4D3.js";
31
- import "../../../../chunk-YP4CPG34.js";
42
+ import "../../../../chunk-3LEJNXQ7.js";
32
43
  import "../../../../chunk-CRTRMMJ7.js";
44
+
45
+ // src/components/auth/methods/web3/Web3AuthFlow.tsx
46
+ import { jsx } from "react/jsx-runtime";
47
+ function Web3AuthFlow() {
48
+ const { crossmint } = useCrossmint();
49
+ const apiClient = createCrossmintApiClient(crossmint, {
50
+ usageOrigin: "client"
51
+ });
52
+ return /* @__PURE__ */ jsx(DynamicWeb3WalletConnect, { apiKeyEnvironment: apiClient["parsedAPIKey"].environment, children: /* @__PURE__ */ jsx(Web3AuthFlowContent, {}) });
53
+ }
54
+ function Web3AuthFlowContent() {
55
+ const { step } = useAuthForm();
56
+ if (step.startsWith("web3")) {
57
+ return /* @__PURE__ */ jsx(Web3Connectors, {});
58
+ }
59
+ if (step === "initial") {
60
+ return /* @__PURE__ */ jsx(Web3AuthFlowButton, {});
61
+ }
62
+ return null;
63
+ }
33
64
  export {
34
65
  Web3AuthFlow
35
66
  };
@@ -1 +1 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
1
+ {"version":3,"sources":["../../../../../src/components/auth/methods/web3/Web3AuthFlow.tsx"],"sourcesContent":["import { useAuthForm } from \"@/providers/auth/AuthFormProvider\";\nimport { Web3AuthFlowButton } from \"./Web3AuthFlowButton\";\nimport { Web3Connectors } from \"./Web3Connectors\";\nimport { useCrossmint } from \"@/hooks\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport { DynamicWeb3WalletConnect } from \"@/providers/auth/web3/DynamicWeb3WalletConnect\";\n\nexport function Web3AuthFlow() {\n const { crossmint } = useCrossmint();\n const apiClient = createCrossmintApiClient(crossmint, {\n usageOrigin: \"client\",\n });\n\n return (\n <DynamicWeb3WalletConnect apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}>\n <Web3AuthFlowContent />\n </DynamicWeb3WalletConnect>\n );\n}\n\nfunction Web3AuthFlowContent() {\n const { step } = useAuthForm();\n\n // Show wallet connectors when in any web3 step\n if (step.startsWith(\"web3\")) {\n return <Web3Connectors />;\n }\n\n // Show initial connect button on first step\n if (step === \"initial\") {\n return <Web3AuthFlowButton />;\n }\n\n return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeY;AARL,SAAS,eAAe;AAC3B,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,SACI,oBAAC,4BAAyB,mBAAmB,UAAU,cAAc,EAAE,aACnE,8BAAC,uBAAoB,GACzB;AAER;AAEA,SAAS,sBAAsB;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAG7B,MAAI,KAAK,WAAW,MAAM,GAAG;AACzB,WAAO,oBAAC,kBAAe;AAAA,EAC3B;AAGA,MAAI,SAAS,WAAW;AACpB,WAAO,oBAAC,sBAAmB;AAAA,EAC/B;AAEA,SAAO;AACX;","names":[]}
@@ -1,9 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkEBMORHG3cjs = require('../../../../chunk-EBMORHG3.cjs');
4
- require('../../../../chunk-HSLAH2PN.cjs');
5
- require('../../../../chunk-Q3UM7UCM.cjs');
6
- require('../../../../chunk-5S4VO6RB.cjs');
3
+ var _chunkVD456OB7cjs = require('../../../../chunk-VD456OB7.cjs');
4
+ require('../../../../chunk-KNOUJZN5.cjs');
5
+ require('../../../../chunk-AXZLLRBU.cjs');
6
+ require('../../../../chunk-C7VFXQ2G.cjs');
7
7
  require('../../../../chunk-QQXBYOKA.cjs');
8
8
  require('../../../../chunk-MJHLKJ6X.cjs');
9
9
  require('../../../../chunk-QT7UEJZG.cjs');
@@ -16,21 +16,18 @@ require('../../../../chunk-HCW4RO2O.cjs');
16
16
  require('../../../../chunk-UASNCH3A.cjs');
17
17
  require('../../../../chunk-MUS7DUPS.cjs');
18
18
  require('../../../../chunk-IP4HQL5I.cjs');
19
- require('../../../../chunk-KNOUJZN5.cjs');
20
19
  require('../../../../chunk-ZMSST6ZZ.cjs');
21
- require('../../../../chunk-QK5J7FD3.cjs');
22
- require('../../../../chunk-AXZLLRBU.cjs');
23
20
  require('../../../../chunk-URKPLEPV.cjs');
24
21
  require('../../../../chunk-HPOZ6I54.cjs');
25
22
  require('../../../../chunk-YE55IKBP.cjs');
26
23
  require('../../../../chunk-ENCR5SUW.cjs');
27
- require('../../../../chunk-NTAMXW3Z.cjs');
28
- require('../../../../chunk-6AFXSTEN.cjs');
24
+ require('../../../../chunk-TM3K5JAV.cjs');
25
+ require('../../../../chunk-UAA5ZXHF.cjs');
29
26
  require('../../../../chunk-KEKBOJCF.cjs');
30
27
  require('../../../../chunk-A2JCJ2OV.cjs');
31
- require('../../../../chunk-CPISBXIR.cjs');
28
+ require('../../../../chunk-MPRVUXM6.cjs');
32
29
  require('../../../../chunk-4DAZAO6Y.cjs');
33
30
 
34
31
 
35
- exports.Web3AuthFlowButton = _chunkEBMORHG3cjs.Web3AuthFlowButton;
32
+ exports.Web3AuthFlowButton = _chunkVD456OB7cjs.Web3AuthFlowButton;
36
33
  //# sourceMappingURL=Web3AuthFlowButton.cjs.map
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Web3AuthFlowButton
3
- } from "../../../../chunk-T5WAVOPI.js";
4
- import "../../../../chunk-NFWMF6T7.js";
5
- import "../../../../chunk-ZSWTJ6E7.js";
6
- import "../../../../chunk-OZS4WEKF.js";
3
+ } from "../../../../chunk-RJZBV7LG.js";
4
+ import "../../../../chunk-VZIXXIU5.js";
5
+ import "../../../../chunk-3KR4GYLF.js";
6
+ import "../../../../chunk-QTTQHZ7M.js";
7
7
  import "../../../../chunk-A7J4DAE7.js";
8
8
  import "../../../../chunk-XEZF7G64.js";
9
9
  import "../../../../chunk-NMXFWIFA.js";
@@ -16,19 +16,16 @@ import "../../../../chunk-ZDQGQY7Z.js";
16
16
  import "../../../../chunk-IQPA3QOV.js";
17
17
  import "../../../../chunk-CPYPI45H.js";
18
18
  import "../../../../chunk-DZ5MGN25.js";
19
- import "../../../../chunk-VZIXXIU5.js";
20
19
  import "../../../../chunk-7KIY6DLW.js";
21
- import "../../../../chunk-QFQWKKVU.js";
22
- import "../../../../chunk-3KR4GYLF.js";
23
20
  import "../../../../chunk-I63FQCIV.js";
24
21
  import "../../../../chunk-ZIHCLVCD.js";
25
22
  import "../../../../chunk-H4F7UVPT.js";
26
23
  import "../../../../chunk-YWVQCHQF.js";
27
- import "../../../../chunk-JZYMJ733.js";
28
- import "../../../../chunk-4BGD6LSC.js";
24
+ import "../../../../chunk-WV5WYSUU.js";
25
+ import "../../../../chunk-D2OKRE2Q.js";
29
26
  import "../../../../chunk-3J6CUUWT.js";
30
27
  import "../../../../chunk-AUEQQ4D3.js";
31
- import "../../../../chunk-YP4CPG34.js";
28
+ import "../../../../chunk-3LEJNXQ7.js";
32
29
  import "../../../../chunk-CRTRMMJ7.js";
33
30
  export {
34
31
  Web3AuthFlowButton
@@ -1,11 +1,65 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkQ3UM7UCMcjs = require('../../../../chunk-Q3UM7UCM.cjs');
4
- require('../../../../chunk-PBSL6JOF.cjs');
5
- require('../../../../chunk-5RX5WFEW.cjs');
3
+ var _chunkPBSL6JOFcjs = require('../../../../chunk-PBSL6JOF.cjs');
4
+
5
+
6
+ var _chunk5RX5WFEWcjs = require('../../../../chunk-5RX5WFEW.cjs');
6
7
  require('../../../../chunk-IP4HQL5I.cjs');
7
8
  require('../../../../chunk-4DAZAO6Y.cjs');
8
9
 
10
+ // src/components/auth/methods/web3/Web3Connector.tsx
11
+ var _jsxruntime = require('react/jsx-runtime');
12
+ function Web3Connector({
13
+ icon,
14
+ appearance,
15
+ isLoading,
16
+ onConnectClick,
17
+ headingText,
18
+ buttonText
19
+ }) {
20
+ var _a, _b, _c, _d, _e, _f;
21
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
22
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center text-center mt-8 mb-4 gap-2", children: [
23
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: icon, alt: "metamask", className: "h-[74px] w-[74px]" }),
24
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
25
+ "h3",
26
+ {
27
+ className: "text-lg font-semibold text-cm-text-primary",
28
+ style: { color: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary },
29
+ children: headingText
30
+ }
31
+ ),
32
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
33
+ "p",
34
+ {
35
+ className: "text-base font-normal text-cm-text-primary",
36
+ style: { color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary },
37
+ children: "Don\u2019t see your wallet? Check your other browser windows."
38
+ }
39
+ )
40
+ ] }),
41
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
42
+ "button",
43
+ {
44
+ className: _chunk5RX5WFEWcjs.classNames.call(void 0,
45
+ "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
46
+ "transition-colors duration-200 ease-in-out",
47
+ "hover:bg-cm-hover focus:bg-cm-hover outline-none",
48
+ isLoading ? "cursor-not-allowed bg-cm-muted-primary" : ""
49
+ ),
50
+ style: {
51
+ borderRadius: appearance == null ? void 0 : appearance.borderRadius,
52
+ borderColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.border,
53
+ backgroundColor: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.buttonBackground
54
+ },
55
+ onClick: isLoading ? void 0 : onConnectClick,
56
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textPrimary }, children: buttonText })
57
+ }
58
+ ),
59
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPBSL6JOFcjs.PoweredByCrossmint, { color: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textSecondary }) })
60
+ ] });
61
+ }
62
+
9
63
 
10
- exports.Web3Connector = _chunkQ3UM7UCMcjs.Web3Connector;
64
+ exports.Web3Connector = Web3Connector;
11
65
  //# sourceMappingURL=Web3Connector.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
1
+ {"version":3,"sources":["../../../../../src/components/auth/methods/web3/Web3Connector.tsx"],"names":[],"mappings":";;;;;;;;;;AAoBQ,mBAEQ,KADJ,YADJ;AAhBD,SAAS,cAAc;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOG;AAlBH;AAmBI,SACI,iCACI;AAAA,yBAAC,SAAI,WAAU,0DACX;AAAA,0BAAC,SAAI,KAAK,MAAM,KAAK,YAAY,WAAU,qBAAoB;AAAA,MAC/D;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,UAE/C;AAAA;AAAA,MACL;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,UACnD;AAAA;AAAA,MAED;AAAA,OACJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,2CAA2C;AAAA,QAC3D;AAAA,QACA,OAAO;AAAA,UACH,cAAc,yCAAY;AAAA,UAC1B,cAAa,8CAAY,WAAZ,mBAAoB;AAAA,UACjC,kBAAiB,8CAAY,WAAZ,mBAAoB;AAAA,QACzC;AAAA,QACA,SAAS,YAAY,SAAY;AAAA,QAEjC,8BAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GACzE,sBACL;AAAA;AAAA,IACJ;AAAA,IAEA,oBAAC,SAAI,WAAU,4BACX,8BAAC,sBAAmB,QAAO,8CAAY,WAAZ,mBAAoB,eAAe,GAClE;AAAA,KACJ;AAER","sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { PoweredByCrossmint } from \"@/components/common/PoweredByCrossmint\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function Web3Connector({\n icon,\n appearance,\n isLoading,\n onConnectClick,\n headingText,\n buttonText,\n}: {\n icon: string;\n appearance?: UIConfig;\n isLoading: boolean;\n onConnectClick: () => void;\n headingText: string;\n buttonText: string;\n}) {\n return (\n <>\n <div className=\"flex flex-col items-center text-center mt-8 mb-4 gap-2\">\n <img src={icon} alt={\"metamask\"} className=\"h-[74px] w-[74px]\" />\n <h3\n className=\"text-lg font-semibold text-cm-text-primary\"\n style={{ color: appearance?.colors?.textPrimary }}\n >\n {headingText}\n </h3>\n <p\n className=\"text-base font-normal text-cm-text-primary\"\n style={{ color: appearance?.colors?.textPrimary }}\n >\n Don’t see your wallet? Check your other browser windows.\n </p>\n </div>\n\n <button\n className={classNames(\n \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n \"transition-colors duration-200 ease-in-out\",\n \"hover:bg-cm-hover focus:bg-cm-hover outline-none\",\n isLoading ? \"cursor-not-allowed bg-cm-muted-primary\" : \"\"\n )}\n style={{\n borderRadius: appearance?.borderRadius,\n borderColor: appearance?.colors?.border,\n backgroundColor: appearance?.colors?.buttonBackground,\n }}\n onClick={isLoading ? undefined : onConnectClick}\n >\n <span className=\"font-medium\" style={{ color: appearance?.colors?.textPrimary }}>\n {buttonText}\n </span>\n </button>\n\n <div className=\"flex justify-center pt-4\">\n <PoweredByCrossmint color={appearance?.colors?.textSecondary} />\n </div>\n </>\n );\n}\n"]}
@@ -1,10 +1,64 @@
1
1
  import {
2
- Web3Connector
3
- } from "../../../../chunk-ZSWTJ6E7.js";
4
- import "../../../../chunk-FKIMKZ4Y.js";
5
- import "../../../../chunk-RZPQIRIY.js";
2
+ PoweredByCrossmint
3
+ } from "../../../../chunk-FKIMKZ4Y.js";
4
+ import {
5
+ classNames
6
+ } from "../../../../chunk-RZPQIRIY.js";
6
7
  import "../../../../chunk-DZ5MGN25.js";
7
8
  import "../../../../chunk-CRTRMMJ7.js";
9
+
10
+ // src/components/auth/methods/web3/Web3Connector.tsx
11
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
12
+ function Web3Connector({
13
+ icon,
14
+ appearance,
15
+ isLoading,
16
+ onConnectClick,
17
+ headingText,
18
+ buttonText
19
+ }) {
20
+ var _a, _b, _c, _d, _e, _f;
21
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
22
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center mt-8 mb-4 gap-2", children: [
23
+ /* @__PURE__ */ jsx("img", { src: icon, alt: "metamask", className: "h-[74px] w-[74px]" }),
24
+ /* @__PURE__ */ jsx(
25
+ "h3",
26
+ {
27
+ className: "text-lg font-semibold text-cm-text-primary",
28
+ style: { color: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary },
29
+ children: headingText
30
+ }
31
+ ),
32
+ /* @__PURE__ */ jsx(
33
+ "p",
34
+ {
35
+ className: "text-base font-normal text-cm-text-primary",
36
+ style: { color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary },
37
+ children: "Don\u2019t see your wallet? Check your other browser windows."
38
+ }
39
+ )
40
+ ] }),
41
+ /* @__PURE__ */ jsx(
42
+ "button",
43
+ {
44
+ className: classNames(
45
+ "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
46
+ "transition-colors duration-200 ease-in-out",
47
+ "hover:bg-cm-hover focus:bg-cm-hover outline-none",
48
+ isLoading ? "cursor-not-allowed bg-cm-muted-primary" : ""
49
+ ),
50
+ style: {
51
+ borderRadius: appearance == null ? void 0 : appearance.borderRadius,
52
+ borderColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.border,
53
+ backgroundColor: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.buttonBackground
54
+ },
55
+ onClick: isLoading ? void 0 : onConnectClick,
56
+ children: /* @__PURE__ */ jsx("span", { className: "font-medium", style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textPrimary }, children: buttonText })
57
+ }
58
+ ),
59
+ /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ jsx(PoweredByCrossmint, { color: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textSecondary }) })
60
+ ] });
61
+ }
8
62
  export {
9
63
  Web3Connector
10
64
  };
@@ -1 +1 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
1
+ {"version":3,"sources":["../../../../../src/components/auth/methods/web3/Web3Connector.tsx"],"sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { PoweredByCrossmint } from \"@/components/common/PoweredByCrossmint\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function Web3Connector({\n icon,\n appearance,\n isLoading,\n onConnectClick,\n headingText,\n buttonText,\n}: {\n icon: string;\n appearance?: UIConfig;\n isLoading: boolean;\n onConnectClick: () => void;\n headingText: string;\n buttonText: string;\n}) {\n return (\n <>\n <div className=\"flex flex-col items-center text-center mt-8 mb-4 gap-2\">\n <img src={icon} alt={\"metamask\"} className=\"h-[74px] w-[74px]\" />\n <h3\n className=\"text-lg font-semibold text-cm-text-primary\"\n style={{ color: appearance?.colors?.textPrimary }}\n >\n {headingText}\n </h3>\n <p\n className=\"text-base font-normal text-cm-text-primary\"\n style={{ color: appearance?.colors?.textPrimary }}\n >\n Don’t see your wallet? Check your other browser windows.\n </p>\n </div>\n\n <button\n className={classNames(\n \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n \"transition-colors duration-200 ease-in-out\",\n \"hover:bg-cm-hover focus:bg-cm-hover outline-none\",\n isLoading ? \"cursor-not-allowed bg-cm-muted-primary\" : \"\"\n )}\n style={{\n borderRadius: appearance?.borderRadius,\n borderColor: appearance?.colors?.border,\n backgroundColor: appearance?.colors?.buttonBackground,\n }}\n onClick={isLoading ? undefined : onConnectClick}\n >\n <span className=\"font-medium\" style={{ color: appearance?.colors?.textPrimary }}>\n {buttonText}\n </span>\n </button>\n\n <div className=\"flex justify-center pt-4\">\n <PoweredByCrossmint color={appearance?.colors?.textSecondary} />\n </div>\n </>\n );\n}\n"],"mappings":";;;;;;;;;;AAoBQ,mBAEQ,KADJ,YADJ;AAhBD,SAAS,cAAc;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOG;AAlBH;AAmBI,SACI,iCACI;AAAA,yBAAC,SAAI,WAAU,0DACX;AAAA,0BAAC,SAAI,KAAK,MAAM,KAAK,YAAY,WAAU,qBAAoB;AAAA,MAC/D;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,UAE/C;AAAA;AAAA,MACL;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,UACnD;AAAA;AAAA,MAED;AAAA,OACJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,2CAA2C;AAAA,QAC3D;AAAA,QACA,OAAO;AAAA,UACH,cAAc,yCAAY;AAAA,UAC1B,cAAa,8CAAY,WAAZ,mBAAoB;AAAA,UACjC,kBAAiB,8CAAY,WAAZ,mBAAoB;AAAA,QACzC;AAAA,QACA,SAAS,YAAY,SAAY;AAAA,QAEjC,8BAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GACzE,sBACL;AAAA;AAAA,IACJ;AAAA,IAEA,oBAAC,SAAI,WAAU,4BACX,8BAAC,sBAAmB,QAAO,8CAAY,WAAZ,mBAAoB,eAAe,GAClE;AAAA,KACJ;AAER;","names":[]}
@@ -1,9 +1,53 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkHSLAH2PNcjs = require('../../../../chunk-HSLAH2PN.cjs');
4
- require('../../../../chunk-5RX5WFEW.cjs');
5
- require('../../../../chunk-4DAZAO6Y.cjs');
3
+ var _chunk5RX5WFEWcjs = require('../../../../chunk-5RX5WFEW.cjs');
6
4
 
7
5
 
8
- exports.Web3ConnectorButton = _chunkHSLAH2PNcjs.Web3ConnectorButton;
6
+
7
+
8
+ var _chunk4DAZAO6Ycjs = require('../../../../chunk-4DAZAO6Y.cjs');
9
+
10
+ // src/components/auth/methods/web3/Web3ConnectorButton.tsx
11
+ var _jsxruntime = require('react/jsx-runtime');
12
+ function Web3ConnectorButton(_a) {
13
+ var _b = _a, {
14
+ title,
15
+ appearance,
16
+ img
17
+ } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, [
18
+ "title",
19
+ "appearance",
20
+ "img"
21
+ ]);
22
+ var _a2, _b2, _c;
23
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
24
+ "button",
25
+ _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
26
+ className: _chunk5RX5WFEWcjs.classNames.call(void 0,
27
+ "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
28
+ "transition-colors duration-200 ease-in-out",
29
+ "hover:bg-cm-hover focus:bg-cm-hover outline-none"
30
+ ),
31
+ style: {
32
+ borderRadius: appearance == null ? void 0 : appearance.borderRadius,
33
+ borderColor: (_a2 = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a2.border,
34
+ backgroundColor: (_b2 = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b2.buttonBackground
35
+ }
36
+ }, props), {
37
+ children: [
38
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
39
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: img, alt: title, className: "h-[25px] w-[25px] absolute left-[18px]" }),
40
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary }, children: title })
41
+ ] }),
42
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "sr-only", children: [
43
+ "Sign in with ",
44
+ title
45
+ ] })
46
+ ]
47
+ })
48
+ );
49
+ }
50
+
51
+
52
+ exports.Web3ConnectorButton = Web3ConnectorButton;
9
53
  //# sourceMappingURL=Web3ConnectorButton.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
1
+ {"version":3,"sources":["../../../../../src/components/auth/methods/web3/Web3ConnectorButton.tsx"],"names":["_a","_b"],"mappings":";;;;;;;;;;AA4BY,mBACI,KADJ;AAxBL,SAAS,oBAAoB,IASe;AATf,eAChC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAPJ,IAIoC,IAI7B,kBAJ6B,IAI7B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAPJ,MAAAA,KAAAC,KAAA;AAcI,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,yCAAY;AAAA,QAC1B,cAAaD,MAAA,yCAAY,WAAZ,gBAAAA,IAAoB;AAAA,QACjC,kBAAiBC,MAAA,yCAAY,WAAZ,gBAAAA,IAAoB;AAAA,MACzC;AAAA,OACI,QAXP;AAAA,MAaG;AAAA,yCACI;AAAA,8BAAC,SAAI,KAAK,KAAK,KAAK,OAAO,WAAU,0CAAyC;AAAA,UAC9E,oBAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GACzE,iBACL;AAAA,WACJ;AAAA,QACA,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,UAAc;AAAA,WAAM;AAAA;AAAA;AAAA,EAClD;AAER","sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport type React from \"react\";\nimport { classNames } from \"../../../../utils/classNames\";\n\nexport function Web3ConnectorButton({\n title,\n appearance,\n img,\n ...props\n}: {\n title: string;\n appearance?: UIConfig;\n img: string;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>) {\n return (\n <button\n className={classNames(\n \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n \"transition-colors duration-200 ease-in-out\",\n \"hover:bg-cm-hover focus:bg-cm-hover outline-none\"\n )}\n style={{\n borderRadius: appearance?.borderRadius,\n borderColor: appearance?.colors?.border,\n backgroundColor: appearance?.colors?.buttonBackground,\n }}\n {...props}\n >\n <>\n <img src={img} alt={title} className=\"h-[25px] w-[25px] absolute left-[18px]\" />\n <span className=\"font-medium\" style={{ color: appearance?.colors?.textPrimary }}>\n {title}\n </span>\n </>\n <span className=\"sr-only\">Sign in with {title}</span>\n </button>\n );\n}\n"]}
@@ -1,8 +1,52 @@
1
1
  import {
2
- Web3ConnectorButton
3
- } from "../../../../chunk-NFWMF6T7.js";
4
- import "../../../../chunk-RZPQIRIY.js";
5
- import "../../../../chunk-CRTRMMJ7.js";
2
+ classNames
3
+ } from "../../../../chunk-RZPQIRIY.js";
4
+ import {
5
+ __objRest,
6
+ __spreadProps,
7
+ __spreadValues
8
+ } from "../../../../chunk-CRTRMMJ7.js";
9
+
10
+ // src/components/auth/methods/web3/Web3ConnectorButton.tsx
11
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
12
+ function Web3ConnectorButton(_a) {
13
+ var _b = _a, {
14
+ title,
15
+ appearance,
16
+ img
17
+ } = _b, props = __objRest(_b, [
18
+ "title",
19
+ "appearance",
20
+ "img"
21
+ ]);
22
+ var _a2, _b2, _c;
23
+ return /* @__PURE__ */ jsxs(
24
+ "button",
25
+ __spreadProps(__spreadValues({
26
+ className: classNames(
27
+ "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
28
+ "transition-colors duration-200 ease-in-out",
29
+ "hover:bg-cm-hover focus:bg-cm-hover outline-none"
30
+ ),
31
+ style: {
32
+ borderRadius: appearance == null ? void 0 : appearance.borderRadius,
33
+ borderColor: (_a2 = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a2.border,
34
+ backgroundColor: (_b2 = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b2.buttonBackground
35
+ }
36
+ }, props), {
37
+ children: [
38
+ /* @__PURE__ */ jsxs(Fragment, { children: [
39
+ /* @__PURE__ */ jsx("img", { src: img, alt: title, className: "h-[25px] w-[25px] absolute left-[18px]" }),
40
+ /* @__PURE__ */ jsx("span", { className: "font-medium", style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary }, children: title })
41
+ ] }),
42
+ /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
43
+ "Sign in with ",
44
+ title
45
+ ] })
46
+ ]
47
+ })
48
+ );
49
+ }
6
50
  export {
7
51
  Web3ConnectorButton
8
52
  };
@@ -1 +1 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
1
+ {"version":3,"sources":["../../../../../src/components/auth/methods/web3/Web3ConnectorButton.tsx"],"sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport type React from \"react\";\nimport { classNames } from \"../../../../utils/classNames\";\n\nexport function Web3ConnectorButton({\n title,\n appearance,\n img,\n ...props\n}: {\n title: string;\n appearance?: UIConfig;\n img: string;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>) {\n return (\n <button\n className={classNames(\n \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n \"transition-colors duration-200 ease-in-out\",\n \"hover:bg-cm-hover focus:bg-cm-hover outline-none\"\n )}\n style={{\n borderRadius: appearance?.borderRadius,\n borderColor: appearance?.colors?.border,\n backgroundColor: appearance?.colors?.buttonBackground,\n }}\n {...props}\n >\n <>\n <img src={img} alt={title} className=\"h-[25px] w-[25px] absolute left-[18px]\" />\n <span className=\"font-medium\" style={{ color: appearance?.colors?.textPrimary }}>\n {title}\n </span>\n </>\n <span className=\"sr-only\">Sign in with {title}</span>\n </button>\n );\n}\n"],"mappings":";;;;;;;;;;AA4BY,mBACI,KADJ;AAxBL,SAAS,oBAAoB,IASe;AATf,eAChC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAPJ,IAIoC,IAI7B,kBAJ6B,IAI7B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAPJ,MAAAA,KAAAC,KAAA;AAcI,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,yCAAY;AAAA,QAC1B,cAAaD,MAAA,yCAAY,WAAZ,gBAAAA,IAAoB;AAAA,QACjC,kBAAiBC,MAAA,yCAAY,WAAZ,gBAAAA,IAAoB;AAAA,MACzC;AAAA,OACI,QAXP;AAAA,MAaG;AAAA,yCACI;AAAA,8BAAC,SAAI,KAAK,KAAK,KAAK,OAAO,WAAU,0CAAyC;AAAA,UAC9E,oBAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GACzE,iBACL;AAAA,WACJ;AAAA,QACA,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,UAAc;AAAA,WAAM;AAAA;AAAA;AAAA,EAClD;AAER;","names":["_a","_b"]}
@@ -1,9 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkEBMORHG3cjs = require('../../../../chunk-EBMORHG3.cjs');
4
- require('../../../../chunk-HSLAH2PN.cjs');
5
- require('../../../../chunk-Q3UM7UCM.cjs');
6
- require('../../../../chunk-5S4VO6RB.cjs');
3
+ var _chunkRO53MWJEcjs = require('../../../../chunk-RO53MWJE.cjs');
4
+ require('../../../../chunk-C7VFXQ2G.cjs');
7
5
  require('../../../../chunk-QQXBYOKA.cjs');
8
6
  require('../../../../chunk-MJHLKJ6X.cjs');
9
7
  require('../../../../chunk-QT7UEJZG.cjs');
@@ -16,21 +14,18 @@ require('../../../../chunk-HCW4RO2O.cjs');
16
14
  require('../../../../chunk-UASNCH3A.cjs');
17
15
  require('../../../../chunk-MUS7DUPS.cjs');
18
16
  require('../../../../chunk-IP4HQL5I.cjs');
19
- require('../../../../chunk-KNOUJZN5.cjs');
20
17
  require('../../../../chunk-ZMSST6ZZ.cjs');
21
- require('../../../../chunk-QK5J7FD3.cjs');
22
- require('../../../../chunk-AXZLLRBU.cjs');
23
18
  require('../../../../chunk-URKPLEPV.cjs');
24
19
  require('../../../../chunk-HPOZ6I54.cjs');
25
20
  require('../../../../chunk-YE55IKBP.cjs');
26
21
  require('../../../../chunk-ENCR5SUW.cjs');
27
- require('../../../../chunk-NTAMXW3Z.cjs');
28
- require('../../../../chunk-6AFXSTEN.cjs');
22
+ require('../../../../chunk-TM3K5JAV.cjs');
23
+ require('../../../../chunk-UAA5ZXHF.cjs');
29
24
  require('../../../../chunk-KEKBOJCF.cjs');
30
25
  require('../../../../chunk-A2JCJ2OV.cjs');
31
- require('../../../../chunk-CPISBXIR.cjs');
26
+ require('../../../../chunk-MPRVUXM6.cjs');
32
27
  require('../../../../chunk-4DAZAO6Y.cjs');
33
28
 
34
29
 
35
- exports.Web3Connectors = _chunkEBMORHG3cjs.Web3Connectors;
30
+ exports.Web3Connectors = _chunkRO53MWJEcjs.Web3Connectors;
36
31
  //# sourceMappingURL=Web3Connectors.cjs.map
@@ -1,9 +1,7 @@
1
1
  import {
2
2
  Web3Connectors
3
- } from "../../../../chunk-T5WAVOPI.js";
4
- import "../../../../chunk-NFWMF6T7.js";
5
- import "../../../../chunk-ZSWTJ6E7.js";
6
- import "../../../../chunk-OZS4WEKF.js";
3
+ } from "../../../../chunk-54YISYPC.js";
4
+ import "../../../../chunk-QTTQHZ7M.js";
7
5
  import "../../../../chunk-A7J4DAE7.js";
8
6
  import "../../../../chunk-XEZF7G64.js";
9
7
  import "../../../../chunk-NMXFWIFA.js";
@@ -16,19 +14,16 @@ import "../../../../chunk-ZDQGQY7Z.js";
16
14
  import "../../../../chunk-IQPA3QOV.js";
17
15
  import "../../../../chunk-CPYPI45H.js";
18
16
  import "../../../../chunk-DZ5MGN25.js";
19
- import "../../../../chunk-VZIXXIU5.js";
20
17
  import "../../../../chunk-7KIY6DLW.js";
21
- import "../../../../chunk-QFQWKKVU.js";
22
- import "../../../../chunk-3KR4GYLF.js";
23
18
  import "../../../../chunk-I63FQCIV.js";
24
19
  import "../../../../chunk-ZIHCLVCD.js";
25
20
  import "../../../../chunk-H4F7UVPT.js";
26
21
  import "../../../../chunk-YWVQCHQF.js";
27
- import "../../../../chunk-JZYMJ733.js";
28
- import "../../../../chunk-4BGD6LSC.js";
22
+ import "../../../../chunk-WV5WYSUU.js";
23
+ import "../../../../chunk-D2OKRE2Q.js";
29
24
  import "../../../../chunk-3J6CUUWT.js";
30
25
  import "../../../../chunk-AUEQQ4D3.js";
31
- import "../../../../chunk-YP4CPG34.js";
26
+ import "../../../../chunk-3LEJNXQ7.js";
32
27
  import "../../../../chunk-CRTRMMJ7.js";
33
28
  export {
34
29
  Web3Connectors