@crossmint/client-sdk-react-ui 1.10.7 → 1.11.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 (192) hide show
  1. package/dist/{chunk-LJA62EVT.cjs → chunk-3DNABH3U.cjs} +6 -6
  2. package/dist/chunk-3DNABH3U.cjs.map +1 -0
  3. package/dist/{chunk-K5S6RUJ3.cjs → chunk-3PV5EK7P.cjs} +3 -3
  4. package/dist/{chunk-QFZ6GZZR.cjs → chunk-4F4YOWCE.cjs} +3 -3
  5. package/dist/{chunk-MCINXS2Y.cjs → chunk-4S3T65XY.cjs} +1 -1
  6. package/dist/{chunk-HZ26XTTK.cjs → chunk-6HYESP6N.cjs} +4 -4
  7. package/dist/{chunk-BURUD6IV.cjs → chunk-6JDOBNKD.cjs} +3 -3
  8. package/dist/{chunk-6PPUWTTF.cjs → chunk-7GWCNJOK.cjs} +3 -3
  9. package/dist/chunk-7UXIFMNO.js +1 -0
  10. package/dist/{chunk-UGHW5HMB.cjs → chunk-E4SMHCKA.cjs} +4 -4
  11. package/dist/chunk-EAEMD3DY.cjs +34 -0
  12. package/dist/chunk-EAEMD3DY.cjs.map +1 -0
  13. package/dist/{chunk-5EE2IAIP.js → chunk-FKLRSMKS.js} +5 -5
  14. package/dist/chunk-FKLRSMKS.js.map +1 -0
  15. package/dist/chunk-IDJ7FOHB.js +34 -0
  16. package/dist/chunk-IDJ7FOHB.js.map +1 -0
  17. package/dist/{chunk-DCMLWFDK.js → chunk-J3UJX77B.js} +2 -2
  18. package/dist/{chunk-FGHABNQM.js → chunk-JD2M6AS5.js} +2 -2
  19. package/dist/{chunk-FGHABNQM.js.map → chunk-JD2M6AS5.js.map} +1 -1
  20. package/dist/chunk-JWEEEVCE.js +83 -0
  21. package/dist/chunk-JWEEEVCE.js.map +1 -0
  22. package/dist/{chunk-DR67KSE7.js → chunk-KEF5UBVQ.js} +2 -2
  23. package/dist/chunk-KPQDVXHK.js +105 -0
  24. package/dist/chunk-KPQDVXHK.js.map +1 -0
  25. package/dist/{chunk-BFTVVPCU.js → chunk-KPTRUNFA.js} +2 -2
  26. package/dist/{chunk-O53ZB544.js → chunk-LBGALVRW.js} +1 -1
  27. package/dist/chunk-LDTLGSZB.cjs +83 -0
  28. package/dist/chunk-LDTLGSZB.cjs.map +1 -0
  29. package/dist/{chunk-2ROLE4XU.cjs → chunk-M7QMNNHL.cjs} +3 -3
  30. package/dist/{chunk-U7LXB3SM.js → chunk-MARIDIHZ.js} +2 -2
  31. package/dist/{chunk-HOTEC5UH.js → chunk-NLGUTNQM.js} +2 -2
  32. package/dist/{chunk-YNBGMNE6.cjs → chunk-ODL7X7KV.cjs} +3 -3
  33. package/dist/chunk-PCY3N6C2.js +1 -0
  34. package/dist/chunk-PCY3N6C2.js.map +1 -0
  35. package/dist/{chunk-7BZSIPWM.js → chunk-QCOHQSZM.js} +2 -2
  36. package/dist/{chunk-ZJC4OB5Z.cjs → chunk-QFVOIF7B.cjs} +3 -3
  37. package/dist/{chunk-GMKTZIU2.cjs → chunk-QP2A7HRU.cjs} +3 -3
  38. package/dist/chunk-RU4ZOZP5.cjs +1 -0
  39. package/dist/chunk-UD3UTFV3.cjs +1 -0
  40. package/dist/chunk-UD3UTFV3.cjs.map +1 -0
  41. package/dist/{chunk-Y3SUMTUI.cjs → chunk-W3P2I3UE.cjs} +2 -2
  42. package/dist/{chunk-Y3SUMTUI.cjs.map → chunk-W3P2I3UE.cjs.map} +1 -1
  43. package/dist/{chunk-6EX2VR7S.js → chunk-X4GDZRHJ.js} +2 -2
  44. package/dist/{chunk-HW2Q6J4R.js → chunk-XQOEKZSB.js} +2 -2
  45. package/dist/{chunk-TH42AO6J.js → chunk-XZPSXJOK.js} +2 -2
  46. package/dist/chunk-Z6QSH522.cjs +105 -0
  47. package/dist/chunk-Z6QSH522.cjs.map +1 -0
  48. package/dist/{chunk-5UXGDXPR.js → chunk-ZAW535DG.js} +2 -2
  49. package/dist/components/CrossmintNFTCollectionView.cjs +3 -3
  50. package/dist/components/CrossmintNFTCollectionView.js +2 -2
  51. package/dist/components/CrossmintNFTDetail.cjs +3 -3
  52. package/dist/components/CrossmintNFTDetail.js +2 -2
  53. package/dist/components/auth/AuthForm.cjs +5 -5
  54. package/dist/components/auth/AuthForm.js +4 -4
  55. package/dist/components/auth/AuthFormBackButton.cjs +5 -5
  56. package/dist/components/auth/AuthFormBackButton.js +4 -4
  57. package/dist/components/auth/AuthFormDialog.cjs +5 -5
  58. package/dist/components/auth/AuthFormDialog.js +4 -4
  59. package/dist/components/auth/EmbeddedAuthForm.cjs +6 -6
  60. package/dist/components/auth/EmbeddedAuthForm.js +5 -5
  61. package/dist/components/auth/methods/email/EmailAuthFlow.cjs +5 -5
  62. package/dist/components/auth/methods/email/EmailAuthFlow.js +4 -4
  63. package/dist/components/auth/methods/email/EmailOTPInput.cjs +5 -5
  64. package/dist/components/auth/methods/email/EmailOTPInput.js +4 -4
  65. package/dist/components/auth/methods/email/EmailSignIn.cjs +5 -5
  66. package/dist/components/auth/methods/email/EmailSignIn.js +4 -4
  67. package/dist/components/auth/methods/farcaster/FarcasterSignIn.cjs +5 -5
  68. package/dist/components/auth/methods/farcaster/FarcasterSignIn.js +4 -4
  69. package/dist/components/auth/methods/google/GoogleSignIn.cjs +5 -5
  70. package/dist/components/auth/methods/google/GoogleSignIn.js +4 -4
  71. package/dist/components/auth/methods/web3/Web3AuthFlow.cjs +12 -12
  72. package/dist/components/auth/methods/web3/Web3AuthFlow.js +9 -9
  73. package/dist/components/auth/methods/web3/Web3AuthFlowButton.cjs +6 -6
  74. package/dist/components/auth/methods/web3/Web3AuthFlowButton.js +5 -5
  75. package/dist/components/auth/methods/web3/Web3Connectors.cjs +6 -6
  76. package/dist/components/auth/methods/web3/Web3Connectors.js +5 -5
  77. package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.cjs +9 -0
  78. package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.cjs.map +1 -0
  79. package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.d.cts +9 -0
  80. package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.d.ts +9 -0
  81. package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.js +9 -0
  82. package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.js.map +1 -0
  83. package/dist/components/common/CrossmintLogoV2/consts.cjs +12 -0
  84. package/dist/components/common/CrossmintLogoV2/consts.cjs.map +1 -0
  85. package/dist/components/common/CrossmintLogoV2/consts.d.cts +35 -0
  86. package/dist/components/common/CrossmintLogoV2/consts.d.ts +35 -0
  87. package/dist/components/common/CrossmintLogoV2/consts.js +12 -0
  88. package/dist/components/common/CrossmintLogoV2/consts.js.map +1 -0
  89. package/dist/components/common/CrossmintLogoV2/schemas.cjs +34 -0
  90. package/dist/components/common/CrossmintLogoV2/schemas.cjs.map +1 -0
  91. package/dist/components/common/CrossmintLogoV2/schemas.d.cts +199 -0
  92. package/dist/components/common/CrossmintLogoV2/schemas.d.ts +199 -0
  93. package/dist/components/common/CrossmintLogoV2/schemas.js +34 -0
  94. package/dist/components/common/CrossmintLogoV2/schemas.js.map +1 -0
  95. package/dist/components/common/Divider.cjs +5 -5
  96. package/dist/components/common/Divider.js +4 -4
  97. package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.cjs +7 -7
  98. package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.js +6 -6
  99. package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.cjs +6 -6
  100. package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.js +5 -5
  101. package/dist/components/embed/v3/index.cjs +7 -7
  102. package/dist/components/embed/v3/index.js +6 -6
  103. package/dist/components/hosted/CrossmintPayButton.cjs +3 -3
  104. package/dist/components/hosted/CrossmintPayButton.js +2 -2
  105. package/dist/components/hosted/index.cjs +13 -4
  106. package/dist/components/hosted/index.d.cts +1 -0
  107. package/dist/components/hosted/index.d.ts +1 -0
  108. package/dist/components/hosted/index.js +12 -3
  109. package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.cjs +13 -0
  110. package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.cjs.map +1 -0
  111. package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.d.cts +8 -0
  112. package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.d.ts +8 -0
  113. package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.js +13 -0
  114. package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.js.map +1 -0
  115. package/dist/components/hosted/v3/index.cjs +14 -0
  116. package/dist/components/hosted/v3/index.cjs.map +1 -0
  117. package/dist/components/hosted/v3/index.d.cts +4 -0
  118. package/dist/components/hosted/v3/index.d.ts +4 -0
  119. package/dist/components/hosted/v3/index.js +14 -0
  120. package/dist/components/hosted/v3/index.js.map +1 -0
  121. package/dist/components/index.cjs +19 -12
  122. package/dist/components/index.d.cts +1 -0
  123. package/dist/components/index.d.ts +1 -0
  124. package/dist/components/index.js +18 -11
  125. package/dist/consts/version.cjs +2 -2
  126. package/dist/consts/version.js +1 -1
  127. package/dist/hooks/index.cjs +5 -5
  128. package/dist/hooks/index.js +4 -4
  129. package/dist/hooks/useAuth.cjs +5 -5
  130. package/dist/hooks/useAuth.js +4 -4
  131. package/dist/hooks/useCrossmintAuth.cjs +5 -5
  132. package/dist/hooks/useCrossmintAuth.js +4 -4
  133. package/dist/hooks/useCrossmintCheckout.cjs +4 -4
  134. package/dist/hooks/useCrossmintCheckout.js +3 -3
  135. package/dist/hooks/useOAuthWindowListener.cjs +5 -5
  136. package/dist/hooks/useOAuthWindowListener.js +4 -4
  137. package/dist/hooks/useWallet.cjs +5 -5
  138. package/dist/hooks/useWallet.js +4 -4
  139. package/dist/index.cjs +19 -12
  140. package/dist/index.cjs.map +1 -1
  141. package/dist/index.d.cts +1 -0
  142. package/dist/index.d.ts +1 -0
  143. package/dist/index.js +18 -11
  144. package/dist/index.js.map +1 -1
  145. package/dist/providers/CrossmintAuthProvider.cjs +5 -5
  146. package/dist/providers/CrossmintAuthProvider.js +4 -4
  147. package/dist/providers/CrossmintWalletProvider.cjs +5 -5
  148. package/dist/providers/CrossmintWalletProvider.js +4 -4
  149. package/dist/providers/auth/AuthFormProvider.cjs +5 -5
  150. package/dist/providers/auth/AuthFormProvider.js +4 -4
  151. package/dist/providers/auth/web3/DynamicWeb3WalletConnect.cjs +6 -6
  152. package/dist/providers/auth/web3/DynamicWeb3WalletConnect.js +5 -5
  153. package/dist/providers/index.cjs +5 -5
  154. package/dist/providers/index.js +4 -4
  155. package/dist/utils/createCrossmintApiClient.cjs +3 -3
  156. package/dist/utils/createCrossmintApiClient.js +2 -2
  157. package/package.json +7 -6
  158. package/src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx +98 -0
  159. package/src/components/common/CrossmintLogoV2/consts.ts +28 -0
  160. package/src/components/common/CrossmintLogoV2/schemas.ts +34 -0
  161. package/src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx +3 -3
  162. package/src/components/hosted/index.ts +2 -0
  163. package/src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx +74 -0
  164. package/src/components/hosted/v3/index.ts +1 -0
  165. package/dist/chunk-5EE2IAIP.js.map +0 -1
  166. package/dist/chunk-7SBZ6OIH.js +0 -1
  167. package/dist/chunk-BKVDVDKX.cjs +0 -1
  168. package/dist/chunk-LJA62EVT.cjs.map +0 -1
  169. /package/dist/{chunk-K5S6RUJ3.cjs.map → chunk-3PV5EK7P.cjs.map} +0 -0
  170. /package/dist/{chunk-QFZ6GZZR.cjs.map → chunk-4F4YOWCE.cjs.map} +0 -0
  171. /package/dist/{chunk-MCINXS2Y.cjs.map → chunk-4S3T65XY.cjs.map} +0 -0
  172. /package/dist/{chunk-HZ26XTTK.cjs.map → chunk-6HYESP6N.cjs.map} +0 -0
  173. /package/dist/{chunk-BURUD6IV.cjs.map → chunk-6JDOBNKD.cjs.map} +0 -0
  174. /package/dist/{chunk-6PPUWTTF.cjs.map → chunk-7GWCNJOK.cjs.map} +0 -0
  175. /package/dist/{chunk-7SBZ6OIH.js.map → chunk-7UXIFMNO.js.map} +0 -0
  176. /package/dist/{chunk-UGHW5HMB.cjs.map → chunk-E4SMHCKA.cjs.map} +0 -0
  177. /package/dist/{chunk-DCMLWFDK.js.map → chunk-J3UJX77B.js.map} +0 -0
  178. /package/dist/{chunk-DR67KSE7.js.map → chunk-KEF5UBVQ.js.map} +0 -0
  179. /package/dist/{chunk-BFTVVPCU.js.map → chunk-KPTRUNFA.js.map} +0 -0
  180. /package/dist/{chunk-O53ZB544.js.map → chunk-LBGALVRW.js.map} +0 -0
  181. /package/dist/{chunk-2ROLE4XU.cjs.map → chunk-M7QMNNHL.cjs.map} +0 -0
  182. /package/dist/{chunk-U7LXB3SM.js.map → chunk-MARIDIHZ.js.map} +0 -0
  183. /package/dist/{chunk-HOTEC5UH.js.map → chunk-NLGUTNQM.js.map} +0 -0
  184. /package/dist/{chunk-YNBGMNE6.cjs.map → chunk-ODL7X7KV.cjs.map} +0 -0
  185. /package/dist/{chunk-7BZSIPWM.js.map → chunk-QCOHQSZM.js.map} +0 -0
  186. /package/dist/{chunk-ZJC4OB5Z.cjs.map → chunk-QFVOIF7B.cjs.map} +0 -0
  187. /package/dist/{chunk-GMKTZIU2.cjs.map → chunk-QP2A7HRU.cjs.map} +0 -0
  188. /package/dist/{chunk-BKVDVDKX.cjs.map → chunk-RU4ZOZP5.cjs.map} +0 -0
  189. /package/dist/{chunk-6EX2VR7S.js.map → chunk-X4GDZRHJ.js.map} +0 -0
  190. /package/dist/{chunk-HW2Q6J4R.js.map → chunk-XQOEKZSB.js.map} +0 -0
  191. /package/dist/{chunk-TH42AO6J.js.map → chunk-XZPSXJOK.js.map} +0 -0
  192. /package/dist/{chunk-5UXGDXPR.js.map → chunk-ZAW535DG.js.map} +0 -0
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
2
2
 
