@crossmint/client-sdk-react-ui 0.0.8-alpha.0 → 0.0.8-alpha.4

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 (65) hide show
  1. package/LICENSE +201 -201
  2. package/lib/cjs/CrossMintButton.d.ts +16 -16
  3. package/lib/cjs/CrossMintButton.js +59 -59
  4. package/lib/cjs/CrossMintModal.d.ts +6 -6
  5. package/lib/cjs/CrossMintModal.js +54 -54
  6. package/lib/cjs/CrossMintModal.js.map +1 -1
  7. package/lib/cjs/CrossMintModalProvider.d.ts +6 -6
  8. package/lib/cjs/CrossMintModalProvider.js +47 -47
  9. package/lib/cjs/CrossMintPopupProvider.d.ts +6 -6
  10. package/lib/cjs/CrossMintPopupProvider.js +69 -69
  11. package/lib/cjs/CrossMintPopupProvider.js.map +1 -1
  12. package/lib/cjs/CrossMintProvider.d.ts +10 -9
  13. package/lib/cjs/CrossMintProvider.js +51 -51
  14. package/lib/cjs/CrossMintProvider.js.map +1 -1
  15. package/lib/cjs/CrossMintStatusButton.d.ts +10 -10
  16. package/lib/cjs/CrossMintStatusButton.js +65 -65
  17. package/lib/cjs/CrossMintStatusButton.js.map +1 -1
  18. package/lib/cjs/CrossMintStatusProvider.d.ts +8 -7
  19. package/lib/cjs/CrossMintStatusProvider.js +69 -64
  20. package/lib/cjs/CrossMintStatusProvider.js.map +1 -1
  21. package/lib/cjs/index.d.ts +7 -7
  22. package/lib/cjs/index.js +19 -19
  23. package/lib/cjs/package.json +1 -3
  24. package/lib/cjs/useCrossMintModal.d.ts +7 -7
  25. package/lib/cjs/useCrossMintModal.js +9 -9
  26. package/lib/cjs/useCrossMintPopup.d.ts +8 -8
  27. package/lib/cjs/useCrossMintPopup.js +9 -9
  28. package/lib/cjs/useCrossMintStatus.d.ts +16 -15
  29. package/lib/cjs/useCrossMintStatus.js +17 -17
  30. package/lib/cjs/useCrossMintStatus.js.map +1 -1
  31. package/lib/esm/CrossMintButton.d.ts +16 -16
  32. package/lib/esm/CrossMintButton.js +24 -24
  33. package/lib/esm/CrossMintModal.d.ts +6 -6
  34. package/lib/esm/CrossMintModal.js +31 -31
  35. package/lib/esm/CrossMintModal.js.map +1 -1
  36. package/lib/esm/CrossMintModalProvider.d.ts +6 -6
  37. package/lib/esm/CrossMintModalProvider.js +12 -12
  38. package/lib/esm/CrossMintPopupProvider.d.ts +6 -6
  39. package/lib/esm/CrossMintPopupProvider.js +46 -46
  40. package/lib/esm/CrossMintPopupProvider.js.map +1 -1
  41. package/lib/esm/CrossMintProvider.d.ts +10 -9
  42. package/lib/esm/CrossMintProvider.js +16 -16
  43. package/lib/esm/CrossMintProvider.js.map +1 -1
  44. package/lib/esm/CrossMintStatusButton.d.ts +10 -10
  45. package/lib/esm/CrossMintStatusButton.js +30 -30
  46. package/lib/esm/CrossMintStatusButton.js.map +1 -1
  47. package/lib/esm/CrossMintStatusProvider.d.ts +8 -7
  48. package/lib/esm/CrossMintStatusProvider.js +35 -30
  49. package/lib/esm/CrossMintStatusProvider.js.map +1 -1
  50. package/lib/esm/index.d.ts +7 -7
  51. package/lib/esm/index.js +7 -7
  52. package/lib/esm/useCrossMintModal.d.ts +7 -7
  53. package/lib/esm/useCrossMintModal.js +5 -5
  54. package/lib/esm/useCrossMintPopup.d.ts +8 -8
  55. package/lib/esm/useCrossMintPopup.js +5 -5
  56. package/lib/esm/useCrossMintStatus.d.ts +16 -15
  57. package/lib/esm/useCrossMintStatus.js +13 -13
  58. package/lib/esm/useCrossMintStatus.js.map +1 -1
  59. package/package.json +2 -3
  60. package/src/CrossMintModal.tsx +54 -54
  61. package/src/CrossMintPopupProvider.tsx +9 -9
  62. package/src/CrossMintStatusButton.tsx +2 -2
  63. package/src/CrossMintStatusProvider.tsx +5 -0
  64. package/src/useCrossMintModal.tsx +12 -12
  65. package/lib/esm/package.json +0 -3
