@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.
- package/dist/{chunk-LJA62EVT.cjs → chunk-3DNABH3U.cjs} +6 -6
- package/dist/chunk-3DNABH3U.cjs.map +1 -0
- package/dist/{chunk-K5S6RUJ3.cjs → chunk-3PV5EK7P.cjs} +3 -3
- package/dist/{chunk-QFZ6GZZR.cjs → chunk-4F4YOWCE.cjs} +3 -3
- package/dist/{chunk-MCINXS2Y.cjs → chunk-4S3T65XY.cjs} +1 -1
- package/dist/{chunk-HZ26XTTK.cjs → chunk-6HYESP6N.cjs} +4 -4
- package/dist/{chunk-BURUD6IV.cjs → chunk-6JDOBNKD.cjs} +3 -3
- package/dist/{chunk-6PPUWTTF.cjs → chunk-7GWCNJOK.cjs} +3 -3
- package/dist/chunk-7UXIFMNO.js +1 -0
- package/dist/{chunk-UGHW5HMB.cjs → chunk-E4SMHCKA.cjs} +4 -4
- package/dist/chunk-EAEMD3DY.cjs +34 -0
- package/dist/chunk-EAEMD3DY.cjs.map +1 -0
- package/dist/{chunk-5EE2IAIP.js → chunk-FKLRSMKS.js} +5 -5
- package/dist/chunk-FKLRSMKS.js.map +1 -0
- package/dist/chunk-IDJ7FOHB.js +34 -0
- package/dist/chunk-IDJ7FOHB.js.map +1 -0
- package/dist/{chunk-DCMLWFDK.js → chunk-J3UJX77B.js} +2 -2
- package/dist/{chunk-FGHABNQM.js → chunk-JD2M6AS5.js} +2 -2
- package/dist/{chunk-FGHABNQM.js.map → chunk-JD2M6AS5.js.map} +1 -1
- package/dist/chunk-JWEEEVCE.js +83 -0
- package/dist/chunk-JWEEEVCE.js.map +1 -0
- package/dist/{chunk-DR67KSE7.js → chunk-KEF5UBVQ.js} +2 -2
- package/dist/chunk-KPQDVXHK.js +105 -0
- package/dist/chunk-KPQDVXHK.js.map +1 -0
- package/dist/{chunk-BFTVVPCU.js → chunk-KPTRUNFA.js} +2 -2
- package/dist/{chunk-O53ZB544.js → chunk-LBGALVRW.js} +1 -1
- package/dist/chunk-LDTLGSZB.cjs +83 -0
- package/dist/chunk-LDTLGSZB.cjs.map +1 -0
- package/dist/{chunk-2ROLE4XU.cjs → chunk-M7QMNNHL.cjs} +3 -3
- package/dist/{chunk-U7LXB3SM.js → chunk-MARIDIHZ.js} +2 -2
- package/dist/{chunk-HOTEC5UH.js → chunk-NLGUTNQM.js} +2 -2
- package/dist/{chunk-YNBGMNE6.cjs → chunk-ODL7X7KV.cjs} +3 -3
- package/dist/chunk-PCY3N6C2.js +1 -0
- package/dist/chunk-PCY3N6C2.js.map +1 -0
- package/dist/{chunk-7BZSIPWM.js → chunk-QCOHQSZM.js} +2 -2
- package/dist/{chunk-ZJC4OB5Z.cjs → chunk-QFVOIF7B.cjs} +3 -3
- package/dist/{chunk-GMKTZIU2.cjs → chunk-QP2A7HRU.cjs} +3 -3
- package/dist/chunk-RU4ZOZP5.cjs +1 -0
- package/dist/chunk-UD3UTFV3.cjs +1 -0
- package/dist/chunk-UD3UTFV3.cjs.map +1 -0
- package/dist/{chunk-Y3SUMTUI.cjs → chunk-W3P2I3UE.cjs} +2 -2
- package/dist/{chunk-Y3SUMTUI.cjs.map → chunk-W3P2I3UE.cjs.map} +1 -1
- package/dist/{chunk-6EX2VR7S.js → chunk-X4GDZRHJ.js} +2 -2
- package/dist/{chunk-HW2Q6J4R.js → chunk-XQOEKZSB.js} +2 -2
- package/dist/{chunk-TH42AO6J.js → chunk-XZPSXJOK.js} +2 -2
- package/dist/chunk-Z6QSH522.cjs +105 -0
- package/dist/chunk-Z6QSH522.cjs.map +1 -0
- package/dist/{chunk-5UXGDXPR.js → chunk-ZAW535DG.js} +2 -2
- package/dist/components/CrossmintNFTCollectionView.cjs +3 -3
- package/dist/components/CrossmintNFTCollectionView.js +2 -2
- package/dist/components/CrossmintNFTDetail.cjs +3 -3
- package/dist/components/CrossmintNFTDetail.js +2 -2
- package/dist/components/auth/AuthForm.cjs +5 -5
- package/dist/components/auth/AuthForm.js +4 -4
- package/dist/components/auth/AuthFormBackButton.cjs +5 -5
- package/dist/components/auth/AuthFormBackButton.js +4 -4
- package/dist/components/auth/AuthFormDialog.cjs +5 -5
- package/dist/components/auth/AuthFormDialog.js +4 -4
- package/dist/components/auth/EmbeddedAuthForm.cjs +6 -6
- package/dist/components/auth/EmbeddedAuthForm.js +5 -5
- package/dist/components/auth/methods/email/EmailAuthFlow.cjs +5 -5
- package/dist/components/auth/methods/email/EmailAuthFlow.js +4 -4
- package/dist/components/auth/methods/email/EmailOTPInput.cjs +5 -5
- package/dist/components/auth/methods/email/EmailOTPInput.js +4 -4
- package/dist/components/auth/methods/email/EmailSignIn.cjs +5 -5
- package/dist/components/auth/methods/email/EmailSignIn.js +4 -4
- package/dist/components/auth/methods/farcaster/FarcasterSignIn.cjs +5 -5
- package/dist/components/auth/methods/farcaster/FarcasterSignIn.js +4 -4
- package/dist/components/auth/methods/google/GoogleSignIn.cjs +5 -5
- package/dist/components/auth/methods/google/GoogleSignIn.js +4 -4
- package/dist/components/auth/methods/web3/Web3AuthFlow.cjs +12 -12
- package/dist/components/auth/methods/web3/Web3AuthFlow.js +9 -9
- package/dist/components/auth/methods/web3/Web3AuthFlowButton.cjs +6 -6
- package/dist/components/auth/methods/web3/Web3AuthFlowButton.js +5 -5
- package/dist/components/auth/methods/web3/Web3Connectors.cjs +6 -6
- package/dist/components/auth/methods/web3/Web3Connectors.js +5 -5
- package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.cjs +9 -0
- package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.cjs.map +1 -0
- package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.d.cts +9 -0
- package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.d.ts +9 -0
- package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.js +9 -0
- package/dist/components/common/CrossmintLogoV2/CrossmintLogoV2.js.map +1 -0
- package/dist/components/common/CrossmintLogoV2/consts.cjs +12 -0
- package/dist/components/common/CrossmintLogoV2/consts.cjs.map +1 -0
- package/dist/components/common/CrossmintLogoV2/consts.d.cts +35 -0
- package/dist/components/common/CrossmintLogoV2/consts.d.ts +35 -0
- package/dist/components/common/CrossmintLogoV2/consts.js +12 -0
- package/dist/components/common/CrossmintLogoV2/consts.js.map +1 -0
- package/dist/components/common/CrossmintLogoV2/schemas.cjs +34 -0
- package/dist/components/common/CrossmintLogoV2/schemas.cjs.map +1 -0
- package/dist/components/common/CrossmintLogoV2/schemas.d.cts +199 -0
- package/dist/components/common/CrossmintLogoV2/schemas.d.ts +199 -0
- package/dist/components/common/CrossmintLogoV2/schemas.js +34 -0
- package/dist/components/common/CrossmintLogoV2/schemas.js.map +1 -0
- package/dist/components/common/Divider.cjs +5 -5
- package/dist/components/common/Divider.js +4 -4
- package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.cjs +7 -7
- package/dist/components/embed/v3/CrossmintEmbeddedCheckoutV3.js +6 -6
- package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.cjs +6 -6
- package/dist/components/embed/v3/EmbeddedCheckoutV3IFrame.js +5 -5
- package/dist/components/embed/v3/index.cjs +7 -7
- package/dist/components/embed/v3/index.js +6 -6
- package/dist/components/hosted/CrossmintPayButton.cjs +3 -3
- package/dist/components/hosted/CrossmintPayButton.js +2 -2
- package/dist/components/hosted/index.cjs +13 -4
- package/dist/components/hosted/index.d.cts +1 -0
- package/dist/components/hosted/index.d.ts +1 -0
- package/dist/components/hosted/index.js +12 -3
- package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.cjs +13 -0
- package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.cjs.map +1 -0
- package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.d.cts +8 -0
- package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.d.ts +8 -0
- package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.js +13 -0
- package/dist/components/hosted/v3/CrossmintHostedCheckoutV3.js.map +1 -0
- package/dist/components/hosted/v3/index.cjs +14 -0
- package/dist/components/hosted/v3/index.cjs.map +1 -0
- package/dist/components/hosted/v3/index.d.cts +4 -0
- package/dist/components/hosted/v3/index.d.ts +4 -0
- package/dist/components/hosted/v3/index.js +14 -0
- package/dist/components/hosted/v3/index.js.map +1 -0
- package/dist/components/index.cjs +19 -12
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +18 -11
- package/dist/consts/version.cjs +2 -2
- package/dist/consts/version.js +1 -1
- package/dist/hooks/index.cjs +5 -5
- package/dist/hooks/index.js +4 -4
- package/dist/hooks/useAuth.cjs +5 -5
- package/dist/hooks/useAuth.js +4 -4
- package/dist/hooks/useCrossmintAuth.cjs +5 -5
- package/dist/hooks/useCrossmintAuth.js +4 -4
- package/dist/hooks/useCrossmintCheckout.cjs +4 -4
- package/dist/hooks/useCrossmintCheckout.js +3 -3
- package/dist/hooks/useOAuthWindowListener.cjs +5 -5
- package/dist/hooks/useOAuthWindowListener.js +4 -4
- package/dist/hooks/useWallet.cjs +5 -5
- package/dist/hooks/useWallet.js +4 -4
- package/dist/index.cjs +19 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +18 -11
- package/dist/index.js.map +1 -1
- package/dist/providers/CrossmintAuthProvider.cjs +5 -5
- package/dist/providers/CrossmintAuthProvider.js +4 -4
- package/dist/providers/CrossmintWalletProvider.cjs +5 -5
- package/dist/providers/CrossmintWalletProvider.js +4 -4
- package/dist/providers/auth/AuthFormProvider.cjs +5 -5
- package/dist/providers/auth/AuthFormProvider.js +4 -4
- package/dist/providers/auth/web3/DynamicWeb3WalletConnect.cjs +6 -6
- package/dist/providers/auth/web3/DynamicWeb3WalletConnect.js +5 -5
- package/dist/providers/index.cjs +5 -5
- package/dist/providers/index.js +4 -4
- package/dist/utils/createCrossmintApiClient.cjs +3 -3
- package/dist/utils/createCrossmintApiClient.js +2 -2
- package/package.json +7 -6
- package/src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx +98 -0
- package/src/components/common/CrossmintLogoV2/consts.ts +28 -0
- package/src/components/common/CrossmintLogoV2/schemas.ts +34 -0
- package/src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx +3 -3
- package/src/components/hosted/index.ts +2 -0
- package/src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx +74 -0
- package/src/components/hosted/v3/index.ts +1 -0
- package/dist/chunk-5EE2IAIP.js.map +0 -1
- package/dist/chunk-7SBZ6OIH.js +0 -1
- package/dist/chunk-BKVDVDKX.cjs +0 -1
- package/dist/chunk-LJA62EVT.cjs.map +0 -1
- /package/dist/{chunk-K5S6RUJ3.cjs.map → chunk-3PV5EK7P.cjs.map} +0 -0
- /package/dist/{chunk-QFZ6GZZR.cjs.map → chunk-4F4YOWCE.cjs.map} +0 -0
- /package/dist/{chunk-MCINXS2Y.cjs.map → chunk-4S3T65XY.cjs.map} +0 -0
- /package/dist/{chunk-HZ26XTTK.cjs.map → chunk-6HYESP6N.cjs.map} +0 -0
- /package/dist/{chunk-BURUD6IV.cjs.map → chunk-6JDOBNKD.cjs.map} +0 -0
- /package/dist/{chunk-6PPUWTTF.cjs.map → chunk-7GWCNJOK.cjs.map} +0 -0
- /package/dist/{chunk-7SBZ6OIH.js.map → chunk-7UXIFMNO.js.map} +0 -0
- /package/dist/{chunk-UGHW5HMB.cjs.map → chunk-E4SMHCKA.cjs.map} +0 -0
- /package/dist/{chunk-DCMLWFDK.js.map → chunk-J3UJX77B.js.map} +0 -0
- /package/dist/{chunk-DR67KSE7.js.map → chunk-KEF5UBVQ.js.map} +0 -0
- /package/dist/{chunk-BFTVVPCU.js.map → chunk-KPTRUNFA.js.map} +0 -0
- /package/dist/{chunk-O53ZB544.js.map → chunk-LBGALVRW.js.map} +0 -0
- /package/dist/{chunk-2ROLE4XU.cjs.map → chunk-M7QMNNHL.cjs.map} +0 -0
- /package/dist/{chunk-U7LXB3SM.js.map → chunk-MARIDIHZ.js.map} +0 -0
- /package/dist/{chunk-HOTEC5UH.js.map → chunk-NLGUTNQM.js.map} +0 -0
- /package/dist/{chunk-YNBGMNE6.cjs.map → chunk-ODL7X7KV.cjs.map} +0 -0
- /package/dist/{chunk-7BZSIPWM.js.map → chunk-QCOHQSZM.js.map} +0 -0
- /package/dist/{chunk-ZJC4OB5Z.cjs.map → chunk-QFVOIF7B.cjs.map} +0 -0
- /package/dist/{chunk-GMKTZIU2.cjs.map → chunk-QP2A7HRU.cjs.map} +0 -0
- /package/dist/{chunk-BKVDVDKX.cjs.map → chunk-RU4ZOZP5.cjs.map} +0 -0
- /package/dist/{chunk-6EX2VR7S.js.map → chunk-X4GDZRHJ.js.map} +0 -0
- /package/dist/{chunk-HW2Q6J4R.js.map → chunk-XQOEKZSB.js.map} +0 -0
- /package/dist/{chunk-TH42AO6J.js.map → chunk-XZPSXJOK.js.map} +0 -0
- /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
|
|
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 =
|
|
26
|
+
const apiClient = _chunkQP2A7HRUcjs.createCrossmintApiClient.call(void 0, crossmint, {
|
|
27
27
|
usageOrigin: "client"
|
|
28
28
|
});
|
|
29
|
-
const
|
|
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(
|
|
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:
|
|
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-
|
|
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
|
|
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:
|
|
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-
|
|
153
|
+
//# sourceMappingURL=chunk-3PV5EK7P.cjs.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
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,
|
|
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-
|
|
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-
|
|
1111
|
+
//# sourceMappingURL=chunk-4S3T65XY.cjs.map
|
|
@@ -7,7 +7,7 @@ var _chunkUQAKJ4T7cjs = require('./chunk-UQAKJ4T7.cjs');
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
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 } =
|
|
25
|
-
const { appearance } =
|
|
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-
|
|
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
|
|
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 } =
|
|
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-
|
|
64
|
+
//# sourceMappingURL=chunk-6JDOBNKD.cjs.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
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,
|
|
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-
|
|
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
|
|
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 } =
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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
|
|
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(
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
31
|
+
//# sourceMappingURL=chunk-J3UJX77B.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// package.json
|
|
2
|
-
var version = "1.
|
|
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-
|
|
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.
|
|
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-
|
|
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-
|
|
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":[]}
|