@crossmint/client-sdk-react-ui 0.1.0 → 0.1.2
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/lib/cjs/CrossmintPayButton.js +5 -1
- package/lib/cjs/CrossmintPayButton.js.map +1 -1
- package/lib/cjs/CrossmintStatusButton.d.ts +2 -2
- package/lib/cjs/CrossmintStatusButton.js +23 -4
- package/lib/cjs/CrossmintStatusButton.js.map +1 -1
- package/lib/cjs/hooks/useCrossmintModal.js +8 -8
- package/lib/cjs/hooks/useCrossmintModal.js.map +1 -1
- package/lib/cjs/index.js +5 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/package.json +3 -1
- package/lib/cjs/types.d.ts +7 -0
- package/lib/cjs/version.d.ts +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/CrossmintStatusButton.d.ts +2 -2
- package/lib/esm/CrossmintStatusButton.js +18 -3
- package/lib/esm/CrossmintStatusButton.js.map +1 -1
- package/lib/esm/hooks/useCrossmintModal.js +8 -8
- package/lib/esm/hooks/useCrossmintModal.js.map +1 -1
- package/lib/esm/package.json +3 -1
- package/lib/esm/types.d.ts +7 -0
- package/lib/esm/version.d.ts +1 -1
- package/lib/esm/version.js +1 -1
- package/package.json +15 -10
- package/src/CrossmintStatusButton.tsx +29 -9
- package/src/hooks/useCrossmintModal.ts +8 -9
- package/src/types.ts +9 -0
- package/src/version.ts +1 -1
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CrossmintPayButton.js","sourceRoot":"","sources":["../../src/CrossmintPayButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CrossmintPayButton.js","sourceRoot":"","sources":["../../src/CrossmintPayButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
import {
|
|
3
|
-
export declare const CrossmintStatusButton: FC<
|
|
2
|
+
import { CrossmintStatusButtonProps } from "./types";
|
|
3
|
+
export declare const CrossmintStatusButton: FC<CrossmintStatusButtonProps>;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -37,14 +41,29 @@ const styles_1 = require("./styles");
|
|
|
37
41
|
const types_1 = require("./types");
|
|
38
42
|
const utils_1 = require("./utils");
|
|
39
43
|
const CrossmintStatusButton = (_a) => {
|
|
40
|
-
var { className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme", "clientId", "auctionId", "development"]);
|
|
44
|
+
var { className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false, platformId, mintConfig } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme", "clientId", "auctionId", "development", "platformId", "mintConfig"]);
|
|
41
45
|
const status = (0, useCrossmintStatus_1.default)({ clientId, development });
|
|
46
|
+
const formatOnboardingQueryParams = () => {
|
|
47
|
+
const onboardingQueryParams = {
|
|
48
|
+
clientId: clientId,
|
|
49
|
+
};
|
|
50
|
+
if (platformId)
|
|
51
|
+
onboardingQueryParams.platformId = platformId;
|
|
52
|
+
if (auctionId)
|
|
53
|
+
onboardingQueryParams.auctionId = auctionId;
|
|
54
|
+
if (mintConfig)
|
|
55
|
+
onboardingQueryParams.mintConfig = JSON.stringify(mintConfig);
|
|
56
|
+
return new URLSearchParams(onboardingQueryParams).toString();
|
|
57
|
+
};
|
|
58
|
+
const goToOnboarding = () => {
|
|
59
|
+
const baseUrl = development ? types_1.baseUrls.dev : types_1.baseUrls.prod;
|
|
60
|
+
window.open(`${baseUrl}/developers/onboarding?${formatOnboardingQueryParams()}`, "_blank");
|
|
61
|
+
};
|
|
42
62
|
const handleClick = (0, react_1.useCallback)((event) => {
|
|
43
63
|
if (onClick)
|
|
44
64
|
onClick(event);
|
|
45
65
|
if (status === useCrossmintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
|
|
46
|
-
|
|
47
|
-
window.open(`${baseUrl}/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${auctionId ? `&auctionId=${auctionId}` : ""}`, "_blank");
|
|
66
|
+
goToOnboarding();
|
|
48
67
|
return;
|
|
49
68
|
}
|
|
50
69
|
}, [status]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,24 +33,24 @@ function useCrossMintModal({ development, clientId, showOverlay }) {
|
|
|
33
33
|
const urlOrigin = development ? types_1.baseUrls.dev : types_1.baseUrls.prod;
|
|
34
34
|
const getMintQueryParams = () => {
|
|
35
35
|
const mintQueryParams = {
|
|
36
|
-
clientId:
|
|
36
|
+
clientId: clientId,
|
|
37
37
|
closeOnSuccess: "false",
|
|
38
38
|
clientName: types_1.clientNames.reactUi,
|
|
39
39
|
clientVersion: version_1.LIB_VERSION,
|
|
40
|
-
mintConfig:
|
|
40
|
+
mintConfig: JSON.stringify(mintConfig),
|
|
41
41
|
};
|
|
42
42
|
if (collectionTitle)
|
|
43
|
-
mintQueryParams.collectionTitle =
|
|
43
|
+
mintQueryParams.collectionTitle = collectionTitle;
|
|
44
44
|
if (collectionDescription)
|
|
45
|
-
mintQueryParams.collectionDescription =
|
|
45
|
+
mintQueryParams.collectionDescription = collectionDescription;
|
|
46
46
|
if (collectionPhoto)
|
|
47
|
-
mintQueryParams.collectionPhoto =
|
|
47
|
+
mintQueryParams.collectionPhoto = collectionPhoto;
|
|
48
48
|
if (mintTo)
|
|
49
|
-
mintQueryParams.mintTo =
|
|
49
|
+
mintQueryParams.mintTo = mintTo;
|
|
50
50
|
if (emailTo)
|
|
51
|
-
mintQueryParams.emailTo =
|
|
51
|
+
mintQueryParams.emailTo = emailTo;
|
|
52
52
|
if (listingId)
|
|
53
|
-
mintQueryParams.listingId =
|
|
53
|
+
mintQueryParams.listingId = listingId;
|
|
54
54
|
return new URLSearchParams(mintQueryParams).toString();
|
|
55
55
|
};
|
|
56
56
|
const callbackUrl = encodeURIComponent(`${urlOrigin}/checkout/mint?${getMintQueryParams()}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCrossmintModal.js","sourceRoot":"","sources":["../../../src/hooks/useCrossmintModal.ts"],"names":[],"mappings":";;AAAA,iCAAiC;AACjC,wCAAyC;AACzC,oCAAkE;AAElE,SAAS,iBAAiB;IACtB,OAAO,6BAA6B,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,QAC3D,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,GAC7B,+FAA+F,CAAC;AACpG,CAAC;AAmCD,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,GAAS,EAAE;IACjC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,kBAAkB,EAAE,oBAAoB;QACxC,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;KACZ,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAS,EAAE;IACpC,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACrD,IAAI,SAAS;QAAE,SAAS,CAAC,MAAM,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,SAAwB,iBAAiB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAU;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,CAChB,UAA2B,EAC3B,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EACxB,MAAe,EACf,OAAgB,EAChB,SAAkB,EACpB,EAAE;QACA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,gBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAQ,CAAC,IAAI,CAAC;QAC7D,MAAM,kBAAkB,GAAG,GAAW,EAAE;YACpC,MAAM,eAAe,GAAoB;gBACrC,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"useCrossmintModal.js","sourceRoot":"","sources":["../../../src/hooks/useCrossmintModal.ts"],"names":[],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,0DAAwC"}
|
package/lib/cjs/package.json
CHANGED
package/lib/cjs/types.d.ts
CHANGED
|
@@ -23,6 +23,9 @@ export interface PayButtonConfig {
|
|
|
23
23
|
type: string;
|
|
24
24
|
[propName: string]: any;
|
|
25
25
|
}
|
|
26
|
+
export interface StatusButtonConfig {
|
|
27
|
+
[propName: string]: any;
|
|
28
|
+
}
|
|
26
29
|
export interface BaseButtonProps {
|
|
27
30
|
className?: string;
|
|
28
31
|
disabled?: boolean;
|
|
@@ -45,4 +48,8 @@ export interface CrossmintPayButtonProps extends BaseButtonProps {
|
|
|
45
48
|
hideMintOnInactiveClient?: boolean;
|
|
46
49
|
mintConfig?: PayButtonConfig;
|
|
47
50
|
}
|
|
51
|
+
export interface CrossmintStatusButtonProps extends BaseButtonProps {
|
|
52
|
+
platformId?: string;
|
|
53
|
+
mintConfig?: StatusButtonConfig;
|
|
54
|
+
}
|
|
48
55
|
export {};
|
package/lib/cjs/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const LIB_VERSION = "0.1.
|
|
1
|
+
export declare const LIB_VERSION = "0.1.1";
|
package/lib/cjs/version.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
import {
|
|
3
|
-
export declare const CrossmintStatusButton: FC<
|
|
2
|
+
import { CrossmintStatusButtonProps } from "./types";
|
|
3
|
+
export declare const CrossmintStatusButton: FC<CrossmintStatusButtonProps>;
|
|
@@ -3,14 +3,29 @@ import useCrossmintStatus, { OnboardingRequestStatusResponse } from "./hooks/use
|
|
|
3
3
|
import { useStyles, formatProps } from "./styles";
|
|
4
4
|
import { baseUrls } from "./types";
|
|
5
5
|
import { isClientSide } from "./utils";
|
|
6
|
-
export const CrossmintStatusButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false, ...props }) => {
|
|
6
|
+
export const CrossmintStatusButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false, platformId, mintConfig, ...props }) => {
|
|
7
7
|
const status = useCrossmintStatus({ clientId, development });
|
|
8
|
+
const formatOnboardingQueryParams = () => {
|
|
9
|
+
const onboardingQueryParams = {
|
|
10
|
+
clientId: clientId,
|
|
11
|
+
};
|
|
12
|
+
if (platformId)
|
|
13
|
+
onboardingQueryParams.platformId = platformId;
|
|
14
|
+
if (auctionId)
|
|
15
|
+
onboardingQueryParams.auctionId = auctionId;
|
|
16
|
+
if (mintConfig)
|
|
17
|
+
onboardingQueryParams.mintConfig = JSON.stringify(mintConfig);
|
|
18
|
+
return new URLSearchParams(onboardingQueryParams).toString();
|
|
19
|
+
};
|
|
20
|
+
const goToOnboarding = () => {
|
|
21
|
+
const baseUrl = development ? baseUrls.dev : baseUrls.prod;
|
|
22
|
+
window.open(`${baseUrl}/developers/onboarding?${formatOnboardingQueryParams()}`, "_blank");
|
|
23
|
+
};
|
|
8
24
|
const handleClick = useCallback((event) => {
|
|
9
25
|
if (onClick)
|
|
10
26
|
onClick(event);
|
|
11
27
|
if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
|
|
12
|
-
|
|
13
|
-
window.open(`${baseUrl}/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${auctionId ? `&auctionId=${auctionId}` : ""}`, "_blank");
|
|
28
|
+
goToOnboarding();
|
|
14
29
|
return;
|
|
15
30
|
}
|
|
16
31
|
}, [status]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,kBAAkB,EAAE,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,24 +31,24 @@ export default function useCrossMintModal({ development, clientId, showOverlay }
|
|
|
31
31
|
const urlOrigin = development ? baseUrls.dev : baseUrls.prod;
|
|
32
32
|
const getMintQueryParams = () => {
|
|
33
33
|
const mintQueryParams = {
|
|
34
|
-
clientId:
|
|
34
|
+
clientId: clientId,
|
|
35
35
|
closeOnSuccess: "false",
|
|
36
36
|
clientName: clientNames.reactUi,
|
|
37
37
|
clientVersion: LIB_VERSION,
|
|
38
|
-
mintConfig:
|
|
38
|
+
mintConfig: JSON.stringify(mintConfig),
|
|
39
39
|
};
|
|
40
40
|
if (collectionTitle)
|
|
41
|
-
mintQueryParams.collectionTitle =
|
|
41
|
+
mintQueryParams.collectionTitle = collectionTitle;
|
|
42
42
|
if (collectionDescription)
|
|
43
|
-
mintQueryParams.collectionDescription =
|
|
43
|
+
mintQueryParams.collectionDescription = collectionDescription;
|
|
44
44
|
if (collectionPhoto)
|
|
45
|
-
mintQueryParams.collectionPhoto =
|
|
45
|
+
mintQueryParams.collectionPhoto = collectionPhoto;
|
|
46
46
|
if (mintTo)
|
|
47
|
-
mintQueryParams.mintTo =
|
|
47
|
+
mintQueryParams.mintTo = mintTo;
|
|
48
48
|
if (emailTo)
|
|
49
|
-
mintQueryParams.emailTo =
|
|
49
|
+
mintQueryParams.emailTo = emailTo;
|
|
50
50
|
if (listingId)
|
|
51
|
-
mintQueryParams.listingId =
|
|
51
|
+
mintQueryParams.listingId = listingId;
|
|
52
52
|
return new URLSearchParams(mintQueryParams).toString();
|
|
53
53
|
};
|
|
54
54
|
const callbackUrl = encodeURIComponent(`${urlOrigin}/checkout/mint?${getMintQueryParams()}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCrossmintModal.js","sourceRoot":"","sources":["../../../src/hooks/useCrossmintModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAElE,SAAS,iBAAiB;IACtB,OAAO,6BAA6B,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,QAC3D,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,GAC7B,+FAA+F,CAAC;AACpG,CAAC;AAmCD,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,GAAS,EAAE;IACjC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,kBAAkB,EAAE,oBAAoB;QACxC,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;KACZ,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAS,EAAE;IACpC,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACrD,IAAI,SAAS;QAAE,SAAS,CAAC,MAAM,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAU;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,CAChB,UAA2B,EAC3B,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EACxB,MAAe,EACf,OAAgB,EAChB,SAAkB,EACpB,EAAE;QACA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC7D,MAAM,kBAAkB,GAAG,GAAW,EAAE;YACpC,MAAM,eAAe,GAAoB;gBACrC,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"useCrossmintModal.js","sourceRoot":"","sources":["../../../src/hooks/useCrossmintModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAElE,SAAS,iBAAiB;IACtB,OAAO,6BAA6B,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,QAC3D,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,GAC7B,+FAA+F,CAAC;AACpG,CAAC;AAmCD,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,GAAS,EAAE;IACjC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,kBAAkB,EAAE,oBAAoB;QACxC,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;KACZ,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAS,EAAE;IACpC,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACrD,IAAI,SAAS;QAAE,SAAS,CAAC,MAAM,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAU;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,CAChB,UAA2B,EAC3B,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EACxB,MAAe,EACf,OAAgB,EAChB,SAAkB,EACpB,EAAE;QACA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC7D,MAAM,kBAAkB,GAAG,GAAW,EAAE;YACpC,MAAM,eAAe,GAAoB;gBACrC,QAAQ,EAAE,QAAQ;gBAClB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,WAAW,CAAC,OAAO;gBAC/B,aAAa,EAAE,WAAW;gBAC1B,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;aACzC,CAAC;YAEF,IAAI,eAAe;gBAAE,eAAe,CAAC,eAAe,GAAG,eAAe,CAAC;YACvE,IAAI,qBAAqB;gBAAE,eAAe,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;YACzF,IAAI,eAAe;gBAAE,eAAe,CAAC,eAAe,GAAG,eAAe,CAAC;YACvE,IAAI,MAAM;gBAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;YAC5C,IAAI,OAAO;gBAAE,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC;YAC/C,IAAI,SAAS;gBAAE,eAAe,CAAC,SAAS,GAAG,SAAS,CAAC;YAErD,OAAO,IAAI,eAAe,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC3D,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,kBAAkB,CAAC,GAAG,SAAS,kBAAkB,kBAAkB,EAAE,EAAE,CAAC,CAAC;QAC7F,MAAM,GAAG,GAAG,GAAG,SAAS,uBAAuB,WAAW,EAAE,CAAC;QAE7D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC,CAAC;QACjE,IAAI,GAAG,EAAE;YACL,iBAAiB,CAAC,GAAG,CAAC,CAAC;YACvB,IAAI,WAAW,EAAE;gBACb,iBAAiB,EAAE,CAAC;aACvB;SACJ;aAAM;YACH,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAChD;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CACZ,UAA2B,EAC3B,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EACxB,MAAe,EACf,OAAgB,EAChB,SAAkB,EACpB,EAAE;QACA,IAAI,UAAU;YAAE,OAAO;QAEvB,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpB,WAAW,CAAC,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACjH,CAAC,CAAC;IAEF,SAAS,iBAAiB,CAAC,GAAW;QAClC,MAAM,KAAK,GAAG,WAAW,CAAC;YACtB,IAAI,GAAG,CAAC,MAAM,EAAE;gBACZ,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,WAAW,EAAE;oBACb,oBAAoB,EAAE,CAAC;iBAC1B;aACJ;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AACnC,CAAC"}
|
package/lib/esm/package.json
CHANGED
package/lib/esm/types.d.ts
CHANGED
|
@@ -23,6 +23,9 @@ export interface PayButtonConfig {
|
|
|
23
23
|
type: string;
|
|
24
24
|
[propName: string]: any;
|
|
25
25
|
}
|
|
26
|
+
export interface StatusButtonConfig {
|
|
27
|
+
[propName: string]: any;
|
|
28
|
+
}
|
|
26
29
|
export interface BaseButtonProps {
|
|
27
30
|
className?: string;
|
|
28
31
|
disabled?: boolean;
|
|
@@ -45,4 +48,8 @@ export interface CrossmintPayButtonProps extends BaseButtonProps {
|
|
|
45
48
|
hideMintOnInactiveClient?: boolean;
|
|
46
49
|
mintConfig?: PayButtonConfig;
|
|
47
50
|
}
|
|
51
|
+
export interface CrossmintStatusButtonProps extends BaseButtonProps {
|
|
52
|
+
platformId?: string;
|
|
53
|
+
mintConfig?: StatusButtonConfig;
|
|
54
|
+
}
|
|
48
55
|
export {};
|
package/lib/esm/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const LIB_VERSION = "0.1.
|
|
1
|
+
export declare const LIB_VERSION = "0.1.1";
|
package/lib/esm/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const LIB_VERSION = "0.1.
|
|
1
|
+
export const LIB_VERSION = "0.1.1";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crossmint/client-sdk-react-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"author": "Paella Labs Inc",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": "https://github.com/CrossMint/crossmint-client-sdk",
|
|
@@ -29,20 +29,25 @@
|
|
|
29
29
|
"prebuild": "yarn run create-version-file",
|
|
30
30
|
"clean": "shx rm -rf lib/*",
|
|
31
31
|
"build": "yarn clean && tsc -p tsconfig.json && tsc -p tsconfig-cjs.json",
|
|
32
|
-
"postbuild": "
|
|
32
|
+
"postbuild": "echo '{\"type\":\"commonjs\"}' | npx json > lib/cjs/package.json && echo '{\"type\":\"module\"}' | npx json > lib/esm/package.json",
|
|
33
|
+
"test": "jest"
|
|
33
34
|
},
|
|
34
|
-
"
|
|
35
|
+
"dependencies": {
|
|
35
36
|
"react": "^17.0.2",
|
|
36
|
-
"react-dom": "^17.0.2"
|
|
37
|
+
"react-dom": "^17.0.2",
|
|
38
|
+
"react-jss": "^10.9.0",
|
|
39
|
+
"uuid": "^8.3.2"
|
|
37
40
|
},
|
|
38
41
|
"devDependencies": {
|
|
42
|
+
"@testing-library/jest-dom": "^5.16.2",
|
|
43
|
+
"@testing-library/react": "^12.1.3",
|
|
44
|
+
"@types/jest": "^27.4.1",
|
|
39
45
|
"@types/react": "^17.0.24",
|
|
40
46
|
"@types/react-dom": "^17.0.11",
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"uuid": "^8.3.2"
|
|
47
|
+
"jest": "^27.5.1",
|
|
48
|
+
"node-fetch": "^3.2.0",
|
|
49
|
+
"ts-jest": "^27.1.3",
|
|
50
|
+
"ts-node-dev": "^1.1.8"
|
|
46
51
|
},
|
|
47
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "f9046d4c7681111028a1d19e9cb95cb3dde2316f"
|
|
48
53
|
}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import React, { FC, MouseEventHandler, useMemo, useCallback } from "react";
|
|
2
2
|
import useCrossmintStatus, { OnboardingRequestStatusResponse } from "./hooks/useCrossmintStatus";
|
|
3
3
|
import { useStyles, formatProps } from "./styles";
|
|
4
|
-
import { baseUrls,
|
|
4
|
+
import { baseUrls, CrossmintStatusButtonProps } from "./types";
|
|
5
5
|
import { isClientSide } from "./utils";
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
type OnboardingQueryParams = {
|
|
8
|
+
clientId: string;
|
|
9
|
+
platformId?: string;
|
|
10
|
+
auctionId?: string;
|
|
11
|
+
mintConfig?: string;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export const CrossmintStatusButton: FC<CrossmintStatusButtonProps> = ({
|
|
8
15
|
className,
|
|
9
16
|
disabled,
|
|
10
17
|
onClick,
|
|
@@ -14,22 +21,35 @@ export const CrossmintStatusButton: FC<BaseButtonProps> = ({
|
|
|
14
21
|
clientId,
|
|
15
22
|
auctionId,
|
|
16
23
|
development = false,
|
|
24
|
+
platformId,
|
|
25
|
+
mintConfig,
|
|
17
26
|
...props
|
|
18
27
|
}) => {
|
|
19
28
|
const status = useCrossmintStatus({ clientId, development });
|
|
20
29
|
|
|
30
|
+
const formatOnboardingQueryParams = () => {
|
|
31
|
+
const onboardingQueryParams: OnboardingQueryParams = {
|
|
32
|
+
clientId: clientId,
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
if (platformId) onboardingQueryParams.platformId = platformId;
|
|
36
|
+
if (auctionId) onboardingQueryParams.auctionId = auctionId;
|
|
37
|
+
if (mintConfig) onboardingQueryParams.mintConfig = JSON.stringify(mintConfig);
|
|
38
|
+
|
|
39
|
+
return new URLSearchParams(onboardingQueryParams).toString();
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
const goToOnboarding = () => {
|
|
43
|
+
const baseUrl = development ? baseUrls.dev : baseUrls.prod;
|
|
44
|
+
window.open(`${baseUrl}/developers/onboarding?${formatOnboardingQueryParams()}`, "_blank");
|
|
45
|
+
};
|
|
46
|
+
|
|
21
47
|
const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(
|
|
22
48
|
(event) => {
|
|
23
49
|
if (onClick) onClick(event);
|
|
24
50
|
|
|
25
51
|
if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
|
|
26
|
-
|
|
27
|
-
window.open(
|
|
28
|
-
`${baseUrl}/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${
|
|
29
|
-
auctionId ? `&auctionId=${auctionId}` : ""
|
|
30
|
-
}`,
|
|
31
|
-
"_blank"
|
|
32
|
-
);
|
|
52
|
+
goToOnboarding();
|
|
33
53
|
return;
|
|
34
54
|
}
|
|
35
55
|
},
|
|
@@ -79,20 +79,19 @@ export default function useCrossMintModal({ development, clientId, showOverlay }
|
|
|
79
79
|
const urlOrigin = development ? baseUrls.dev : baseUrls.prod;
|
|
80
80
|
const getMintQueryParams = (): string => {
|
|
81
81
|
const mintQueryParams: MintQueryParams = {
|
|
82
|
-
clientId:
|
|
82
|
+
clientId: clientId,
|
|
83
83
|
closeOnSuccess: "false",
|
|
84
84
|
clientName: clientNames.reactUi,
|
|
85
85
|
clientVersion: LIB_VERSION,
|
|
86
|
-
mintConfig:
|
|
86
|
+
mintConfig: JSON.stringify(mintConfig),
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
-
if (collectionTitle) mintQueryParams.collectionTitle =
|
|
90
|
-
if (collectionDescription)
|
|
91
|
-
|
|
92
|
-
if (
|
|
93
|
-
if (
|
|
94
|
-
if (
|
|
95
|
-
if (listingId) mintQueryParams.listingId = encodeURIComponent(listingId);
|
|
89
|
+
if (collectionTitle) mintQueryParams.collectionTitle = collectionTitle;
|
|
90
|
+
if (collectionDescription) mintQueryParams.collectionDescription = collectionDescription;
|
|
91
|
+
if (collectionPhoto) mintQueryParams.collectionPhoto = collectionPhoto;
|
|
92
|
+
if (mintTo) mintQueryParams.mintTo = mintTo;
|
|
93
|
+
if (emailTo) mintQueryParams.emailTo = emailTo;
|
|
94
|
+
if (listingId) mintQueryParams.listingId = listingId;
|
|
96
95
|
|
|
97
96
|
return new URLSearchParams(mintQueryParams).toString();
|
|
98
97
|
};
|
package/src/types.ts
CHANGED
|
@@ -31,6 +31,10 @@ export interface PayButtonConfig {
|
|
|
31
31
|
[propName: string]: any;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
export interface StatusButtonConfig {
|
|
35
|
+
[propName: string]: any;
|
|
36
|
+
}
|
|
37
|
+
|
|
34
38
|
export interface BaseButtonProps {
|
|
35
39
|
className?: string;
|
|
36
40
|
disabled?: boolean;
|
|
@@ -54,3 +58,8 @@ export interface CrossmintPayButtonProps extends BaseButtonProps {
|
|
|
54
58
|
hideMintOnInactiveClient?: boolean;
|
|
55
59
|
mintConfig?: PayButtonConfig;
|
|
56
60
|
}
|
|
61
|
+
|
|
62
|
+
export interface CrossmintStatusButtonProps extends BaseButtonProps {
|
|
63
|
+
platformId?: string;
|
|
64
|
+
mintConfig?: StatusButtonConfig;
|
|
65
|
+
}
|
package/src/version.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const LIB_VERSION = "0.1.
|
|
1
|
+
export const LIB_VERSION = "0.1.2";
|