3
- var _chunkGMKTZIU2cjs = require('./chunk-GMKTZIU2.cjs');
3
+ var _chunkQP2A7HRUcjs = require('./chunk-QP2A7HRU.cjs');
4
4
 
5
5
 
6
6
  var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
@@ -23,17 +23,17 @@ function EmbeddedCheckoutV3IFrame(props) {
23
23
  const [iframeClient, setIframeClient] = _react.useState.call(void 0, null);
24
24
  const [height, setHeight] = _react.useState.call(void 0, 0);
25
25
  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
26
- const apiClient = _chunkGMKTZIU2cjs.createCrossmintApiClient.call(void 0, crossmint, {
26
+ const apiClient = _chunkQP2A7HRUcjs.createCrossmintApiClient.call(void 0, crossmint, {
27
27
  usageOrigin: "client"
28
28
  });
29
- const embedV3Service = _clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, { apiClient });
29
+ const embeddedCheckoutService = _clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, { apiClient });
30
30
  const ref = _react.useRef.call(void 0, null);
31
31
  _react.useEffect.call(void 0, () => {
32
32
  const iframe = ref.current;
33
33
  if (!iframe || iframeClient) {
34
34
  return;
35
35
  }
36
- setIframeClient(embedV3Service.iframe.createClient(iframe));
36
+ setIframeClient(embeddedCheckoutService.iframe.createClient(iframe));
37
37
  }, [ref.current, iframeClient]);
38
38
  _react.useEffect.call(void 0, () => {
39
39
  if (iframeClient == null) {
@@ -49,7 +49,7 @@ function EmbeddedCheckoutV3IFrame(props) {
49
49
  "iframe",
50
50
  {
51
51
  ref,
52
- src: embedV3Service.iframe.getUrl(props),
52
+ src: embeddedCheckoutService.iframe.getUrl(props),
53
53
  id: "crossmint-embedded-checkout.iframe",
54
54
  role: "crossmint-embedded-checkout.iframe",
55
55
  allow: "payment *",
@@ -84,4 +84,4 @@ function EmbeddedCheckoutV3IFrame(props) {
84
84
 
85
85
 
86
86
  exports.EmbeddedCheckoutV3IFrame = EmbeddedCheckoutV3IFrame;
87
- //# sourceMappingURL=chunk-LJA62EVT.cjs.map
87
+ //# sourceMappingURL=chunk-3DNABH3U.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"names":[],"mappings":";;;;;;;;AACA,SAAS,MAAM,WAAW,QAAQ,gBAAgB;AAElD;AAAA,EAGI;AAAA,OACG;AA2CC,mBACI,KADJ;AAvCR,IAAM,gCAAgC;AAAA,EAAK;AAAA;AAAA,IAEvC,OAAO,gEAAwC,EAAE,KAAK,CAAC,SAAS;AAAA,MAC5D,SAAS,IAAI;AAAA,IACjB,EAAE;AAAA;AACN;AAEO,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,0BAA0B,mCAAmC,EAAE,UAAU,CAAC;AAEhF,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,wBAAwB,OAAO,aAAa,MAAM,CAAC;AAAA,EACvE,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,wBAAwB,OAAO,OAAO,KAAK;AAAA,QAChD,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,IACJ,oBAAC,UAAK,IAAG,0BAAyB,UAAU,IAAI;AAAA,KACpD;AAER","sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { lazy, useEffect, useRef, useState } from \"react\";\n\nimport {\n type CrossmintEmbeddedCheckoutV3Props,\n type EmbeddedCheckoutV3IFrameEmitter,\n crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nconst CryptoWalletConnectionHandler = lazy(() =>\n // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n import(\"./crypto/CryptoWalletConnectionHandler\").then((mod) => ({\n default: mod.CryptoWalletConnectionHandler,\n }))\n);\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n const [height, setHeight] = useState(0);\n\n const { crossmint } = useCrossmint();\n const apiClient = createCrossmintApiClient(crossmint, {\n usageOrigin: \"client\",\n });\n const embeddedCheckoutService = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n const ref = useRef<HTMLIFrameElement>(null);\n\n useEffect(() => {\n const iframe = ref.current;\n if (!iframe || iframeClient) {\n return;\n }\n setIframeClient(embeddedCheckoutService.iframe.createClient(iframe));\n }, [ref.current, iframeClient]);\n\n useEffect(() => {\n if (iframeClient == null) {\n return;\n }\n iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n return () => {\n iframeClient.off(\"ui:height.changed\");\n };\n }, [iframeClient]);\n\n return (\n <>\n <iframe\n ref={ref}\n src={embeddedCheckoutService.iframe.getUrl(props)}\n id=\"crossmint-embedded-checkout.iframe\"\n role=\"crossmint-embedded-checkout.iframe\"\n allow=\"payment *\"\n style={{\n boxShadow: \"none\",\n border: \"none\",\n padding: \"0px\",\n width: \"100%\",\n minWidth: \"100%\",\n overflow: \"hidden\",\n display: \"block\",\n userSelect: \"none\",\n transform: \"translate(0px)\",\n opacity: \"1\",\n transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n height: `${height}px`,\n backgroundColor: \"transparent\",\n }}\n />\n {props.payment.crypto.enabled ? (\n <CryptoWalletConnectionHandler\n iframeClient={iframeClient}\n apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n />\n ) : null}\n <span id=\"crossmint-focus-target\" tabIndex={-1} />\n </>\n );\n}\n"]}
@@ -7,7 +7,7 @@ var _chunkQ3M4UH5Ucjs = require('./chunk-Q3M4UH5U.cjs');
7
7
  var _chunkKLWDDALZcjs = require('./chunk-KLWDDALZ.cjs');
8
8
 
9
9
 
10
- var _chunkY3SUMTUIcjs = require('./chunk-Y3SUMTUI.cjs');
10
+ var _chunkW3P2I3UEcjs = require('./chunk-W3P2I3UE.cjs');
11
11
 
12
12
 
13
13
 
@@ -91,7 +91,7 @@ function CrossmintPayButton(buttonProps) {
91
91
  showOverlay,
92
92
  dismissOverlayOnClick,
93
93
  setConnecting,
94
- libVersion: _chunkY3SUMTUIcjs.LIB_VERSION,
94
+ libVersion: _chunkW3P2I3UEcjs.LIB_VERSION,
95
95
  environment,
96
96
  clientName: _clientsdkbase.clientNames.reactUi,
97
97
  locale,
@@ -150,4 +150,4 @@ function CrossmintPayButton(buttonProps) {
150
150
 
151
151
 
152
152
  exports.CrossmintPayButton = CrossmintPayButton;
153
- //# sourceMappingURL=chunk-K5S6RUJ3.cjs.map
153
+ //# sourceMappingURL=chunk-3PV5EK7P.cjs.map
@@ -1,14 +1,14 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkMCINXS2Ycjs = require('./chunk-MCINXS2Y.cjs');
3
+ var _chunk4S3T65XYcjs = require('./chunk-4S3T65XY.cjs');
4
4
 
5
5
  // src/components/auth/EmbeddedAuthForm.tsx
6
6
  var _jsxruntime = require('react/jsx-runtime');
7
7
  function EmbeddedAuthForm() {
8
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMCINXS2Ycjs.AuthForm, { className: "w-full" });
8
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4S3T65XYcjs.AuthForm, { className: "w-full" });
9
9
  }
10
10
 
11
11
 
12
12
 
13
13
  exports.EmbeddedAuthForm = EmbeddedAuthForm;
14
- //# sourceMappingURL=chunk-QFZ6GZZR.cjs.map
14
+ //# sourceMappingURL=chunk-4F4YOWCE.cjs.map
@@ -1108,4 +1108,4 @@ function deriveErrorState(error) {
1108
1108
 
1109
1109
 
1110
1110
  exports.WalletContext = WalletContext; exports.CrossmintWalletProvider = CrossmintWalletProvider; exports.useWallet = useWallet; exports.useCrossmintAuth = useCrossmintAuth; exports.useAuthForm = useAuthForm; exports.AuthFormProvider = AuthFormProvider; exports.AuthFormBackButton = AuthFormBackButton; exports.EMAIL_VERIFICATION_TOKEN_LENGTH = EMAIL_VERIFICATION_TOKEN_LENGTH; exports.EmailOTPInput = EmailOTPInput; exports.EmailSignIn = EmailSignIn; exports.EmailAuthFlow = EmailAuthFlow; exports.Divider = Divider; exports.useOAuthWindowListener = useOAuthWindowListener; exports.GoogleSignIn = GoogleSignIn; exports.FarcasterSignIn = FarcasterSignIn; exports.AuthForm = AuthForm; exports.AuthFormDialog = AuthFormDialog; exports.AuthContext = AuthContext; exports.CrossmintAuthProvider = CrossmintAuthProvider; exports.useAuth = useAuth;
1111
- //# sourceMappingURL=chunk-MCINXS2Y.cjs.map
1111
+ //# sourceMappingURL=chunk-4S3T65XY.cjs.map
@@ -7,7 +7,7 @@ var _chunkUQAKJ4T7cjs = require('./chunk-UQAKJ4T7.cjs');
7
7
 
8
8
 
9
9
 
10
- var _chunkMCINXS2Ycjs = require('./chunk-MCINXS2Y.cjs');
10
+ var _chunk4S3T65XYcjs = require('./chunk-4S3T65XY.cjs');
11
11
 
12
12
 
13
13
  var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
@@ -21,8 +21,8 @@ function DynamicWeb3WalletConnect({
21
21
  apiKeyEnvironment
22
22
  }) {
23
23
  var _a, _b;
24
- const { crossmintAuth } = _chunkMCINXS2Ycjs.useCrossmintAuth.call(void 0, );
25
- const { appearance } = _chunkMCINXS2Ycjs.useAuthForm.call(void 0, );
24
+ const { crossmintAuth } = _chunk4S3T65XYcjs.useCrossmintAuth.call(void 0, );
25
+ const { appearance } = _chunk4S3T65XYcjs.useAuthForm.call(void 0, );
26
26
  const cssOverrides = `.powered-by-dynamic { display: none !important; } .wallet-list__scroll-container { padding: 0px !important; } .wallet-list__search-container { padding-left: 0px !important; padding-right: 0px !important; } .dynamic-footer { display: none !important; } h1 { color: ${(_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary} !important; } * { color: ${(_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary} !important; }`;
27
27
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
28
28
  _chunkUQAKJ4T7cjs.DynamicContextProviderWrapper,
@@ -78,4 +78,4 @@ function DynamicWeb3WalletConnect({
78
78
 
79
79
 
80
80
  exports.DynamicWeb3WalletConnect = DynamicWeb3WalletConnect;
81
- //# sourceMappingURL=chunk-HZ26XTTK.cjs.map
81
+ //# sourceMappingURL=chunk-6HYESP6N.cjs.map
@@ -6,7 +6,7 @@ var _chunkKNOUJZN5cjs = require('./chunk-KNOUJZN5.cjs');
6
6
  var _chunkAXZLLRBUcjs = require('./chunk-AXZLLRBU.cjs');
7
7
 
8
8
 
9
- var _chunkMCINXS2Ycjs = require('./chunk-MCINXS2Y.cjs');
9
+ var _chunk4S3T65XYcjs = require('./chunk-4S3T65XY.cjs');
10
10
 
11
11
 
12
12
  var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
@@ -15,7 +15,7 @@ var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
15
15
  var _jsxruntime = require('react/jsx-runtime');
16
16
  function Web3AuthFlowButton() {
17
17
  var _a, _b, _c, _d, _e;
18
- const { step, appearance, setStep, setError } = _chunkMCINXS2Ycjs.useAuthForm.call(void 0, );
18
+ const { step, appearance, setStep, setError } = _chunk4S3T65XYcjs.useAuthForm.call(void 0, );
19
19
  if (step !== "initial") {
20
20
  return null;
21
21
  }
@@ -61,4 +61,4 @@ function Web3AuthFlowButton() {
61
61
 
62
62
 
63
63
  exports.Web3AuthFlowButton = Web3AuthFlowButton;
64
- //# sourceMappingURL=chunk-BURUD6IV.cjs.map
64
+ //# sourceMappingURL=chunk-6JDOBNKD.cjs.map
@@ -1,13 +1,13 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkY3SUMTUIcjs = require('./chunk-Y3SUMTUI.cjs');
3
+ var _chunkW3P2I3UEcjs = require('./chunk-W3P2I3UE.cjs');
4
4
 
5
5
  // src/components/CrossmintNFTDetail.tsx
6
6
  var _clientsdkbase = require('@crossmint/client-sdk-base');
7
7
  var _jsxruntime = require('react/jsx-runtime');
8
8
  function CrossmintNFTDetail(props) {
9
9
  _clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, props);
10
- const src = _clientsdkbase.getNFTDetailSrc.call(void 0, props, _chunkY3SUMTUIcjs.LIB_VERSION);
10
+ const src = _clientsdkbase.getNFTDetailSrc.call(void 0, props, _chunkW3P2I3UEcjs.LIB_VERSION);
11
11
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
12
12
  "iframe",
13
13
  {
@@ -28,4 +28,4 @@ function CrossmintNFTDetail(props) {
28
28
 
29
29
 
30
30
  exports.CrossmintNFTDetail = CrossmintNFTDetail;
31
- //# sourceMappingURL=chunk-6PPUWTTF.cjs.map
31
+ //# sourceMappingURL=chunk-7GWCNJOK.cjs.map
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=chunk-7UXIFMNO.js.map
@@ -1,18 +1,18 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkMCINXS2Ycjs = require('./chunk-MCINXS2Y.cjs');
4
+ var _chunk4S3T65XYcjs = require('./chunk-4S3T65XY.cjs');
5
5
 
6
6
  // src/components/auth/methods/web3/Web3Connectors.tsx
7
7
  var _sdkreactcore = require('@dynamic-labs/sdk-react-core');
8
8
  var _jsxruntime = require('react/jsx-runtime');
9
9
  function Web3Connectors() {
10
10
  var _a, _b;
11
- const { appearance, step, setStep } = _chunkMCINXS2Ycjs.useAuthForm.call(void 0, );
11
+ const { appearance, step, setStep } = _chunk4S3T65XYcjs.useAuthForm.call(void 0, );
12
12
  if (step === "web3") {
13
13
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
14
14
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
15
- _chunkMCINXS2Ycjs.AuthFormBackButton,
15
+ _chunk4S3T65XYcjs.AuthFormBackButton,
16
16
  {
17
17
  onClick: () => setStep("initial"),
18
18
  iconColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary,
@@ -28,4 +28,4 @@ function Web3Connectors() {
28
28
 
29
29
 
30
30
  exports.Web3Connectors = Web3Connectors;
31
- //# sourceMappingURL=chunk-UGHW5HMB.cjs.map
31
+ //# sourceMappingURL=chunk-E4SMHCKA.cjs.map
@@ -0,0 +1,34 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/common/CrossmintLogoV2/consts.ts
2
+ var CROSSMINT_LOGO_DEFAULT_COLORS = {
3
+ light: {
4
+ icon: {
5
+ type: "gradient",
6
+ from: "#5edd4d",
7
+ to: "#05ce6c"
8
+ },
9
+ text: "#222"
10
+ },
11
+ dark: {
12
+ icon: {
13
+ type: "gradient",
14
+ from: "#5edd4d",
15
+ to: "#05ce6c"
16
+ },
17
+ text: "#fff"
18
+ }
19
+ };
20
+ var CROSSMINT_LOGO_DEFAULTS = {
21
+ colors: CROSSMINT_LOGO_DEFAULT_COLORS.light,
22
+ displayType: "icon-and-text"
23
+ };
24
+ var CROSSMINT_LOGO_VIEWBOXES = {
25
+ "icon-only": "0 0 86 86",
26
+ "icon-and-text": "0 0 459.2 86"
27
+ };
28
+
29
+
30
+
31
+
32
+
33
+ exports.CROSSMINT_LOGO_DEFAULT_COLORS = CROSSMINT_LOGO_DEFAULT_COLORS; exports.CROSSMINT_LOGO_DEFAULTS = CROSSMINT_LOGO_DEFAULTS; exports.CROSSMINT_LOGO_VIEWBOXES = CROSSMINT_LOGO_VIEWBOXES;
34
+ //# sourceMappingURL=chunk-EAEMD3DY.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/common/CrossmintLogoV2/consts.ts"],"names":[],"mappings":";AAAO,IAAM,gCAAgC;AAAA,EACzC,OAAO;AAAA,IACH,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IACR;AAAA,IACA,MAAM;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IACR;AAAA,IACA,MAAM;AAAA,EACV;AACJ;AAEO,IAAM,0BAA0B;AAAA,EACnC,QAAQ,8BAA8B;AAAA,EACtC,aAAa;AACjB;AAEO,IAAM,2BAA2B;AAAA,EACpC,aAAa;AAAA,EACb,iBAAiB;AACrB","sourcesContent":["export const CROSSMINT_LOGO_DEFAULT_COLORS = {\n light: {\n icon: {\n type: \"gradient\",\n from: \"#5edd4d\",\n to: \"#05ce6c\",\n },\n text: \"#222\",\n },\n dark: {\n icon: {\n type: \"gradient\",\n from: \"#5edd4d\",\n to: \"#05ce6c\",\n },\n text: \"#fff\",\n },\n} as const;\n\nexport const CROSSMINT_LOGO_DEFAULTS = {\n colors: CROSSMINT_LOGO_DEFAULT_COLORS.light,\n displayType: \"icon-and-text\",\n} as const;\n\nexport const CROSSMINT_LOGO_VIEWBOXES = {\n \"icon-only\": \"0 0 86 86\",\n \"icon-and-text\": \"0 0 459.2 86\",\n} as const;\n"]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  createCrossmintApiClient
3
- } from "./chunk-HOTEC5UH.js";
3
+ } from "./chunk-NLGUTNQM.js";
4
4
  import {
5
5
  useCrossmint
6
6
  } from "./chunk-3J6CUUWT.js";
@@ -26,14 +26,14 @@ function EmbeddedCheckoutV3IFrame(props) {
26
26
  const apiClient = createCrossmintApiClient(crossmint, {
27
27
  usageOrigin: "client"
28
28
  });
29
- const embedV3Service = crossmintEmbeddedCheckoutV3Service({ apiClient });
29
+ const embeddedCheckoutService = crossmintEmbeddedCheckoutV3Service({ apiClient });
30
30
  const ref = useRef(null);
31
31
  useEffect(() => {
32
32
  const iframe = ref.current;
33
33
  if (!iframe || iframeClient) {
34
34
  return;
35
35
  }
36
- setIframeClient(embedV3Service.iframe.createClient(iframe));
36
+ setIframeClient(embeddedCheckoutService.iframe.createClient(iframe));
37
37
  }, [ref.current, iframeClient]);
38
38
  useEffect(() => {
39
39
  if (iframeClient == null) {
@@ -49,7 +49,7 @@ function EmbeddedCheckoutV3IFrame(props) {
49
49
  "iframe",
50
50
  {
51
51
  ref,
52
- src: embedV3Service.iframe.getUrl(props),
52
+ src: embeddedCheckoutService.iframe.getUrl(props),
53
53
  id: "crossmint-embedded-checkout.iframe",
54
54
  role: "crossmint-embedded-checkout.iframe",
55
55
  allow: "payment *",
@@ -84,4 +84,4 @@ function EmbeddedCheckoutV3IFrame(props) {
84
84
  export {
85
85
  EmbeddedCheckoutV3IFrame
86
86
  };
87
- //# sourceMappingURL=chunk-5EE2IAIP.js.map
87
+ //# sourceMappingURL=chunk-FKLRSMKS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { lazy, useEffect, useRef, useState } from \"react\";\n\nimport {\n type CrossmintEmbeddedCheckoutV3Props,\n type EmbeddedCheckoutV3IFrameEmitter,\n crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nconst CryptoWalletConnectionHandler = lazy(() =>\n // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n import(\"./crypto/CryptoWalletConnectionHandler\").then((mod) => ({\n default: mod.CryptoWalletConnectionHandler,\n }))\n);\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n const [height, setHeight] = useState(0);\n\n const { crossmint } = useCrossmint();\n const apiClient = createCrossmintApiClient(crossmint, {\n usageOrigin: \"client\",\n });\n const embeddedCheckoutService = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n const ref = useRef<HTMLIFrameElement>(null);\n\n useEffect(() => {\n const iframe = ref.current;\n if (!iframe || iframeClient) {\n return;\n }\n setIframeClient(embeddedCheckoutService.iframe.createClient(iframe));\n }, [ref.current, iframeClient]);\n\n useEffect(() => {\n if (iframeClient == null) {\n return;\n }\n iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n return () => {\n iframeClient.off(\"ui:height.changed\");\n };\n }, [iframeClient]);\n\n return (\n <>\n <iframe\n ref={ref}\n src={embeddedCheckoutService.iframe.getUrl(props)}\n id=\"crossmint-embedded-checkout.iframe\"\n role=\"crossmint-embedded-checkout.iframe\"\n allow=\"payment *\"\n style={{\n boxShadow: \"none\",\n border: \"none\",\n padding: \"0px\",\n width: \"100%\",\n minWidth: \"100%\",\n overflow: \"hidden\",\n display: \"block\",\n userSelect: \"none\",\n transform: \"translate(0px)\",\n opacity: \"1\",\n transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n height: `${height}px`,\n backgroundColor: \"transparent\",\n }}\n />\n {props.payment.crypto.enabled ? (\n <CryptoWalletConnectionHandler\n iframeClient={iframeClient}\n apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n />\n ) : null}\n <span id=\"crossmint-focus-target\" tabIndex={-1} />\n </>\n );\n}\n"],"mappings":";;;;;;;;AACA,SAAS,MAAM,WAAW,QAAQ,gBAAgB;AAElD;AAAA,EAGI;AAAA,OACG;AA2CC,mBACI,KADJ;AAvCR,IAAM,gCAAgC;AAAA,EAAK;AAAA;AAAA,IAEvC,OAAO,+DAAwC,EAAE,KAAK,CAAC,SAAS;AAAA,MAC5D,SAAS,IAAI;AAAA,IACjB,EAAE;AAAA;AACN;AAEO,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,0BAA0B,mCAAmC,EAAE,UAAU,CAAC;AAEhF,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,wBAAwB,OAAO,aAAa,MAAM,CAAC;AAAA,EACvE,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,wBAAwB,OAAO,OAAO,KAAK;AAAA,QAChD,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,IACJ,oBAAC,UAAK,IAAG,0BAAyB,UAAU,IAAI;AAAA,KACpD;AAER;","names":[]}
@@ -0,0 +1,34 @@
1
+ // src/components/common/CrossmintLogoV2/consts.ts
2
+ var CROSSMINT_LOGO_DEFAULT_COLORS = {
3
+ light: {
4
+ icon: {
5
+ type: "gradient",
6
+ from: "#5edd4d",
7
+ to: "#05ce6c"
8
+ },
9
+ text: "#222"
10
+ },
11
+ dark: {
12
+ icon: {
13
+ type: "gradient",
14
+ from: "#5edd4d",
15
+ to: "#05ce6c"
16
+ },
17
+ text: "#fff"
18
+ }
19
+ };
20
+ var CROSSMINT_LOGO_DEFAULTS = {
21
+ colors: CROSSMINT_LOGO_DEFAULT_COLORS.light,
22
+ displayType: "icon-and-text"
23
+ };
24
+ var CROSSMINT_LOGO_VIEWBOXES = {
25
+ "icon-only": "0 0 86 86",
26
+ "icon-and-text": "0 0 459.2 86"
27
+ };
28
+
29
+ export {
30
+ CROSSMINT_LOGO_DEFAULT_COLORS,
31
+ CROSSMINT_LOGO_DEFAULTS,
32
+ CROSSMINT_LOGO_VIEWBOXES
33
+ };
34
+ //# sourceMappingURL=chunk-IDJ7FOHB.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/common/CrossmintLogoV2/consts.ts"],"sourcesContent":["export const CROSSMINT_LOGO_DEFAULT_COLORS = {\n light: {\n icon: {\n type: \"gradient\",\n from: \"#5edd4d\",\n to: \"#05ce6c\",\n },\n text: \"#222\",\n },\n dark: {\n icon: {\n type: \"gradient\",\n from: \"#5edd4d\",\n to: \"#05ce6c\",\n },\n text: \"#fff\",\n },\n} as const;\n\nexport const CROSSMINT_LOGO_DEFAULTS = {\n colors: CROSSMINT_LOGO_DEFAULT_COLORS.light,\n displayType: \"icon-and-text\",\n} as const;\n\nexport const CROSSMINT_LOGO_VIEWBOXES = {\n \"icon-only\": \"0 0 86 86\",\n \"icon-and-text\": \"0 0 459.2 86\",\n} as const;\n"],"mappings":";AAAO,IAAM,gCAAgC;AAAA,EACzC,OAAO;AAAA,IACH,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IACR;AAAA,IACA,MAAM;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IACR;AAAA,IACA,MAAM;AAAA,EACV;AACJ;AAEO,IAAM,0BAA0B;AAAA,EACnC,QAAQ,8BAA8B;AAAA,EACtC,aAAa;AACjB;AAEO,IAAM,2BAA2B;AAAA,EACpC,aAAa;AAAA,EACb,iBAAiB;AACrB;","names":[]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  LIB_VERSION
3
- } from "./chunk-FGHABNQM.js";
3
+ } from "./chunk-JD2M6AS5.js";
4
4
 
5
5
  // src/components/CrossmintNFTCollectionView.tsx
6
6
  import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from "@crossmint/client-sdk-base";
@@ -28,4 +28,4 @@ function CrossmintNFTCollectionView(props) {
28
28
  export {
29
29
  CrossmintNFTCollectionView
30
30
  };
31
- //# sourceMappingURL=chunk-DCMLWFDK.js.map
31
+ //# sourceMappingURL=chunk-J3UJX77B.js.map
@@ -1,5 +1,5 @@
1
1
  // package.json
2
- var version = "1.10.7";
2
+ var version = "1.11.0";
3
3
 
4
4
  // src/consts/version.ts
5
5
  var LIB_VERSION = version;
@@ -7,4 +7,4 @@ var LIB_VERSION = version;
7
7
  export {
8
8
  LIB_VERSION
9
9
  };
10
- //# sourceMappingURL=chunk-FGHABNQM.js.map
10
+ //# sourceMappingURL=chunk-JD2M6AS5.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../package.json","../src/consts/version.ts"],"sourcesContent":["{\n \"name\": \"@crossmint/client-sdk-react-ui\",\n \"version\": \"1.10.7\",\n \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n \"license\": \"Apache-2.0\",\n \"author\": \"Paella Labs Inc\",\n \"sideEffects\": false,\n \"type\": \"module\",\n \"exports\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.cjs\"\n },\n \"main\": \"./dist/index.cjs\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"files\": [\"dist\", \"src\", \"LICENSE\"],\n \"scripts\": {\n \"build\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup\",\n \"dev\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch\",\n \"test:vitest\": \"vitest run\"\n },\n \"dependencies\": {\n \"@crossmint/client-sdk-auth\": \"workspace:*\",\n \"@crossmint/client-sdk-base\": \"workspace:*\",\n \"@crossmint/client-sdk-smart-wallet\": \"workspace:*\",\n \"@crossmint/client-sdk-window\": \"workspace:*\",\n \"@crossmint/common-sdk-auth\": \"workspace:*\",\n \"@crossmint/common-sdk-base\": \"workspace:*\",\n \"@dynamic-labs/ethereum\": \"2.6.3\",\n \"@dynamic-labs/sdk-react-core\": \"2.6.3\",\n \"@dynamic-labs/solana\": \"2.6.3\",\n \"@ethersproject/transactions\": \"5.7.0\",\n \"@farcaster/auth-kit\": \"0.6.0\",\n \"@headlessui/react\": \"2.1.5\",\n \"@radix-ui/react-dialog\": \"1.1.2\",\n \"@radix-ui/react-visually-hidden\": \"1.1.0\",\n \"@solana/web3.js\": \"1.95.1\",\n \"@twind/core\": \"1.1.3\",\n \"@twind/preset-tailwind\": \"1.1.4\",\n \"bs58\": \"5.0.0\",\n \"clsx\": \"2.1.1\",\n \"color\": \"4.2.3\",\n \"input-otp\": \"1.2.4\",\n \"lodash.isequal\": \"4.5.0\",\n \"react-jss\": \"10.10.0\",\n \"tailwind-merge\": \"2.4.0\",\n \"tailwindcss\": \"3.4.10\",\n \"viem\": \"2.17.5\",\n \"zod\": \"3.22.4\"\n },\n \"devDependencies\": {\n \"@testing-library/react\": \"^16.0.1\",\n \"@types/color\": \"4.2.0\",\n \"@types/lodash.isequal\": \"4.5.6\",\n \"@types/react\": \"^18.3.0\",\n \"@types/react-dom\": \"^18.3.0\",\n \"react\": \"^18.3.0\",\n \"react-dom\": \"^18.3.0\"\n },\n \"peerDependencies\": {\n \"react\": \">=17.0.2\",\n \"react-dom\": \">=17.0.2\"\n }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n"],"mappings":";AAEI,cAAW;;;ACAR,IAAM,cAAc;","names":[]}
1
+ {"version":3,"sources":["../package.json","../src/consts/version.ts"],"sourcesContent":["{\n \"name\": \"@crossmint/client-sdk-react-ui\",\n \"version\": \"1.11.0\",\n \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n \"license\": \"Apache-2.0\",\n \"author\": \"Paella Labs Inc\",\n \"sideEffects\": false,\n \"type\": \"module\",\n \"exports\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.cjs\"\n },\n \"main\": \"./dist/index.cjs\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"files\": [\"dist\", \"src\", \"LICENSE\"],\n \"scripts\": {\n \"build\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup\",\n \"dev\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch\",\n \"test:vitest\": \"vitest run\"\n },\n \"dependencies\": {\n \"@crossmint/client-sdk-auth\": \"workspace:*\",\n \"@crossmint/client-sdk-base\": \"workspace:*\",\n \"@crossmint/client-sdk-smart-wallet\": \"workspace:*\",\n \"@crossmint/client-sdk-window\": \"workspace:*\",\n \"@crossmint/common-sdk-auth\": \"workspace:*\",\n \"@crossmint/common-sdk-base\": \"workspace:*\",\n \"@dynamic-labs/ethereum\": \"2.6.3\",\n \"@dynamic-labs/sdk-react-core\": \"2.6.3\",\n \"@dynamic-labs/solana\": \"2.6.3\",\n \"@ethersproject/transactions\": \"5.7.0\",\n \"@farcaster/auth-kit\": \"0.6.0\",\n \"@headlessui/react\": \"2.1.5\",\n \"@radix-ui/react-dialog\": \"1.1.2\",\n \"@radix-ui/react-visually-hidden\": \"1.1.0\",\n \"@solana/web3.js\": \"1.95.1\",\n \"@twind/core\": \"1.1.3\",\n \"@twind/preset-tailwind\": \"1.1.4\",\n \"bs58\": \"5.0.0\",\n \"clsx\": \"2.1.1\",\n \"color\": \"4.2.3\",\n \"input-otp\": \"1.2.4\",\n \"lodash.isequal\": \"4.5.0\",\n \"react-jss\": \"10.10.0\",\n \"tailwind-merge\": \"2.4.0\",\n \"tailwindcss\": \"3.4.10\",\n \"viem\": \"2.17.5\",\n \"zod\": \"3.22.4\"\n },\n \"devDependencies\": {\n \"pino-pretty\": \"^7.6.0\",\n \"@testing-library/react\": \"^16.0.1\",\n \"@types/color\": \"4.2.0\",\n \"@types/lodash.isequal\": \"4.5.6\",\n \"@types/react\": \"^18.3.0\",\n \"@types/react-dom\": \"^18.3.0\",\n \"react\": \"^18.3.0\",\n \"react-dom\": \"^18.3.0\"\n },\n \"peerDependencies\": {\n \"react\": \">=17.0.2\",\n \"react-dom\": \">=17.0.2\"\n }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n"],"mappings":";AAEI,cAAW;;;ACAR,IAAM,cAAc;","names":[]}
@@ -0,0 +1,83 @@
1
+ import {
2
+ CrossmintLogoV2
3
+ } from "./chunk-KPQDVXHK.js";
4
+ import {
5
+ createCrossmintApiClient
6
+ } from "./chunk-NLGUTNQM.js";
7
+ import {
8
+ useCrossmint
9
+ } from "./chunk-3J6CUUWT.js";
10
+ import {
11
+ __objRest,
12
+ __spreadProps,
13
+ __spreadValues
14
+ } from "./chunk-CRTRMMJ7.js";
15
+
16
+ // src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx
17
+ import {
18
+ crossmintHostedCheckoutV3Service,
19
+ crossmintHostedCheckoutV3StylesService
20
+ } from "@crossmint/client-sdk-base";
21
+ import clsx from "clsx";
22
+ import { useEffect, useState } from "react";
23
+ import { jsx, jsxs } from "react/jsx-runtime";
24
+ function CrossmintHostedCheckout_Alpha(props) {
25
+ const [didInjectCss, setDidInjectCss] = useState(false);
26
+ const { crossmint } = useCrossmint();
27
+ const apiClient = createCrossmintApiClient(crossmint);
28
+ const _a = props, { receipient, locale, webhookPassthroughData, lineItems, payment, appearance } = _a, buttonProps = __objRest(_a, ["receipient", "locale", "webhookPassthroughData", "lineItems", "payment", "appearance"]);
29
+ const customProps = {
30
+ receipient,
31
+ locale,
32
+ webhookPassthroughData,
33
+ lineItems,
34
+ payment,
35
+ appearance
36
+ };
37
+ const hostedCheckoutService = crossmintHostedCheckoutV3Service({ apiClient, hostedCheckoutProps: customProps });
38
+ const stylesService = crossmintHostedCheckoutV3StylesService(customProps);
39
+ const _b = buttonProps, { onClick, className, children } = _b, restButtonProps = __objRest(_b, ["onClick", "className", "children"]);
40
+ function _onClick(e) {
41
+ e.preventDefault();
42
+ e.stopPropagation();
43
+ hostedCheckoutService.createWindow();
44
+ if (onClick) {
45
+ onClick(e);
46
+ }
47
+ }
48
+ const css = stylesService.generateCss();
49
+ useEffect(() => {
50
+ const { cleanup } = stylesService.injectCss(css);
51
+ setDidInjectCss(true);
52
+ return cleanup;
53
+ }, [css]);
54
+ if (!didInjectCss) {
55
+ return null;
56
+ }
57
+ return /* @__PURE__ */ jsxs(
58
+ "button",
59
+ __spreadProps(__spreadValues({
60
+ onClick: _onClick,
61
+ className: clsx(stylesService.identifiers.buttonClassNames, className)
62
+ }, restButtonProps), {
63
+ children: [
64
+ /* @__PURE__ */ jsx(
65
+ CrossmintLogoV2,
66
+ {
67
+ style: { marginRight: "12px", flex: "none" },
68
+ displayType: "icon-only",
69
+ id: stylesService.identifiers.logoId,
70
+ height: 16,
71
+ width: 16
72
+ }
73
+ ),
74
+ children != null ? children : /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: stylesService.getButtonText() })
75
+ ]
76
+ })
77
+ );
78
+ }
79
+
80
+ export {
81
+ CrossmintHostedCheckout_Alpha
82
+ };
83
+ //# sourceMappingURL=chunk-JWEEEVCE.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx"],"sourcesContent":["import { CrossmintLogoV2 } from \"@/components/common/CrossmintLogoV2/CrossmintLogoV2\";\nimport { useCrossmint } from \"@/hooks/useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport {\n crossmintHostedCheckoutV3Service,\n crossmintHostedCheckoutV3StylesService,\n type CrossmintHostedCheckoutV3Props,\n} from \"@crossmint/client-sdk-base\";\nimport clsx from \"clsx\";\nimport { type MouseEvent, type JSX, useEffect, useState } from \"react\";\n\nexport type CrossmintHostedCheckoutV3ReactProps = CrossmintHostedCheckoutV3Props & JSX.IntrinsicElements[\"button\"];\n\nexport function CrossmintHostedCheckout_Alpha(props: CrossmintHostedCheckoutV3ReactProps) {\n const [didInjectCss, setDidInjectCss] = useState(false);\n\n const { crossmint } = useCrossmint();\n const apiClient = createCrossmintApiClient(crossmint);\n\n // separate custom props from jsx button props\n const { receipient, locale, webhookPassthroughData, lineItems, payment, appearance, ...buttonProps } = props;\n const customProps: CrossmintHostedCheckoutV3Props = {\n receipient,\n locale,\n webhookPassthroughData,\n lineItems,\n payment,\n appearance,\n };\n\n const hostedCheckoutService = crossmintHostedCheckoutV3Service({ apiClient, hostedCheckoutProps: customProps });\n const stylesService = crossmintHostedCheckoutV3StylesService(customProps);\n\n const { onClick, className, children, ...restButtonProps } = buttonProps;\n\n function _onClick(e: MouseEvent<HTMLButtonElement>) {\n e.preventDefault();\n e.stopPropagation();\n hostedCheckoutService.createWindow();\n\n if (onClick) {\n onClick(e);\n }\n }\n\n const css = stylesService.generateCss();\n\n useEffect(() => {\n const { cleanup } = stylesService.injectCss(css);\n setDidInjectCss(true);\n return cleanup;\n }, [css]);\n\n if (!didInjectCss) {\n return null;\n }\n\n return (\n <button\n onClick={_onClick}\n className={clsx(stylesService.identifiers.buttonClassNames, className)}\n {...restButtonProps}\n >\n <CrossmintLogoV2\n style={{ marginRight: \"12px\", flex: \"none\" }}\n displayType=\"icon-only\"\n id={stylesService.identifiers.logoId}\n height={16}\n width={16}\n />\n {children ?? <p style={{ margin: 0 }}>{stylesService.getButtonText()}</p>}\n </button>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAGA;AAAA,EACI;AAAA,EACA;AAAA,OAEG;AACP,OAAO,UAAU;AACjB,SAAoC,WAAW,gBAAgB;AAiDvD,SAKI,KALJ;AA7CD,SAAS,8BAA8B,OAA4C;AACtF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,SAAS;AAGpD,QAAuG,YAA/F,cAAY,QAAQ,wBAAwB,WAAW,SAAS,WApB5E,IAoB2G,IAAhB,wBAAgB,IAAhB,CAA/E,cAAY,UAAQ,0BAAwB,aAAW,WAAS;AACxE,QAAM,cAA8C;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,wBAAwB,iCAAiC,EAAE,WAAW,qBAAqB,YAAY,CAAC;AAC9G,QAAM,gBAAgB,uCAAuC,WAAW;AAExE,QAA6D,kBAArD,WAAS,WAAW,SAjChC,IAiCiE,IAApB,4BAAoB,IAApB,CAAjC,WAAS,aAAW;AAE5B,WAAS,SAAS,GAAkC;AAChD,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,0BAAsB,aAAa;AAEnC,QAAI,SAAS;AACT,cAAQ,CAAC;AAAA,IACb;AAAA,EACJ;AAEA,QAAM,MAAM,cAAc,YAAY;AAEtC,YAAU,MAAM;AACZ,UAAM,EAAE,QAAQ,IAAI,cAAc,UAAU,GAAG;AAC/C,oBAAgB,IAAI;AACpB,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,CAAC;AAER,MAAI,CAAC,cAAc;AACf,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW,KAAK,cAAc,YAAY,kBAAkB,SAAS;AAAA,OACjE,kBAHP;AAAA,MAKG;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,EAAE,aAAa,QAAQ,MAAM,OAAO;AAAA,YAC3C,aAAY;AAAA,YACZ,IAAI,cAAc,YAAY;AAAA,YAC9B,QAAQ;AAAA,YACR,OAAO;AAAA;AAAA,QACX;AAAA,QACC,8BAAY,oBAAC,OAAE,OAAO,EAAE,QAAQ,EAAE,GAAI,wBAAc,cAAc,GAAE;AAAA;AAAA;AAAA,EACzE;AAER;","names":[]}
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  AuthFormBackButton,
3
3
  useAuthForm
4
- } from "./chunk-O53ZB544.js";
4
+ } from "./chunk-LBGALVRW.js";
5
5
 
6
6
  // src/components/auth/methods/web3/Web3Connectors.tsx
7
7
  import { DynamicEmbeddedWidget } from "@dynamic-labs/sdk-react-core";
@@ -28,4 +28,4 @@ function Web3Connectors() {
28
28
  export {
29
29
  Web3Connectors
30
30
  };
31
- //# sourceMappingURL=chunk-DR67KSE7.js.map
31
+ //# sourceMappingURL=chunk-KEF5UBVQ.js.map
@@ -0,0 +1,105 @@
1
+ import {
2
+ CROSSMINT_LOGO_DEFAULTS,
3
+ CROSSMINT_LOGO_DEFAULT_COLORS,
4
+ CROSSMINT_LOGO_VIEWBOXES
5
+ } from "./chunk-IDJ7FOHB.js";
6
+ import {
7
+ __objRest,
8
+ __spreadProps,
9
+ __spreadValues
10
+ } from "./chunk-CRTRMMJ7.js";
11
+
12
+ // src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx
13
+ import { useId } from "react";
14
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
15
+ function CrossmintLogoV2(_a) {
16
+ var _b = _a, { colors, displayType = "icon-and-text" } = _b, props = __objRest(_b, ["colors", "displayType"]);
17
+ const { icon: iconColor, text: textColor } = {
18
+ icon: (colors == null ? void 0 : colors.icon) || CROSSMINT_LOGO_DEFAULTS.colors.icon,
19
+ text: (colors == null ? void 0 : colors.text) || CROSSMINT_LOGO_DEFAULT_COLORS.light.text
20
+ };
21
+ const colorsAndDisplayType = {
22
+ colors: { icon: iconColor, text: textColor },
23
+ displayType
24
+ };
25
+ if (props.width == null && props.height == null) {
26
+ props.width = 144;
27
+ }
28
+ const gradientId = useId();
29
+ const Logo = /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ viewBox: CROSSMINT_LOGO_VIEWBOXES[displayType] }, props), { children: [
30
+ getSvgGradientDefinition(colorsAndDisplayType, gradientId),
31
+ /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("g", { children: [
32
+ getSvgText(colorsAndDisplayType),
33
+ getSvgIcon(colorsAndDisplayType, gradientId)
34
+ ] }) })
35
+ ] }));
36
+ return Logo;
37
+ }
38
+ function getSvgGradientDefinition(props, gradientId) {
39
+ const { icon: iconColor } = props.colors;
40
+ if (iconColor.type !== "gradient") {
41
+ return null;
42
+ }
43
+ return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
44
+ "linearGradient",
45
+ {
46
+ id: `logoGradient-${gradientId}`,
47
+ className: `logoGradient`,
48
+ x1: ".1",
49
+ y1: ".1",
50
+ x2: "85.8",
51
+ y2: "85.8",
52
+ gradientUnits: "userSpaceOnUse",
53
+ children: [
54
+ /* @__PURE__ */ jsx("stop", { className: "stop-0", offset: "0", stopColor: iconColor.from }),
55
+ /* @__PURE__ */ jsx("stop", { className: "stop-1", offset: "1", stopColor: iconColor.to })
56
+ ]
57
+ }
58
+ ) });
59
+ }
60
+ function getSvgText({ colors, displayType }) {
61
+ if (displayType === "icon-only") {
62
+ return null;
63
+ }
64
+ const { text: textColor } = colors;
65
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
66
+ /* @__PURE__ */ jsx(
67
+ "path",
68
+ {
69
+ fill: textColor,
70
+ d: "M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z"
71
+ }
72
+ ),
73
+ /* @__PURE__ */ jsx(
74
+ "path",
75
+ {
76
+ d: "M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58",
77
+ fillRule: "evenodd",
78
+ fill: textColor
79
+ }
80
+ ),
81
+ /* @__PURE__ */ jsx(
82
+ "path",
83
+ {
84
+ fill: textColor,
85
+ d: "m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z"
86
+ }
87
+ )
88
+ ] });
89
+ }
90
+ function getSvgIcon(props, gradientId) {
91
+ const { icon: iconColor } = props.colors;
92
+ return /* @__PURE__ */ jsx(
93
+ "path",
94
+ {
95
+ d: "M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z",
96
+ fill: iconColor.type === "gradient" ? `url(#logoGradient-${gradientId})` : iconColor.color,
97
+ fillRule: "evenodd"
98
+ }
99
+ );
100
+ }
101
+
102
+ export {
103
+ CrossmintLogoV2
104
+ };
105
+ //# sourceMappingURL=chunk-KPQDVXHK.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { CrossmintLogoColorsAndDisplayType, crossmintLogoColorsAndDisplayTypeSchema } from \"./schemas\";\nimport { CROSSMINT_LOGO_DEFAULTS, CROSSMINT_LOGO_DEFAULT_COLORS, CROSSMINT_LOGO_VIEWBOXES } from \"./consts\";\nimport { useId, type JSX } from \"react\";\n\nexport type CrossmintLogoV2Props = Omit<JSX.IntrinsicElements[\"svg\"], \"viewBox\"> &\n z.input<typeof crossmintLogoColorsAndDisplayTypeSchema>;\n\nexport function CrossmintLogoV2({ colors, displayType = \"icon-and-text\", ...props }: CrossmintLogoV2Props) {\n const { icon: iconColor, text: textColor } = {\n icon: colors?.icon || CROSSMINT_LOGO_DEFAULTS.colors.icon,\n text: colors?.text || CROSSMINT_LOGO_DEFAULT_COLORS.light.text,\n };\n\n const colorsAndDisplayType: CrossmintLogoColorsAndDisplayType = {\n colors: { icon: iconColor, text: textColor },\n displayType,\n };\n\n // We must only set a default width if both width and height are not provided\n if (props.width == null && props.height == null) {\n props.width = 144;\n }\n\n const gradientId = useId();\n\n const Logo = (\n <svg viewBox={CROSSMINT_LOGO_VIEWBOXES[displayType]} {...props}>\n {getSvgGradientDefinition(colorsAndDisplayType, gradientId)}\n <g>\n <g>\n {getSvgText(colorsAndDisplayType)}\n {getSvgIcon(colorsAndDisplayType, gradientId)}\n </g>\n </g>\n </svg>\n );\n\n return Logo;\n}\n\nfunction getSvgGradientDefinition(props: CrossmintLogoColorsAndDisplayType, gradientId: string) {\n const { icon: iconColor } = props.colors;\n if (iconColor.type !== \"gradient\") {\n return null;\n }\n return (\n <defs>\n <linearGradient\n id={`logoGradient-${gradientId}`}\n className={`logoGradient`}\n x1=\".1\"\n y1=\".1\"\n x2=\"85.8\"\n y2=\"85.8\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop className=\"stop-0\" offset=\"0\" stopColor={iconColor.from} />\n <stop className=\"stop-1\" offset=\"1\" stopColor={iconColor.to} />\n </linearGradient>\n </defs>\n );\n}\n\nfunction getSvgText({ colors, displayType }: CrossmintLogoColorsAndDisplayType) {\n if (displayType === \"icon-only\") {\n return null;\n }\n const { text: textColor } = colors;\n return (\n <>\n <path\n fill={textColor}\n d=\"M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z\"\n />\n <path\n d=\"M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58\"\n fillRule=\"evenodd\"\n fill={textColor}\n />\n <path\n fill={textColor}\n d=\"m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z\"\n />\n </>\n );\n}\n\nfunction getSvgIcon(props: CrossmintLogoColorsAndDisplayType, gradientId: string) {\n const { icon: iconColor } = props.colors;\n return (\n <path\n d=\"M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z\"\n fill={iconColor.type === \"gradient\" ? `url(#logoGradient-${gradientId})` : iconColor.color}\n fillRule=\"evenodd\"\n />\n );\n}\n"],"mappings":";;;;;;;;;;;;AAGA,SAAS,aAAuB;AA0BpB,SAyCJ,UAzCI,KACI,YADJ;AArBL,SAAS,gBAAgB,IAA2E;AAA3E,eAAE,UAAQ,cAAc,gBARxD,IAQgC,IAA4C,kBAA5C,IAA4C,CAA1C,UAAQ;AACtC,QAAM,EAAE,MAAM,WAAW,MAAM,UAAU,IAAI;AAAA,IACzC,OAAM,iCAAQ,SAAQ,wBAAwB,OAAO;AAAA,IACrD,OAAM,iCAAQ,SAAQ,8BAA8B,MAAM;AAAA,EAC9D;AAEA,QAAM,uBAA0D;AAAA,IAC5D,QAAQ,EAAE,MAAM,WAAW,MAAM,UAAU;AAAA,IAC3C;AAAA,EACJ;AAGA,MAAI,MAAM,SAAS,QAAQ,MAAM,UAAU,MAAM;AAC7C,UAAM,QAAQ;AAAA,EAClB;AAEA,QAAM,aAAa,MAAM;AAEzB,QAAM,OACF,qBAAC,sCAAI,SAAS,yBAAyB,WAAW,KAAO,QAAxD,EACI;AAAA,6BAAyB,sBAAsB,UAAU;AAAA,IAC1D,oBAAC,OACG,+BAAC,OACI;AAAA,iBAAW,oBAAoB;AAAA,MAC/B,WAAW,sBAAsB,UAAU;AAAA,OAChD,GACJ;AAAA,MACJ;AAGJ,SAAO;AACX;AAEA,SAAS,yBAAyB,OAA0C,YAAoB;AAC5F,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAClC,MAAI,UAAU,SAAS,YAAY;AAC/B,WAAO;AAAA,EACX;AACA,SACI,oBAAC,UACG;AAAA,IAAC;AAAA;AAAA,MACG,IAAI,gBAAgB,UAAU;AAAA,MAC9B,WAAW;AAAA,MACX,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,eAAc;AAAA,MAEd;AAAA,4BAAC,UAAK,WAAU,UAAS,QAAO,KAAI,WAAW,UAAU,MAAM;AAAA,QAC/D,oBAAC,UAAK,WAAU,UAAS,QAAO,KAAI,WAAW,UAAU,IAAI;AAAA;AAAA;AAAA,EACjE,GACJ;AAER;AAEA,SAAS,WAAW,EAAE,QAAQ,YAAY,GAAsC;AAC5E,MAAI,gBAAgB,aAAa;AAC7B,WAAO;AAAA,EACX;AACA,QAAM,EAAE,MAAM,UAAU,IAAI;AAC5B,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,GAAE;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,UAAS;AAAA,QACT,MAAM;AAAA;AAAA,IACV;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,GAAE;AAAA;AAAA,IACN;AAAA,KACJ;AAER;AAEA,SAAS,WAAW,OAA0C,YAAoB;AAC9E,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAClC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAM,UAAU,SAAS,aAAa,qBAAqB,UAAU,MAAM,UAAU;AAAA,MACrF,UAAS;AAAA;AAAA,EACb;AAER;","names":[]}