@@ -1,66 +1,66 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __rest = (this && this.__rest) || function (s, e) {
22
- var t = {};
23
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
24
- t[p] = s[p];
25
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
26
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
27
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
28
- t[p[i]] = s[p[i]];
29
- }
30
- return t;
31
- };
32
- Object.defineProperty(exports, "__esModule", { value: true });
33
- exports.CrossMintStatusButton = void 0;
34
- const react_1 = __importStar(require("react"));
35
- const useCrossMintStatus_1 = require("./useCrossMintStatus");
36
- const CrossMintStatusButton = (_a) => {
37
- var { className, disabled, onClick, style, tabIndex, theme = "dark" } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme"]);
38
- const { status, clientId } = (0, useCrossMintStatus_1.useCrossMintStatus)();
39
- const handleClick = (0, react_1.useCallback)((event) => {
40
- if (onClick)
41
- onClick(event);
42
- if (status === useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
43
- window.open(`https://crossmint.io/developers/onboarding${clientId && `?clientId=${clientId}`}`, "_blank");
44
- return;
45
- }
46
- }, [status]);
47
- const content = (0, react_1.useMemo)(() => {
48
- switch (status) {
49
- case useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID:
50
- return react_1.default.createElement("p", null, "Invalid clientId");
51
- case useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION:
52
- return react_1.default.createElement("p", null, "Click here to setup CrossMint");
53
- case useCrossMintStatus_1.OnboardingRequestStatusResponse.PENDING:
54
- return react_1.default.createElement("p", null, "Your application is under review");
55
- case useCrossMintStatus_1.OnboardingRequestStatusResponse.ACCEPTED:
56
- return react_1.default.createElement("p", null, "You're good to go!");
57
- case useCrossMintStatus_1.OnboardingRequestStatusResponse.REJECTED:
58
- return react_1.default.createElement("p", null, "You're application was rejected");
59
- }
60
- }, [status]);
61
- return (react_1.default.createElement("button", Object.assign({ className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: status !== useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION, onClick: handleClick, style: Object.assign({}, style), tabIndex: tabIndex }, props),
62
- react_1.default.createElement("img", { className: "client-sdk-button-icon", src: "https://www.crossmint.io/assets/crossmint/logo.png", alt: "Crossmint logo" }),
63
- content));
64
- };
65
- exports.CrossMintStatusButton = CrossMintStatusButton;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __rest = (this && this.__rest) || function (s, e) {
22
+ var t = {};
23
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
24
+ t[p] = s[p];
25
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
26
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
27
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
28
+ t[p[i]] = s[p[i]];
29
+ }
30
+ return t;
31
+ };
32
+ Object.defineProperty(exports, "__esModule", { value: true });
33
+ exports.CrossMintStatusButton = void 0;
34
+ const react_1 = __importStar(require("react"));
35
+ const useCrossMintStatus_1 = require("./useCrossMintStatus");
36
+ const CrossMintStatusButton = (_a) => {
37
+ var { className, disabled, onClick, style, tabIndex, theme = "dark" } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme"]);
38
+ const { status, clientId, auctionId } = (0, useCrossMintStatus_1.useCrossMintStatus)();
39
+ const handleClick = (0, react_1.useCallback)((event) => {
40
+ if (onClick)
41
+ onClick(event);
42
+ if (status === useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
43
+ window.open(`https://crossmint.io/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${auctionId ? `&auctionId=${auctionId}` : ""}`, "_blank");
44
+ return;
45
+ }
46
+ }, [status]);
47
+ const content = (0, react_1.useMemo)(() => {
48
+ switch (status) {
49
+ case useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID:
50
+ return react_1.default.createElement("p", null, "Invalid clientId");
51
+ case useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION:
52
+ return react_1.default.createElement("p", null, "Click here to setup CrossMint");
53
+ case useCrossMintStatus_1.OnboardingRequestStatusResponse.PENDING:
54
+ return react_1.default.createElement("p", null, "Your application is under review");
55
+ case useCrossMintStatus_1.OnboardingRequestStatusResponse.ACCEPTED:
56
+ return react_1.default.createElement("p", null, "You're good to go!");
57
+ case useCrossMintStatus_1.OnboardingRequestStatusResponse.REJECTED:
58
+ return react_1.default.createElement("p", null, "You're application was rejected");
59
+ }
60
+ }, [status]);
61
+ return (react_1.default.createElement("button", Object.assign({ className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: status !== useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION, onClick: handleClick, style: Object.assign({}, style), tabIndex: tabIndex }, props),
62
+ react_1.default.createElement("img", { className: "client-sdk-button-icon", src: "https://www.crossmint.io/assets/crossmint/logo.png", alt: "Crossmint logo" }),
63
+ content));
64
+ };
65
+ exports.CrossMintStatusButton = CrossMintStatusButton;
66
66
  //# sourceMappingURL=CrossMintStatusButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CrossMintStatusButton.js","sourceRoot":"","sources":["../../src/CrossMintStatusButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsG;AACtG,6DAA2F;AAWpF,MAAM,qBAAqB,GAA0B,CAAC,EAQ5D,EAAE,EAAE;QARwD,EACzD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,OAEjB,EADM,KAAK,cAPiD,kEAQ5D,CADW;IAER,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAElD,MAAM,WAAW,GAAyC,IAAA,mBAAW,EACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EAAE;YAC/D,MAAM,CAAC,IAAI,CACP,6CAA6C,QAAQ,IAAI,aAAa,QAAQ,EAAE,EAAE,EAClF,QAAQ,CACX,CAAC;YACF,OAAO;SACV;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,MAAM,EAAE;YACZ,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,4DAAuB,CAAC;YACnC,KAAK,oDAA+B,CAAC,kBAAkB;gBACnD,OAAO,yEAAoC,CAAC;YAChD,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,4EAAuC,CAAC;YACnD,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,8DAAyB,CAAC;YACrC,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,2EAAsC,CAAC;SACrD;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,wDACI,SAAS,EAAE,uDAAuD,KAAK,EAAE,EACzE,QAAQ,EAAE,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EACvE,OAAO,EAAE,WAAW,EACpB,KAAK,oBAAO,KAAK,GACjB,QAAQ,EAAE,QAAQ,IACd,KAAK;QAET,uCACI,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AA1DW,QAAA,qBAAqB,yBA0DhC"}
