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

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 (136) hide show
  1. package/README.md +18 -12
  2. package/lib/cjs/CrossmintPayButton.d.ts +3 -0
  3. package/lib/cjs/CrossmintPayButton.js +91 -0
  4. package/lib/cjs/CrossmintPayButton.js.map +1 -0
  5. package/lib/cjs/CrossmintStatusButton.d.ts +3 -0
  6. package/lib/cjs/CrossmintStatusButton.js +75 -0
  7. package/lib/cjs/CrossmintStatusButton.js.map +1 -0
  8. package/lib/cjs/hooks/useCrossmintModal.d.ts +12 -0
  9. package/lib/cjs/hooks/useCrossmintModal.js +90 -0
  10. package/lib/cjs/hooks/useCrossmintModal.js.map +1 -0
  11. package/lib/cjs/{useCrossMintStatus.d.ts → hooks/useCrossmintStatus.d.ts} +6 -3
  12. package/lib/cjs/hooks/useCrossmintStatus.js +75 -0
  13. package/lib/cjs/hooks/useCrossmintStatus.js.map +1 -0
  14. package/lib/cjs/index.d.ts +2 -7
  15. package/lib/cjs/index.js +7 -8
  16. package/lib/cjs/index.js.map +1 -1
  17. package/lib/cjs/package.json +3 -1
  18. package/lib/cjs/styles/index.d.ts +9 -0
  19. package/lib/cjs/styles/index.js +45 -0
  20. package/lib/cjs/styles/index.js.map +1 -0
  21. package/lib/cjs/types.d.ts +48 -0
  22. package/lib/cjs/types.js +29 -0
  23. package/lib/cjs/types.js.map +1 -0
  24. package/lib/cjs/utils.d.ts +1 -0
  25. package/lib/cjs/utils.js +5 -0
  26. package/lib/cjs/utils.js.map +1 -0
  27. package/lib/cjs/version.d.ts +1 -0
  28. package/lib/cjs/version.js +5 -0
  29. package/lib/cjs/version.js.map +1 -0
  30. package/lib/esm/CrossmintPayButton.d.ts +3 -0
  31. package/lib/esm/CrossmintPayButton.js +49 -0
  32. package/lib/esm/CrossmintPayButton.js.map +1 -0
  33. package/lib/esm/CrossmintStatusButton.d.ts +3 -0
  34. package/lib/esm/CrossmintStatusButton.js +36 -0
  35. package/lib/esm/CrossmintStatusButton.js.map +1 -0
  36. package/lib/esm/hooks/useCrossmintModal.d.ts +12 -0
  37. package/lib/esm/hooks/useCrossmintModal.js +87 -0
  38. package/lib/esm/hooks/useCrossmintModal.js.map +1 -0
  39. package/lib/esm/{useCrossMintStatus.d.ts → hooks/useCrossmintStatus.d.ts} +6 -3
  40. package/lib/esm/hooks/useCrossmintStatus.js +60 -0
  41. package/lib/esm/hooks/useCrossmintStatus.js.map +1 -0
  42. package/lib/esm/index.d.ts +2 -7
  43. package/lib/esm/index.js +2 -7
  44. package/lib/esm/index.js.map +1 -1
  45. package/lib/esm/package.json +3 -0
  46. package/lib/esm/styles/index.d.ts +9 -0
  47. package/lib/esm/styles/index.js +41 -0
  48. package/lib/esm/styles/index.js.map +1 -0
  49. package/lib/esm/types.d.ts +48 -0
  50. package/lib/esm/types.js +26 -0
  51. package/lib/esm/types.js.map +1 -0
  52. package/lib/esm/utils.d.ts +1 -0
  53. package/lib/esm/utils.js +2 -0
  54. package/lib/esm/utils.js.map +1 -0
  55. package/lib/esm/version.d.ts +1 -0
  56. package/lib/esm/version.js +2 -0
  57. package/lib/esm/version.js.map +1 -0
  58. package/package.json +21 -11
  59. package/src/CrossmintPayButton.tsx +108 -0
  60. package/src/CrossmintStatusButton.tsx +77 -0
  61. package/src/hooks/useCrossmintModal.ts +142 -0
  62. package/src/hooks/useCrossmintStatus.ts +85 -0
  63. package/src/index.ts +2 -7
  64. package/src/styles/index.ts +50 -0
  65. package/src/types.ts +56 -0
  66. package/src/utils.ts +1 -0
  67. package/src/version.ts +1 -0
  68. package/lib/cjs/CrossMintButton.d.ts +0 -16
  69. package/lib/cjs/CrossMintButton.js +0 -60
  70. package/lib/cjs/CrossMintButton.js.map +0 -1
  71. package/lib/cjs/CrossMintModal.d.ts +0 -6
  72. package/lib/cjs/CrossMintModal.js +0 -55
  73. package/lib/cjs/CrossMintModal.js.map +0 -1
  74. package/lib/cjs/CrossMintModalProvider.d.ts +0 -6
  75. package/lib/cjs/CrossMintModalProvider.js +0 -48
  76. package/lib/cjs/CrossMintModalProvider.js.map +0 -1
  77. package/lib/cjs/CrossMintPopupProvider.d.ts +0 -6
  78. package/lib/cjs/CrossMintPopupProvider.js +0 -70
  79. package/lib/cjs/CrossMintPopupProvider.js.map +0 -1
  80. package/lib/cjs/CrossMintProvider.d.ts +0 -10
  81. package/lib/cjs/CrossMintProvider.js +0 -52
  82. package/lib/cjs/CrossMintProvider.js.map +0 -1
  83. package/lib/cjs/CrossMintStatusButton.d.ts +0 -10
  84. package/lib/cjs/CrossMintStatusButton.js +0 -66
  85. package/lib/cjs/CrossMintStatusButton.js.map +0 -1
  86. package/lib/cjs/CrossMintStatusProvider.d.ts +0 -8
  87. package/lib/cjs/CrossMintStatusProvider.js +0 -70
  88. package/lib/cjs/CrossMintStatusProvider.js.map +0 -1
  89. package/lib/cjs/useCrossMintModal.d.ts +0 -7
  90. package/lib/cjs/useCrossMintModal.js +0 -10
  91. package/lib/cjs/useCrossMintModal.js.map +0 -1
  92. package/lib/cjs/useCrossMintPopup.d.ts +0 -8
  93. package/lib/cjs/useCrossMintPopup.js +0 -10
  94. package/lib/cjs/useCrossMintPopup.js.map +0 -1
  95. package/lib/cjs/useCrossMintStatus.js +0 -18
  96. package/lib/cjs/useCrossMintStatus.js.map +0 -1
  97. package/lib/esm/CrossMintButton.d.ts +0 -16
  98. package/lib/esm/CrossMintButton.js +0 -25
  99. package/lib/esm/CrossMintButton.js.map +0 -1
  100. package/lib/esm/CrossMintModal.d.ts +0 -6
  101. package/lib/esm/CrossMintModal.js +0 -32
  102. package/lib/esm/CrossMintModal.js.map +0 -1
  103. package/lib/esm/CrossMintModalProvider.d.ts +0 -6
  104. package/lib/esm/CrossMintModalProvider.js +0 -13
  105. package/lib/esm/CrossMintModalProvider.js.map +0 -1
  106. package/lib/esm/CrossMintPopupProvider.d.ts +0 -6
  107. package/lib/esm/CrossMintPopupProvider.js +0 -47
  108. package/lib/esm/CrossMintPopupProvider.js.map +0 -1
  109. package/lib/esm/CrossMintProvider.d.ts +0 -10
  110. package/lib/esm/CrossMintProvider.js +0 -17
  111. package/lib/esm/CrossMintProvider.js.map +0 -1
  112. package/lib/esm/CrossMintStatusButton.d.ts +0 -10
  113. package/lib/esm/CrossMintStatusButton.js +0 -31
  114. package/lib/esm/CrossMintStatusButton.js.map +0 -1
  115. package/lib/esm/CrossMintStatusProvider.d.ts +0 -8
  116. package/lib/esm/CrossMintStatusProvider.js +0 -36
  117. package/lib/esm/CrossMintStatusProvider.js.map +0 -1
  118. package/lib/esm/useCrossMintModal.d.ts +0 -7
  119. package/lib/esm/useCrossMintModal.js +0 -6
  120. package/lib/esm/useCrossMintModal.js.map +0 -1
  121. package/lib/esm/useCrossMintPopup.d.ts +0 -8
  122. package/lib/esm/useCrossMintPopup.js +0 -6
  123. package/lib/esm/useCrossMintPopup.js.map +0 -1
  124. package/lib/esm/useCrossMintStatus.js +0 -14
  125. package/lib/esm/useCrossMintStatus.js.map +0 -1
  126. package/src/CrossMintButton.tsx +0 -75
  127. package/src/CrossMintModal.tsx +0 -54
  128. package/src/CrossMintModalProvider.tsx +0 -23
  129. package/src/CrossMintPopupProvider.tsx +0 -94
  130. package/src/CrossMintProvider.tsx +0 -44
  131. package/src/CrossMintStatusButton.tsx +0 -73
  132. package/src/CrossMintStatusProvider.tsx +0 -63
  133. package/src/useCrossMintModal.tsx +0 -12
  134. package/src/useCrossMintPopup.tsx +0 -21
  135. package/src/useCrossMintStatus.tsx +0 -22
  136. package/styles.css +0 -119
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintModal.js","sourceRoot":"","sources":["../../src/CrossMintModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,yCAAyC;AACzC,2DAAwD;AAOjD,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE;IAC9F,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAE3D,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,wBAAwB;QACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5D,+CAA+C;QAC/C,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,6BAA6B;QAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAExC,OAAO,GAAG,EAAE;YACR,8CAA8C;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,uBAAe,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5F,OAAO,CACH,MAAM;QACN,IAAA,wBAAY,EACR,qDACe,MAAM,EACjB,SAAS,EAAE,oBAAoB,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACtF,GAAG,EAAE,GAAG;YAER,uCAAK,SAAS,EAAC,4BAA4B;gBACvC,wCAAM,SAAS,EAAC,yBAAyB,GAAG,CAC1C;YACN,uCAAK,SAAS,EAAC,0BAA0B,GAAG,CAC1C,EACN,MAAM,CACT,CACJ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,cAAc,kBA4CzB"}
@@ -1,6 +0,0 @@
1
- import { FC, ReactNode } from "react";
2
- import { CrossMintModalProps } from "./CrossMintModal";
3
- export interface CrossMintModalProviderProps extends CrossMintModalProps {
4
- children: ReactNode;
5
- }
6
- export declare const CrossMintModalProvider: FC<CrossMintModalProviderProps>;
@@ -1,48 +0,0 @@
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.CrossMintModalProvider = void 0;
34
- const react_1 = __importStar(require("react"));
35
- const CrossMintModal_1 = require("./CrossMintModal");
36
- const useCrossMintModal_1 = require("./useCrossMintModal");
37
- const CrossMintModalProvider = (_a) => {
38
- var { children } = _a, props = __rest(_a, ["children"]);
39
- const [visible, setVisible] = (0, react_1.useState)(false);
40
- return (react_1.default.createElement(useCrossMintModal_1.CrossMintModalContext.Provider, { value: {
41
- visible,
42
- setVisible,
43
- } },
44
- children,
45
- visible && react_1.default.createElement(CrossMintModal_1.CrossMintModal, Object.assign({}, props))));
46
- };
47
- exports.CrossMintModalProvider = CrossMintModalProvider;
48
- //# sourceMappingURL=CrossMintModalProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintModalProvider.js","sourceRoot":"","sources":["../../src/CrossMintModalProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,2DAA4D;AAMrD,MAAM,sBAAsB,GAAoC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACxF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,yCAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAEA,QAAQ;QACR,OAAO,IAAI,8BAAC,+BAAc,oBAAK,KAAK,EAAI,CACZ,CACpC,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,sBAAsB,0BAcjC"}
@@ -1,6 +0,0 @@
1
- import { FC, ReactNode } from "react";
2
- export interface PopupProviderProps {
3
- development: boolean;
4
- children: ReactNode;
5
- }
6
- export declare const CrossMintPopupProvider: FC<PopupProviderProps>;
@@ -1,70 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.CrossMintPopupProvider = void 0;
23
- const react_1 = __importStar(require("react"));
24
- const _1 = require(".");
25
- const useCrossMintPopup_1 = require("./useCrossMintPopup");
26
- const PROD_URL = "https://www.crossmint.io";
27
- const DEV_URL = "http://localhost:3001";
28
- const CrossMintPopupProvider = ({ development, children }) => {
29
- const [connecting, setConnecting] = (0, react_1.useState)(false);
30
- const [popup, setPopup] = (0, react_1.useState)(null);
31
- const { clientId } = (0, _1.useCrossMintStatus)();
32
- const { setVisible } = (0, _1.useCrossMintModal)();
33
- const createPopup = (collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId) => {
34
- const pop = window.open(`${development ? DEV_URL : PROD_URL}/signin?callbackUrl=${encodeURIComponent(`${development ? DEV_URL : PROD_URL}/checkout/mint?clientId=${encodeURIComponent(clientId)}&closeOnSuccess=false&${collectionTitle ? `collectionTitle=${encodeURIComponent(collectionTitle)}` : ""}${collectionDescription ? `&collectionDescription=${encodeURIComponent(collectionDescription)}` : ""}${collectionPhoto ? `&collectionPhoto=${encodeURIComponent(collectionPhoto)}` : ""}${mintTo ? `&mintTo=${encodeURIComponent(mintTo)}` : ""}${emailTo ? `&emailTo=${encodeURIComponent(emailTo)}` : ""}${listingId ? `&listingId=${encodeURIComponent(listingId)}` : ""}`)}`, "popUpWindow", createPopupString());
35
- if (pop) {
36
- setVisible(true);
37
- setPopup(pop);
38
- registerListeners(pop);
39
- }
40
- else {
41
- setConnecting(false);
42
- console.log("Failed to open popup window");
43
- }
44
- };
45
- const connect = (collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId) => {
46
- if (connecting)
47
- return;
48
- setConnecting(true);
49
- createPopup(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
50
- };
51
- function registerListeners(pop) {
52
- const timer = setInterval(function () {
53
- if (pop.closed) {
54
- clearInterval(timer);
55
- setConnecting(false);
56
- setVisible(false);
57
- }
58
- }, 500);
59
- }
60
- function createPopupString() {
61
- return `height=750,width=400,left=${window.innerWidth / 2 - 200},top=${window.innerHeight / 2 - 375},resizable=yes,scrollbars=yes,toolbar=yes,menubar=true,location=no,directories=no, status=yes`;
62
- }
63
- return (react_1.default.createElement(useCrossMintPopup_1.PopupContext.Provider, { value: {
64
- connecting,
65
- popup,
66
- connect,
67
- } }, children));
68
- };
69
- exports.CrossMintPopupProvider = CrossMintPopupProvider;
70
- //# sourceMappingURL=CrossMintPopupProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintPopupProvider.js","sourceRoot":"","sources":["../../src/CrossMintPopupProvider.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- import { FC, ReactNode } from "react";
2
- import { CrossMintModalProps } from "./CrossMintModal";
3
- export interface CrossMintProviderProps extends CrossMintModalProps {
4
- clientId: string;
5
- auctionId?: string;
6
- hideMintOnInactiveClient?: boolean;
7
- development?: boolean;
8
- children: ReactNode;
9
- }
10
- export declare const CrossMintProvider: FC<CrossMintProviderProps>;
@@ -1,52 +0,0 @@
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.CrossMintProvider = void 0;
34
- const react_1 = __importStar(require("react"));
35
- const CrossMintModal_1 = require("./CrossMintModal");
36
- const CrossMintPopupProvider_1 = require("./CrossMintPopupProvider");
37
- const CrossMintStatusProvider_1 = require("./CrossMintStatusProvider");
38
- const useCrossMintModal_1 = require("./useCrossMintModal");
39
- const CrossMintProvider = (_a) => {
40
- var { clientId, auctionId, hideMintOnInactiveClient = false, development = false, children } = _a, props = __rest(_a, ["clientId", "auctionId", "hideMintOnInactiveClient", "development", "children"]);
41
- const [visible, setVisible] = (0, react_1.useState)(false);
42
- return (react_1.default.createElement(CrossMintStatusProvider_1.CrossMintStatusProvider, { clientId: clientId, hideMintOnInactiveClient: hideMintOnInactiveClient, auctionId: auctionId },
43
- react_1.default.createElement(useCrossMintModal_1.CrossMintModalContext.Provider, { value: {
44
- visible,
45
- setVisible,
46
- } },
47
- react_1.default.createElement(CrossMintPopupProvider_1.CrossMintPopupProvider, { development: development },
48
- children,
49
- visible && react_1.default.createElement(CrossMintModal_1.CrossMintModal, Object.assign({}, props))))));
50
- };
51
- exports.CrossMintProvider = CrossMintProvider;
52
- //# sourceMappingURL=CrossMintProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintProvider.js","sourceRoot":"","sources":["../../src/CrossMintProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,qEAAkE;AAClE,uEAAoE;AACpE,2DAA4D;AAUrD,MAAM,iBAAiB,GAA+B,CAAC,EAO7D,EAAE,EAAE;QAPyD,EAC1D,QAAQ,EACR,SAAS,EACT,wBAAwB,GAAG,KAAK,EAChC,WAAW,GAAG,KAAK,EACnB,QAAQ,OAEX,EADM,KAAK,cANkD,gFAO7D,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,iDAAuB,IACpB,QAAQ,EAAE,QAAQ,EAClB,wBAAwB,EAAE,wBAAwB,EAClD,SAAS,EAAE,SAAS;QAEpB,8BAAC,yCAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;gBACH,OAAO;gBACP,UAAU;aACb;YAED,8BAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW;gBAC3C,QAAQ;gBACR,OAAO,IAAI,8BAAC,+BAAc,oBAAK,KAAK,EAAI,CACpB,CACI,CACX,CAC7B,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,iBAAiB,qBA6B5B"}
@@ -1,10 +0,0 @@
1
- import { CSSProperties, FC, MouseEvent } from "react";
2
- export interface StatusButtonProps {
3
- className?: string;
4
- disabled?: boolean;
5
- onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
6
- style?: CSSProperties;
7
- tabIndex?: number;
8
- theme?: "light" | "dark";
9
- }
10
- export declare const CrossMintStatusButton: FC<StatusButtonProps>;
@@ -1,66 +0,0 @@
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
- //# sourceMappingURL=CrossMintStatusButton.js.map
@@ -1 +0,0 @@
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,8 +0,0 @@
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,70 +0,0 @@
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;
70
- //# sourceMappingURL=CrossMintStatusProvider.js.map
@@ -1 +0,0 @@
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 +0,0 @@
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 +0,0 @@
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
- //# sourceMappingURL=useCrossMintModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCrossMintModal.js","sourceRoot":"","sources":["../../src/useCrossMintModal.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAOrC,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAA6B,EAAgC,CAAC,CAAC;AAEjH,SAAgB,iBAAiB;IAC7B,OAAO,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;AAC7C,CAAC;AAFD,8CAEC"}
@@ -1,8 +0,0 @@
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 +0,0 @@
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
- //# sourceMappingURL=useCrossMintPopup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCrossMintPopup.js","sourceRoot":"","sources":["../../src/useCrossMintPopup.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAgBrC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB,EAAuB,CAAC,CAAC;AAEtF,SAAgB,iBAAiB;IAC7B,OAAO,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;AACpC,CAAC;AAFD,8CAEC"}
@@ -1,18 +0,0 @@
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
- //# sourceMappingURL=useCrossMintStatus.js.map
@@ -1 +0,0 @@
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 +0,0 @@
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 +0,0 @@
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
- //# sourceMappingURL=CrossMintButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintButton.js","sourceRoot":"","sources":["../../src/CrossMintButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAiBxD,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC7C,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,EAAE,wBAAwB,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAElE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEpD,MAAM,WAAW,GAAyC,WAAW,CACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;YACvB,OAAO,CAAC,eAAe,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrG,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,UAAU;YAAE,OAAO,gDAAqB,CAAC;QAC7C,OAAO,sDAA2B,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAI,wBAAwB,IAAI,MAAM,KAAK,+BAA+B,CAAC,QAAQ,EAAE;QACjF,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,gCACI,SAAS,EAAE,uDAAuD,KAAK,EAAE,EACzE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,QAAQ,EAAE,QAAQ,KACd,KAAK;QAET,6BACI,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { FC } from "react";
2
- export interface CrossMintModalProps {
3
- className?: string;
4
- container?: string;
5
- }
6
- export declare const CrossMintModal: FC<CrossMintModalProps>;
@@ -1,32 +0,0 @@
1
- import React, { useCallback, useLayoutEffect, useRef, useState } from "react";
2
- import { createPortal } from "react-dom";
3
- import { useCrossMintModal } from "./useCrossMintModal";
4
- export const CrossMintModal = ({ className = "", container = "body" }) => {
5
- const ref = useRef(null);
6
- const { setVisible } = useCrossMintModal();
7
- const [fadeIn, setFadeIn] = useState(false);
8
- const [portal, setPortal] = useState(null);
9
- const hideModal = useCallback(() => {
10
- setFadeIn(false);
11
- setTimeout(() => setVisible(false), 150);
12
- }, [setFadeIn, setVisible]);
13
- useLayoutEffect(() => {
14
- // Get original overflow
15
- const { overflow } = window.getComputedStyle(document.body);
16
- // Hack to enable fade in animation after mount
17
- setTimeout(() => setFadeIn(true), 0);
18
- // Prevent scrolling on mount
19
- document.body.style.overflow = "hidden";
20
- return () => {
21
- // Re-enable scrolling when component unmounts
22
- document.body.style.overflow = overflow;
23
- };
24
- }, [hideModal]);
25
- useLayoutEffect(() => setPortal(document.querySelector(container)), [setPortal, container]);
26
- return (portal &&
27
- createPortal(React.createElement("div", { "aria-modal": "true", className: `client-sdk-modal ${fadeIn ? "client-sdk-modal-fade-in" : ""} ${className}`, ref: ref },
28
- React.createElement("div", { className: "client-sdk-modal-container" },
29
- React.createElement("span", { className: "client-sdk-modal-loader" })),
30
- React.createElement("div", { className: "client-sdk-modal-overlay" })), portal));
31
- };
32
- //# sourceMappingURL=CrossMintModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintModal.js","sourceRoot":"","sources":["../../src/CrossMintModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE;IAC9F,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE3D,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,eAAe,CAAC,GAAG,EAAE;QACjB,wBAAwB;QACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5D,+CAA+C;QAC/C,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,6BAA6B;QAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAExC,OAAO,GAAG,EAAE;YACR,8CAA8C;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,eAAe,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5F,OAAO,CACH,MAAM;QACN,YAAY,CACR,2CACe,MAAM,EACjB,SAAS,EAAE,oBAAoB,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACtF,GAAG,EAAE,GAAG;YAER,6BAAK,SAAS,EAAC,4BAA4B;gBACvC,8BAAM,SAAS,EAAC,yBAAyB,GAAG,CAC1C;YACN,6BAAK,SAAS,EAAC,0BAA0B,GAAG,CAC1C,EACN,MAAM,CACT,CACJ,CAAC;AACN,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { FC, ReactNode } from "react";
2
- import { CrossMintModalProps } from "./CrossMintModal";
3
- export interface CrossMintModalProviderProps extends CrossMintModalProps {
4
- children: ReactNode;
5
- }
6
- export declare const CrossMintModalProvider: FC<CrossMintModalProviderProps>;
@@ -1,13 +0,0 @@
1
- import React, { useState } from "react";
2
- import { CrossMintModal } from "./CrossMintModal";
3
- import { CrossMintModalContext } from "./useCrossMintModal";
4
- export const CrossMintModalProvider = ({ children, ...props }) => {
5
- const [visible, setVisible] = useState(false);
6
- return (React.createElement(CrossMintModalContext.Provider, { value: {
7
- visible,
8
- setVisible,
9
- } },
10
- children,
11
- visible && React.createElement(CrossMintModal, { ...props })));
12
- };
13
- //# sourceMappingURL=CrossMintModalProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossMintModalProvider.js","sourceRoot":"","sources":["../../src/CrossMintModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,MAAM,CAAC,MAAM,sBAAsB,GAAoC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAEA,QAAQ;QACR,OAAO,IAAI,oBAAC,cAAc,OAAK,KAAK,GAAI,CACZ,CACpC,CAAC;AACN,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { FC, ReactNode } from "react";
2
- export interface PopupProviderProps {
3
- development: boolean;
4
- children: ReactNode;
5
- }
6
- export declare const CrossMintPopupProvider: FC<PopupProviderProps>;