1
+ {"version":3,"file":"CrossMintStatusButton.js","sourceRoot":"","sources":["../../src/CrossMintStatusButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsG;AACtG,6DAA2F;AAWpF,MAAM,qBAAqB,GAA0B,CAAC,EAQ5D,EAAE,EAAE;QARwD,EACzD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,OAEjB,EADM,KAAK,cAPiD,kEAQ5D,CADW;IAER,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAE7D,MAAM,WAAW,GAAyC,IAAA,mBAAW,EACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EAAE;YAC/D,MAAM,CAAC,IAAI,CACP,6CAA6C,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAChF,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,EAAE,EACF,QAAQ,CACX,CAAC;YACF,OAAO;SACV;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,MAAM,EAAE;YACZ,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,4DAAuB,CAAC;YACnC,KAAK,oDAA+B,CAAC,kBAAkB;gBACnD,OAAO,yEAAoC,CAAC;YAChD,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,4EAAuC,CAAC;YACnD,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,8DAAyB,CAAC;YACrC,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,2EAAsC,CAAC;SACrD;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,wDACI,SAAS,EAAE,uDAAuD,KAAK,EAAE,EACzE,QAAQ,EAAE,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EACvE,OAAO,EAAE,WAAW,EACpB,KAAK,oBAAO,KAAK,GACjB,QAAQ,EAAE,QAAQ,IACd,KAAK;QAET,uCACI,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AA5DW,QAAA,qBAAqB,yBA4DhC"}
@@ -1,7 +1,8 @@
1
- import { FC, ReactNode } from "react";
2
- export interface CrossMintStatusProviderProps {
3
- clientId: string;
4
- hideMintOnInactiveClient: boolean;
5
- children: ReactNode;
6
- }
7
- export declare const CrossMintStatusProvider: FC<CrossMintStatusProviderProps>;
1
+ import { FC, ReactNode } from "react";
2
+ export interface CrossMintStatusProviderProps {
3
+ clientId: string;
4
+ auctionId?: string;
5
+ hideMintOnInactiveClient: boolean;
6
+ children: ReactNode;
7
+ }
8
+ export declare const CrossMintStatusProvider: FC<CrossMintStatusProviderProps>;
@@ -1,65 +1,70 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
22
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
23
- return new (P || (P = Promise))(function (resolve, reject) {
24
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
25
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
26
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
27
- step((generator = generator.apply(thisArg, _arguments || [])).next());
28
- });
29
- };
30
- Object.defineProperty(exports, "__esModule", { value: true });
31
- exports.CrossMintStatusProvider = void 0;
32
- const react_1 = __importStar(require("react"));
33
- const useCrossMintStatus_1 = require("./useCrossMintStatus");
34
- const CrossMintStatusProvider = ({ clientId, hideMintOnInactiveClient, children, }) => {
35
- const [status, setStatus] = (0, react_1.useState)(useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION);
36
- function fetchClientIntegration() {
37
- return __awaiter(this, void 0, void 0, function* () {
38
- const res = yield fetch(`https://crossmint.io/api/crossmint/onboardingRequests/${clientId}/status`);
39
- if (res.status === 200) {
40
- const resData = yield res.json();
41
- console.log("resData", resData);
42
- setStatus(resData.status);
43
- }
44
- else {
45
- if (status !== useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID) {
46
- setStatus(useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID);
47
- }
48
- }
49
- });
50
- }
51
- (0, react_1.useEffect)(() => {
52
- fetchClientIntegration();
53
- const interval = setInterval(() => {
54
- fetchClientIntegration();
55
- }, 60 * 1000);
56
- return () => clearInterval(interval);
57
- }, []);
58
- return (react_1.default.createElement(useCrossMintStatus_1.CrossMintStatusContext.Provider, { value: {
59
- status,
60
- clientId,
61
- hideMintOnInactiveClient,
62
- } }, children));
63
- };
64
- exports.CrossMintStatusProvider = CrossMintStatusProvider;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
22
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
23
+ return new (P || (P = Promise))(function (resolve, reject) {
24
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
25
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
26
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
27
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
28
+ });
29
+ };
30
+ Object.defineProperty(exports, "__esModule", { value: true });
31
+ exports.CrossMintStatusProvider = void 0;
32
+ const react_1 = __importStar(require("react"));
33
+ const useCrossMintStatus_1 = require("./useCrossMintStatus");
34
+ const CrossMintStatusProvider = ({ clientId, auctionId, hideMintOnInactiveClient, children, }) => {
35
+ const [status, setStatus] = (0, react_1.useState)(useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION);
36
+ function fetchClientIntegration() {
37
+ return __awaiter(this, void 0, void 0, function* () {
38
+ if (!clientId || clientId === "" || clientId === "<YOUR_CLIENT_ID>") {
39
+ console.warn("You must enter your own CrossMint client ID in <CrossMintProvider clientId=XXX>");
40
+ return;
41
+ }
42
+ const res = yield fetch(`https://www.crossmint.io/api/crossmint/onboardingRequests/${clientId}/status`);
43
+ if (res.status === 200) {
44
+ const resData = yield res.json();
45
+ console.log("resData", resData);
46
+ setStatus(resData.status);
47
+ }
48
+ else {
49
+ if (status !== useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID) {
50
+ setStatus(useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID);
51
+ }
52
+ }
53
+ });
54
+ }
55
+ (0, react_1.useEffect)(() => {
56
+ fetchClientIntegration();
57
+ const interval = setInterval(() => {
58
+ fetchClientIntegration();
59
+ }, 60 * 1000);
60
+ return () => clearInterval(interval);
61
+ }, []);
62
+ return (react_1.default.createElement(useCrossMintStatus_1.CrossMintStatusContext.Provider, { value: {
63
+ status,
64
+ clientId,
65
+ auctionId,
66
+ hideMintOnInactiveClient,
67
+ } }, children));
68
+ };
69
+ exports.CrossMintStatusProvider = CrossMintStatusProvider;
65
70
  //# sourceMappingURL=CrossMintStatusProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CrossMintStatusProvider.js","sourceRoot":"","sources":["../../src/CrossMintStatusProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,6DAA+F;AAQxF,MAAM,uBAAuB,GAAqC,CAAC,EACtE,QAAQ,EACR,wBAAwB,EACxB,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAChC,oDAA+B,CAAC,kBAAkB,CACrD,CAAC;IAEF,SAAe,sBAAsB;;YACjC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,yDAAyD,QAAQ,SAAS,CAAC,CAAC;YAEpG,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE;gBACpB,MAAM,OAAO,GAAkE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;gBAEhG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;gBAChC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;aAC7B;iBAAM;gBACH,IAAI,MAAM,KAAK,oDAA+B,CAAC,OAAO,EAAE;oBACpD,SAAS,CAAC,oDAA+B,CAAC,OAAO,CAAC,CAAC;iBACtD;aACJ;QACL,CAAC;KAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,sBAAsB,EAAE,CAAC;QAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC9B,sBAAsB,EAAE,CAAC;QAC7B,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QAEd,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,8BAAC,2CAAsB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACH,MAAM;YACN,QAAQ;YACR,wBAAwB;SAC3B,IAEA,QAAQ,CACqB,CACrC,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,uBAAuB,2BA6ClC"}
1
+ {"version":3,"file":"CrossMintStatusProvider.js","sourceRoot":"","sources":["../../src/CrossMintStatusProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,6DAA+F;AASxF,MAAM,uBAAuB,GAAqC,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,wBAAwB,EACxB,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAChC,oDAA+B,CAAC,kBAAkB,CACrD,CAAC;IAEF,SAAe,sBAAsB;;YACjC,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,kBAAkB,EAAE;gBACjE,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;gBAChG,OAAO;aACV;YAED,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,6DAA6D,QAAQ,SAAS,CAAC,CAAC;YAExG,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE;gBACpB,MAAM,OAAO,GAAkE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;gBAEhG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;gBAChC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;aAC7B;iBAAM;gBACH,IAAI,MAAM,KAAK,oDAA+B,CAAC,OAAO,EAAE;oBACpD,SAAS,CAAC,oDAA+B,CAAC,OAAO,CAAC,CAAC;iBACtD;aACJ;QACL,CAAC;KAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,sBAAsB,EAAE,CAAC;QAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC9B,sBAAsB,EAAE,CAAC;QAC7B,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QAEd,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,8BAAC,2CAAsB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACH,MAAM;YACN,QAAQ;YACR,SAAS;YACT,wBAAwB;SAC3B,IAEA,QAAQ,CACqB,CACrC,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,uBAAuB,2BAoDlC"}
@@ -1,7 +1,7 @@
1
- export * from "./CrossMintButton";
2
- export * from "./CrossMintModal";
3
- export * from "./useCrossMintModal";
4
- export * from "./useCrossMintPopup";
5
- export * from "./CrossMintProvider";
6
- export * from "./useCrossMintStatus";
7
- export * from "./CrossMintStatusButton";
1
+ export * from "./CrossMintButton";
2
+ export * from "./CrossMintModal";
3
+ export * from "./useCrossMintModal";
4
+ export * from "./useCrossMintPopup";
5
+ export * from "./CrossMintProvider";
6
+ export * from "./useCrossMintStatus";
7
+ export * from "./CrossMintStatusButton";
package/lib/cjs/index.js CHANGED
@@ -1,20 +1,20 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./CrossMintButton"), exports);
14
- __exportStar(require("./CrossMintModal"), exports);
15
- __exportStar(require("./useCrossMintModal"), exports);
16
- __exportStar(require("./useCrossMintPopup"), exports);
17
- __exportStar(require("./CrossMintProvider"), exports);
18
- __exportStar(require("./useCrossMintStatus"), exports);
19
- __exportStar(require("./CrossMintStatusButton"), exports);
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
12
+ Object.defineProperty(exports, "__esModule", { value: true });
13
+ __exportStar(require("./CrossMintButton"), exports);
14
+ __exportStar(require("./CrossMintModal"), exports);
15
+ __exportStar(require("./useCrossMintModal"), exports);
16
+ __exportStar(require("./useCrossMintPopup"), exports);
17
+ __exportStar(require("./CrossMintProvider"), exports);
18
+ __exportStar(require("./useCrossMintStatus"), exports);
19
+ __exportStar(require("./CrossMintStatusButton"), exports);
20
20
  //# sourceMappingURL=index.js.map
@@ -1,3 +1 @@
1
- {
2
- "type": "commonjs"
3
- }
1
+ {type:commonjs}
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
- export interface CrossMintModalContextState {
3
- visible: boolean;
4
- setVisible: (open: boolean) => void;
5
- }
6
- export declare const CrossMintModalContext: import("react").Context<CrossMintModalContextState>;
7
- export declare function useCrossMintModal(): CrossMintModalContextState;
1
+ /// <reference types="react" />
2
+ export interface CrossMintModalContextState {
3
+ visible: boolean;
4
+ setVisible: (open: boolean) => void;
5
+ }
6
+ export declare const CrossMintModalContext: import("react").Context<CrossMintModalContextState>;
7
+ export declare function useCrossMintModal(): CrossMintModalContextState;
@@ -1,10 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useCrossMintModal = exports.CrossMintModalContext = void 0;
4
- const react_1 = require("react");
5
- exports.CrossMintModalContext = (0, react_1.createContext)({});
6
- function useCrossMintModal() {
7
- return (0, react_1.useContext)(exports.CrossMintModalContext);
8
- }
9
- exports.useCrossMintModal = useCrossMintModal;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useCrossMintModal = exports.CrossMintModalContext = void 0;
4
+ const react_1 = require("react");
5
+ exports.CrossMintModalContext = (0, react_1.createContext)({});
6
+ function useCrossMintModal() {
7
+ return (0, react_1.useContext)(exports.CrossMintModalContext);
8
+ }
9
+ exports.useCrossMintModal = useCrossMintModal;
10
10
  //# sourceMappingURL=useCrossMintModal.js.map
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- export interface PopupContextState {
3
- connecting: boolean;
4
- connect: (collectionTitle?: string, collectionDescription?: string, collectionPhoto?: string, mintTo?: string, emailTo?: string, listingId?: string) => void;
5
- popup: Window | null;
6
- }
7
- export declare const PopupContext: import("react").Context<PopupContextState>;
8
- export declare function useCrossMintPopup(): PopupContextState;
1
+ /// <reference types="react" />
2
+ export interface PopupContextState {
3
+ connecting: boolean;
4
+ connect: (collectionTitle?: string, collectionDescription?: string, collectionPhoto?: string, mintTo?: string, emailTo?: string, listingId?: string) => void;
5
+ popup: Window | null;
6
+ }
7
+ export declare const PopupContext: import("react").Context<PopupContextState>;
8
+ export declare function useCrossMintPopup(): PopupContextState;
@@ -1,10 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useCrossMintPopup = exports.PopupContext = void 0;
4
- const react_1 = require("react");
5
- exports.PopupContext = (0, react_1.createContext)({});
6
- function useCrossMintPopup() {
7
- return (0, react_1.useContext)(exports.PopupContext);
8
- }
9
- exports.useCrossMintPopup = useCrossMintPopup;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useCrossMintPopup = exports.PopupContext = void 0;
4
+ const react_1 = require("react");
5
+ exports.PopupContext = (0, react_1.createContext)({});
6
+ function useCrossMintPopup() {
7
+ return (0, react_1.useContext)(exports.PopupContext);
8
+ }
9
+ exports.useCrossMintPopup = useCrossMintPopup;
10
10
  //# sourceMappingURL=useCrossMintPopup.js.map
@@ -1,15 +1,16 @@
1
- /// <reference types="react" />
2
- export declare enum OnboardingRequestStatusResponse {
3
- WAITING_SUBMISSION = "waiting-submission",
4
- PENDING = "pending",
5
- REJECTED = "rejected",
6
- ACCEPTED = "accepted",
7
- INVALID = "invalid"
8
- }
9
- export interface CrossMintStatusContextState {
10
- status: OnboardingRequestStatusResponse;
11
- clientId: string;
12
- hideMintOnInactiveClient: boolean;
13
- }
14
- export declare const CrossMintStatusContext: import("react").Context<CrossMintStatusContextState>;
15
- export declare function useCrossMintStatus(): CrossMintStatusContextState;
1
+ /// <reference types="react" />
2
+ export declare enum OnboardingRequestStatusResponse {
3
+ WAITING_SUBMISSION = "waiting-submission",
4
+ PENDING = "pending",
5
+ REJECTED = "rejected",
6
+ ACCEPTED = "accepted",
7
+ INVALID = "invalid"
8
+ }
9
+ export interface CrossMintStatusContextState {
10
+ status: OnboardingRequestStatusResponse;
11
+ clientId: string;
12
+ auctionId?: string;
13
+ hideMintOnInactiveClient: boolean;
14
+ }
15
+ export declare const CrossMintStatusContext: import("react").Context<CrossMintStatusContextState>;
16
+ export declare function useCrossMintStatus(): CrossMintStatusContextState;
@@ -1,18 +1,18 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useCrossMintStatus = exports.CrossMintStatusContext = exports.OnboardingRequestStatusResponse = void 0;
4
- const react_1 = require("react");
5
- var OnboardingRequestStatusResponse;
6
- (function (OnboardingRequestStatusResponse) {
7
- OnboardingRequestStatusResponse["WAITING_SUBMISSION"] = "waiting-submission";
8
- OnboardingRequestStatusResponse["PENDING"] = "pending";
9
- OnboardingRequestStatusResponse["REJECTED"] = "rejected";
10
- OnboardingRequestStatusResponse["ACCEPTED"] = "accepted";
11
- OnboardingRequestStatusResponse["INVALID"] = "invalid";
12
- })(OnboardingRequestStatusResponse = exports.OnboardingRequestStatusResponse || (exports.OnboardingRequestStatusResponse = {}));
13
- exports.CrossMintStatusContext = (0, react_1.createContext)({});
14
- function useCrossMintStatus() {
15
- return (0, react_1.useContext)(exports.CrossMintStatusContext);
16
- }
17
- exports.useCrossMintStatus = useCrossMintStatus;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useCrossMintStatus = exports.CrossMintStatusContext = exports.OnboardingRequestStatusResponse = void 0;
4
+ const react_1 = require("react");
5
+ var OnboardingRequestStatusResponse;
6
+ (function (OnboardingRequestStatusResponse) {
7
+ OnboardingRequestStatusResponse["WAITING_SUBMISSION"] = "waiting-submission";
8
+ OnboardingRequestStatusResponse["PENDING"] = "pending";
9
+ OnboardingRequestStatusResponse["REJECTED"] = "rejected";
10
+ OnboardingRequestStatusResponse["ACCEPTED"] = "accepted";
11
+ OnboardingRequestStatusResponse["INVALID"] = "invalid";
12
+ })(OnboardingRequestStatusResponse = exports.OnboardingRequestStatusResponse || (exports.OnboardingRequestStatusResponse = {}));
13
+ exports.CrossMintStatusContext = (0, react_1.createContext)({});
14
+ function useCrossMintStatus() {
15
+ return (0, react_1.useContext)(exports.CrossMintStatusContext);
16
+ }
17
+ exports.useCrossMintStatus = useCrossMintStatus;
18
18
  //# sourceMappingURL=useCrossMintStatus.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useCrossMintStatus.js","sourceRoot":"","sources":["../../src/useCrossMintStatus.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAElD,IAAY,+BAMX;AAND,WAAY,+BAA+B;IACvC,4EAAyC,CAAA;IACzC,sDAAmB,CAAA;IACnB,wDAAqB,CAAA;IACrB,wDAAqB,CAAA;IACrB,sDAAmB,CAAA;AACvB,CAAC,EANW,+BAA+B,GAA/B,uCAA+B,KAA/B,uCAA+B,QAM1C;AAQY,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAA8B,EAAiC,CAAC,CAAC;AAEpH,SAAgB,kBAAkB;IAC9B,OAAO,IAAA,kBAAU,EAAC,8BAAsB,CAAC,CAAC;AAC9C,CAAC;AAFD,gDAEC"}
1
+ {"version":3,"file":"useCrossMintStatus.js","sourceRoot":"","sources":["../../src/useCrossMintStatus.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAElD,IAAY,+BAMX;AAND,WAAY,+BAA+B;IACvC,4EAAyC,CAAA;IACzC,sDAAmB,CAAA;IACnB,wDAAqB,CAAA;IACrB,wDAAqB,CAAA;IACrB,sDAAmB,CAAA;AACvB,CAAC,EANW,+BAA+B,GAA/B,uCAA+B,KAA/B,uCAA+B,QAM1C;AASY,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAA8B,EAAiC,CAAC,CAAC;AAEpH,SAAgB,kBAAkB;IAC9B,OAAO,IAAA,kBAAU,EAAC,8BAAsB,CAAC,CAAC;AAC9C,CAAC;AAFD,gDAEC"}
@@ -1,16 +1,16 @@
1
- import { CSSProperties, FC, MouseEvent } from "react";
2
- export interface ButtonProps {
3
- className?: string;
4
- disabled?: boolean;
5
- onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
6
- style?: CSSProperties;
7
- tabIndex?: number;
8
- theme?: "light" | "dark";
9
- collectionTitle?: string;
10
- collectionDescription?: string;
11
- collectionPhoto?: string;
12
- mintTo?: string;
13
- emailTo?: string;
14
- listingId?: string;
15
- }
16
- export declare const CrossMintButton: FC<ButtonProps>;
1
+ import { CSSProperties, FC, MouseEvent } from "react";
2
+ export interface ButtonProps {
3
+ className?: string;
4
+ disabled?: boolean;
5
+ onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
6
+ style?: CSSProperties;
7
+ tabIndex?: number;
8
+ theme?: "light" | "dark";
9
+ collectionTitle?: string;
10
+ collectionDescription?: string;
11
+ collectionPhoto?: string;
12
+ mintTo?: string;
13
+ emailTo?: string;
14
+ listingId?: string;
15
+ }
16
+ export declare const CrossMintButton: FC<ButtonProps>;
@@ -1,25 +1,25 @@
1
- import React, { useMemo, useCallback } from "react";
2
- import { OnboardingRequestStatusResponse, useCrossMintStatus } from ".";
3
- import { useCrossMintPopup } from "./useCrossMintPopup";
4
- export const CrossMintButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId, ...props }) => {
5
- const { hideMintOnInactiveClient, status } = useCrossMintStatus();
6
- const { connecting, connect } = useCrossMintPopup();
7
- const handleClick = useCallback((event) => {
8
- if (onClick)
9
- onClick(event);
10
- if (!event.defaultPrevented)
11
- connect(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
12
- }, [onClick]);
13
- const content = useMemo(() => {
14
- if (connecting)
15
- return React.createElement("p", null, "Connecting ...");
16
- return React.createElement("p", null, "Buy with credit card");
17
- }, [connecting]);
18
- if (hideMintOnInactiveClient && status !== OnboardingRequestStatusResponse.ACCEPTED) {
19
- return null;
20
- }
21
- return (React.createElement("button", { className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: disabled, onClick: handleClick, style: { ...style }, tabIndex: tabIndex, ...props },
22
- React.createElement("img", { className: "client-sdk-button-icon", src: "https://www.crossmint.io/assets/crossmint/logo.png", alt: "Crossmint logo" }),
23
- content));
24
- };
1
+ import React, { useMemo, useCallback } from "react";
2
+ import { OnboardingRequestStatusResponse, useCrossMintStatus } from ".";
3
+ import { useCrossMintPopup } from "./useCrossMintPopup";
4
+ export const CrossMintButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId, ...props }) => {
5
+ const { hideMintOnInactiveClient, status } = useCrossMintStatus();
6
+ const { connecting, connect } = useCrossMintPopup();
7
+ const handleClick = useCallback((event) => {
8
+ if (onClick)
9
+ onClick(event);
10
+ if (!event.defaultPrevented)
11
+ connect(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
12
+ }, [onClick]);
13
+ const content = useMemo(() => {
14
+ if (connecting)
15
+ return React.createElement("p", null, "Connecting ...");
16
+ return React.createElement("p", null, "Buy with credit card");
17
+ }, [connecting]);
18
+ if (hideMintOnInactiveClient && status !== OnboardingRequestStatusResponse.ACCEPTED) {
19
+ return null;
20
+ }
21
+ return (React.createElement("button", { className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: disabled, onClick: handleClick, style: { ...style }, tabIndex: tabIndex, ...props },
22
+ React.createElement("img", { className: "client-sdk-button-icon", src: "https://www.crossmint.io/assets/crossmint/logo.png", alt: "Crossmint logo" }),
23
+ content));
24
+ };
25
25
  //# sourceMappingURL=CrossMintButton.js.map
@@ -1,6 +1,6 @@
1
- import { FC } from "react";
2
- export interface CrossMintModalProps {
3
- className?: string;
4
- container?: string;
5
- }
6
- export declare const CrossMintModal: FC<CrossMintModalProps>;
1
+ import { FC } from "react";
2
+ export interface CrossMintModalProps {
3
+ className?: string;
4
+ container?: string;
5
+ }
6
+ export declare const CrossMintModal: FC<CrossMintModalProps>;