@bosonprotocol/react-kit 0.39.1 → 0.39.2-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/modal/components/Commit/DetailView/RedeemWhatsNext.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/Commit/DetailView/RedeemWhatsNext.js +3 -1
- package/dist/cjs/components/modal/components/Commit/DetailView/RedeemWhatsNext.js.map +1 -1
- package/dist/cjs/components/modal/components/common/DetailOpenSea.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/common/DetailOpenSea.js +9 -5
- package/dist/cjs/components/modal/components/common/DetailOpenSea.js.map +1 -1
- package/dist/cjs/lib/opensea/getOpenSeaUrl.d.ts +3 -3
- package/dist/cjs/lib/opensea/getOpenSeaUrl.d.ts.map +1 -1
- package/dist/cjs/lib/opensea/getOpenSeaUrl.js +2 -7
- package/dist/cjs/lib/opensea/getOpenSeaUrl.js.map +1 -1
- package/dist/esm/components/modal/components/Commit/DetailView/RedeemWhatsNext.d.ts.map +1 -1
- package/dist/esm/components/modal/components/Commit/DetailView/RedeemWhatsNext.js +3 -1
- package/dist/esm/components/modal/components/Commit/DetailView/RedeemWhatsNext.js.map +1 -1
- package/dist/esm/components/modal/components/common/DetailOpenSea.d.ts.map +1 -1
- package/dist/esm/components/modal/components/common/DetailOpenSea.js +9 -5
- package/dist/esm/components/modal/components/common/DetailOpenSea.js.map +1 -1
- package/dist/esm/lib/opensea/getOpenSeaUrl.d.ts +3 -3
- package/dist/esm/lib/opensea/getOpenSeaUrl.d.ts.map +1 -1
- package/dist/esm/lib/opensea/getOpenSeaUrl.js +2 -7
- package/dist/esm/lib/opensea/getOpenSeaUrl.js.map +1 -1
- package/package.json +2 -2
- package/src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx +3 -1
- package/src/components/modal/components/common/DetailOpenSea.tsx +9 -5
- package/src/lib/opensea/getOpenSeaUrl.ts +5 -7
- package/src/stories/opensea/DetailOpenSea.stories.tsx +109 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedeemWhatsNext.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;
|
|
1
|
+
{"version":3,"file":"RedeemWhatsNext.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AA4DvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAChB,IAAI,CACF,yBAAyB,EACzB,eAAe,GAAG,cAAc,GAAG,YAAY,CAChD,GACD,SAAS,CAAC;CACf,CAAC;AACF,eAAO,MAAM,eAAe,yCAGzB,oBAAoB,sBA8FtB,CAAC"}
|
|
@@ -17,6 +17,7 @@ const getDateTimestamp_1 = require("../../../../../lib/dates/getDateTimestamp");
|
|
|
17
17
|
const theme_1 = require("../../../../../theme");
|
|
18
18
|
const useModal_1 = require("../../../useModal");
|
|
19
19
|
const ThemedButton_1 = __importDefault(require("../../../../ui/ThemedButton"));
|
|
20
|
+
const exchange_1 = require("../../../../../lib/utils/exchange");
|
|
20
21
|
const DividerWrapper = styled_components_1.styled.div `
|
|
21
22
|
width: 100%;
|
|
22
23
|
position: relative;
|
|
@@ -93,7 +94,8 @@ const RedeemWhatsNext = ({ exchangeId, requestShipmentProps }) => {
|
|
|
93
94
|
react_1.default.createElement("a", { href: (0, getOpenSeaUrl_1.getOpenSeaUrl)({
|
|
94
95
|
configId: config.configId,
|
|
95
96
|
envName: config.envName,
|
|
96
|
-
exchange
|
|
97
|
+
tokenId: (0, exchange_1.getExchangeTokenId)(exchange, config.envName),
|
|
98
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
97
99
|
}), target: "_blank", rel: "noreferrer", style: { flex: "1 1 50%" } },
|
|
98
100
|
react_1.default.createElement(ThemedButton_1.default, { themeVal: "secondary", style: { width: "100%" } }, "Trade Physical NFT"))),
|
|
99
101
|
react_1.default.createElement(DividerWrapper, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedeemWhatsNext.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAA2C;AAC3C,8CAA2C;AAC3C,0DAAuD;AACvD,kDAA0B;AAC1B,uDAAoD;AACpD,mDAAsC;AACtC,gDAAsE;AACtE,4EAAyE;AACzE,kDAA0B;AAC1B,gFAA6E;AAC7E,gDAAyD;AACzD,gDAA6C;AAE7C,+EAAuD;
|
|
1
|
+
{"version":3,"file":"RedeemWhatsNext.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailOpenSea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"DetailOpenSea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAOtD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,4BA+BxD"}
|
|
@@ -40,6 +40,7 @@ const react_1 = __importStar(require("react"));
|
|
|
40
40
|
const EnvironmentContext_1 = require("../../../environment/EnvironmentContext");
|
|
41
41
|
const Detail_style_1 = require("./detail/Detail.style");
|
|
42
42
|
const getOpenSeaUrl_1 = require("../../../../lib/opensea/getOpenSeaUrl");
|
|
43
|
+
const exchange_1 = require("../../../../lib/utils/exchange");
|
|
43
44
|
function DetailOpenSea({ exchange }) {
|
|
44
45
|
const { envName, configId } = (0, EnvironmentContext_1.useEnvContext)();
|
|
45
46
|
const exchangeStatus = exchange
|
|
@@ -47,11 +48,14 @@ function DetailOpenSea({ exchange }) {
|
|
|
47
48
|
: null;
|
|
48
49
|
const isToRedeem = !exchangeStatus || exchangeStatus === core_sdk_1.subgraph.ExchangeState.COMMITTED;
|
|
49
50
|
const openSeaUrl = (0, react_1.useMemo)(() => {
|
|
50
|
-
return
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
return exchange
|
|
52
|
+
? (0, getOpenSeaUrl_1.getOpenSeaUrl)({
|
|
53
|
+
envName,
|
|
54
|
+
configId,
|
|
55
|
+
tokenId: (0, exchange_1.getExchangeTokenId)(exchange, envName),
|
|
56
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
57
|
+
})
|
|
58
|
+
: "";
|
|
55
59
|
}, [exchange, envName, configId]);
|
|
56
60
|
if (!isToRedeem) {
|
|
57
61
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailOpenSea.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DetailOpenSea.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,gCA+BC;AA7CD,sDAA8D;AAC9D,mDAAgD;AAChD,+CAAuC;AAEvC,gFAAwE;AAExE,wDAAsD;AACtD,yEAAsE;AACtE,6DAAoE;AAMpE,SAAwB,aAAa,CAAC,EAAE,QAAQ,EAAS;IACvD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAA,kCAAa,GAAE,CAAC;IAC9C,MAAM,cAAc,GAAG,QAAQ;QAC7B,CAAC,CAAC,oBAAS,CAAC,gBAAgB,CACxB,QAAsD,CACvD;QACH,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,UAAU,GACd,CAAC,cAAc,IAAI,cAAc,KAAK,mBAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;IAEzE,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ;YACb,CAAC,CAAC,IAAA,6BAAa,EAAC;gBACZ,OAAO;gBACP,QAAQ;gBACR,OAAO,EAAE,IAAA,6BAAkB,EAAC,QAAQ,EAAE,OAAO,CAAC;gBAC9C,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,mBAAmB;aACrD,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC;IACT,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,4BAAa,IAAC,IAAI,EAAE,UAAU,eAAa,CAAC,UAAU,EAAE,MAAM,EAAC,QAAQ;;QAEtE,8BAAC,+BAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CACd,CACjB,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ConfigId, EnvironmentType } from "@bosonprotocol/core-sdk";
|
|
2
|
-
|
|
3
|
-
export declare const getOpenSeaUrl: ({ configId, envName, exchange }: {
|
|
2
|
+
export declare const getOpenSeaUrl: ({ configId, envName, tokenId, contractAddress }: {
|
|
4
3
|
envName: EnvironmentType;
|
|
5
4
|
configId: ConfigId;
|
|
6
|
-
|
|
5
|
+
tokenId: string;
|
|
6
|
+
contractAddress: string;
|
|
7
7
|
}) => string;
|
|
8
8
|
//# sourceMappingURL=getOpenSeaUrl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOpenSeaUrl.d.ts","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"getOpenSeaUrl.d.ts","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAiGpE,eAAO,MAAM,aAAa,oDAKvB;IACD,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;CACzB,KAAG,MAIH,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getOpenSeaUrl = void 0;
|
|
4
|
-
const exchange_1 = require("../utils/exchange");
|
|
5
4
|
const openSeaUrlMap = new Map([
|
|
6
5
|
[
|
|
7
6
|
"testing", // testnets
|
|
@@ -79,14 +78,10 @@ const openSeaUrlMap = new Map([
|
|
|
79
78
|
])
|
|
80
79
|
]
|
|
81
80
|
]);
|
|
82
|
-
const getOpenSeaUrl = ({ configId, envName,
|
|
81
|
+
const getOpenSeaUrl = ({ configId, envName, tokenId, contractAddress }) => {
|
|
83
82
|
var _a;
|
|
84
|
-
if (!exchange) {
|
|
85
|
-
return "";
|
|
86
|
-
}
|
|
87
|
-
const tokenId = (0, exchange_1.getExchangeTokenId)(exchange, envName);
|
|
88
83
|
const urlFn = (_a = openSeaUrlMap.get(envName)) === null || _a === void 0 ? void 0 : _a.get(configId);
|
|
89
|
-
return (urlFn === null || urlFn === void 0 ? void 0 : urlFn(tokenId,
|
|
84
|
+
return (urlFn === null || urlFn === void 0 ? void 0 : urlFn(tokenId, contractAddress)) || "";
|
|
90
85
|
};
|
|
91
86
|
exports.getOpenSeaUrl = getOpenSeaUrl;
|
|
92
87
|
//# sourceMappingURL=getOpenSeaUrl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOpenSeaUrl.js","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"getOpenSeaUrl.js","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":";;;AAIA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC;IAC5B;QACE,SAAS,EAAE,WAAW;QACtB,IAAI,GAAG,CAAC;YACN;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,2CAA2C,eAAe,IAAI,OAAO,EAAE,CAAC,kBAAkB;aAC7F;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,8CAA8C,eAAe,IAAI,OAAO,EAAE;aAC7E;YACD;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,mDAAmD,eAAe,IAAI,OAAO,EAAE;aAClF;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;YACD;gBACE,kBAAkB;gBAClB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;SACF,CAAC;KACH;IACD;QACE,SAAS,EAAE,WAAW;QACtB,IAAI,GAAG,CAAC;YACN;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,2CAA2C,eAAe,IAAI,OAAO,EAAE,CAAC,kBAAkB;aAC7F;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,8CAA8C,eAAe,IAAI,OAAO,EAAE;aAC7E;YACD;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,mDAAmD,eAAe,IAAI,OAAO,EAAE;aAClF;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;YACD;gBACE,kBAAkB;gBAClB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;SACF,CAAC;KACH;IACD;QACE,YAAY,EAAE,UAAU;QACxB,IAAI,GAAG,CAAC;YACN;gBACE,kBAAkB;gBAClB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,mCAAmC,eAAe,IAAI,OAAO,EAAE;aAClE;YACD;gBACE,gBAAgB;gBAChB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,sCAAsC,eAAe,IAAI,OAAO,EAAE;aACrE;YACD;gBACE,mBAAmB;gBACnB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,kCAAkC,eAAe,IAAI,OAAO,EAAE;aACjE;YACD;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,sCAAsC,eAAe,IAAI,OAAO,EAAE;aACrE;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,sCAAsC,eAAe,IAAI,OAAO,EAAE;aACrE;SACF,CAAC;KACH;CACF,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,eAAe,EAMhB,EAAU,EAAE;;IACX,MAAM,KAAK,GAAG,MAAA,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,0CAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAExD,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,OAAO,EAAE,eAAe,CAAC,KAAI,EAAE,CAAC;AACjD,CAAC,CAAC;AAdW,QAAA,aAAa,iBAcxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedeemWhatsNext.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;
|
|
1
|
+
{"version":3,"file":"RedeemWhatsNext.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AA4DvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAChB,IAAI,CACF,yBAAyB,EACzB,eAAe,GAAG,cAAc,GAAG,YAAY,CAChD,GACD,SAAS,CAAC;CACf,CAAC;AACF,eAAO,MAAM,eAAe,yCAGzB,oBAAoB,sBA8FtB,CAAC"}
|
|
@@ -11,6 +11,7 @@ import { getDateTimestamp } from "../../../../../lib/dates/getDateTimestamp";
|
|
|
11
11
|
import { colors, getCssVar } from "../../../../../theme";
|
|
12
12
|
import { useModal } from "../../../useModal";
|
|
13
13
|
import ThemedButton from "../../../../ui/ThemedButton";
|
|
14
|
+
import { getExchangeTokenId } from "../../../../../lib/utils/exchange";
|
|
14
15
|
const DividerWrapper = styled.div `
|
|
15
16
|
width: 100%;
|
|
16
17
|
position: relative;
|
|
@@ -90,7 +91,8 @@ export const RedeemWhatsNext = ({ exchangeId, requestShipmentProps }) => {
|
|
|
90
91
|
React.createElement("a", { href: getOpenSeaUrl({
|
|
91
92
|
configId: config.configId,
|
|
92
93
|
envName: config.envName,
|
|
93
|
-
exchange
|
|
94
|
+
tokenId: getExchangeTokenId(exchange, config.envName),
|
|
95
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
94
96
|
}), target: "_blank", rel: "noreferrer", style: { flex: "1 1 50%" } },
|
|
95
97
|
React.createElement(ThemedButton, { themeVal: "secondary", style: { width: "100%" } }, "Trade Physical NFT"))),
|
|
96
98
|
React.createElement(DividerWrapper, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedeemWhatsNext.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,YAAY,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"RedeemWhatsNext.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/RedeemWhatsNext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailOpenSea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"DetailOpenSea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAOtD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,4BA+BxD"}
|
|
@@ -4,6 +4,7 @@ import React, { useMemo } from "react";
|
|
|
4
4
|
import { useEnvContext } from "../../../environment/EnvironmentContext";
|
|
5
5
|
import { OpenSeaButton } from "./detail/Detail.style";
|
|
6
6
|
import { getOpenSeaUrl } from "../../../../lib/opensea/getOpenSeaUrl";
|
|
7
|
+
import { getExchangeTokenId } from "../../../../lib/utils/exchange";
|
|
7
8
|
export default function DetailOpenSea({ exchange }) {
|
|
8
9
|
const { envName, configId } = useEnvContext();
|
|
9
10
|
const exchangeStatus = exchange
|
|
@@ -11,11 +12,14 @@ export default function DetailOpenSea({ exchange }) {
|
|
|
11
12
|
: null;
|
|
12
13
|
const isToRedeem = !exchangeStatus || exchangeStatus === subgraph.ExchangeState.COMMITTED;
|
|
13
14
|
const openSeaUrl = useMemo(() => {
|
|
14
|
-
return
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
return exchange
|
|
16
|
+
? getOpenSeaUrl({
|
|
17
|
+
envName,
|
|
18
|
+
configId,
|
|
19
|
+
tokenId: getExchangeTokenId(exchange, envName),
|
|
20
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
21
|
+
})
|
|
22
|
+
: "";
|
|
19
23
|
}, [exchange, envName, configId]);
|
|
20
24
|
if (!isToRedeem) {
|
|
21
25
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailOpenSea.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"DetailOpenSea.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/common/DetailOpenSea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAMpE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAS;IACvD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAC9C,MAAM,cAAc,GAAG,QAAQ;QAC7B,CAAC,CAAC,SAAS,CAAC,gBAAgB,CACxB,QAAsD,CACvD;QACH,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,UAAU,GACd,CAAC,cAAc,IAAI,cAAc,KAAK,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;IAEzE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ;YACb,CAAC,CAAC,aAAa,CAAC;gBACZ,OAAO;gBACP,QAAQ;gBACR,OAAO,EAAE,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAC9C,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,mBAAmB;aACrD,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC;IACT,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,IAAC,IAAI,EAAE,UAAU,eAAa,CAAC,UAAU,EAAE,MAAM,EAAC,QAAQ;;QAEtE,oBAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CACd,CACjB,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ConfigId, EnvironmentType } from "@bosonprotocol/core-sdk";
|
|
2
|
-
|
|
3
|
-
export declare const getOpenSeaUrl: ({ configId, envName, exchange }: {
|
|
2
|
+
export declare const getOpenSeaUrl: ({ configId, envName, tokenId, contractAddress }: {
|
|
4
3
|
envName: EnvironmentType;
|
|
5
4
|
configId: ConfigId;
|
|
6
|
-
|
|
5
|
+
tokenId: string;
|
|
6
|
+
contractAddress: string;
|
|
7
7
|
}) => string;
|
|
8
8
|
//# sourceMappingURL=getOpenSeaUrl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOpenSeaUrl.d.ts","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"getOpenSeaUrl.d.ts","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAiGpE,eAAO,MAAM,aAAa,oDAKvB;IACD,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;CACzB,KAAG,MAIH,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { getExchangeTokenId } from "../utils/exchange";
|
|
2
1
|
const openSeaUrlMap = new Map([
|
|
3
2
|
[
|
|
4
3
|
"testing", // testnets
|
|
@@ -76,12 +75,8 @@ const openSeaUrlMap = new Map([
|
|
|
76
75
|
])
|
|
77
76
|
]
|
|
78
77
|
]);
|
|
79
|
-
export const getOpenSeaUrl = ({ configId, envName,
|
|
80
|
-
if (!exchange) {
|
|
81
|
-
return "";
|
|
82
|
-
}
|
|
83
|
-
const tokenId = getExchangeTokenId(exchange, envName);
|
|
78
|
+
export const getOpenSeaUrl = ({ configId, envName, tokenId, contractAddress }) => {
|
|
84
79
|
const urlFn = openSeaUrlMap.get(envName)?.get(configId);
|
|
85
|
-
return urlFn?.(tokenId,
|
|
80
|
+
return urlFn?.(tokenId, contractAddress) || "";
|
|
86
81
|
};
|
|
87
82
|
//# sourceMappingURL=getOpenSeaUrl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOpenSeaUrl.js","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getOpenSeaUrl.js","sourceRoot":"","sources":["../../../../src/lib/opensea/getOpenSeaUrl.ts"],"names":[],"mappings":"AAIA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC;IAC5B;QACE,SAAS,EAAE,WAAW;QACtB,IAAI,GAAG,CAAC;YACN;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,2CAA2C,eAAe,IAAI,OAAO,EAAE,CAAC,kBAAkB;aAC7F;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,8CAA8C,eAAe,IAAI,OAAO,EAAE;aAC7E;YACD;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,mDAAmD,eAAe,IAAI,OAAO,EAAE;aAClF;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;YACD;gBACE,kBAAkB;gBAClB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;SACF,CAAC;KACH;IACD;QACE,SAAS,EAAE,WAAW;QACtB,IAAI,GAAG,CAAC;YACN;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,2CAA2C,eAAe,IAAI,OAAO,EAAE,CAAC,kBAAkB;aAC7F;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,8CAA8C,eAAe,IAAI,OAAO,EAAE;aAC7E;YACD;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,mDAAmD,eAAe,IAAI,OAAO,EAAE;aAClF;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;YACD;gBACE,kBAAkB;gBAClB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,uDAAuD,eAAe,IAAI,OAAO,EAAE;aACtF;SACF,CAAC;KACH;IACD;QACE,YAAY,EAAE,UAAU;QACxB,IAAI,GAAG,CAAC;YACN;gBACE,kBAAkB;gBAClB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,mCAAmC,eAAe,IAAI,OAAO,EAAE;aAClE;YACD;gBACE,gBAAgB;gBAChB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,sCAAsC,eAAe,IAAI,OAAO,EAAE;aACrE;YACD;gBACE,mBAAmB;gBACnB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,kCAAkC,eAAe,IAAI,OAAO,EAAE;aACjE;YACD;gBACE,iBAAiB;gBACjB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,sCAAsC,eAAe,IAAI,OAAO,EAAE;aACrE;YACD;gBACE,oBAAoB;gBACpB,CAAC,OAAe,EAAE,eAAuB,EAAE,EAAE,CAC3C,sCAAsC,eAAe,IAAI,OAAO,EAAE;aACrE;SACF,CAAC;KACH;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,eAAe,EAMhB,EAAU,EAAE;IACX,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAExD,OAAO,KAAK,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,EAAE,CAAC;AACjD,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.39.
|
|
4
|
+
"version": "0.39.2-alpha.0",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -205,5 +205,5 @@
|
|
|
205
205
|
"overrides": {
|
|
206
206
|
"typescript": "^5.1.6"
|
|
207
207
|
},
|
|
208
|
-
"gitHead": "
|
|
208
|
+
"gitHead": "73968e24d1f0bd7636c8baffc32b64dfedad7f94"
|
|
209
209
|
}
|
|
@@ -12,6 +12,7 @@ import { colors, getCssVar } from "../../../../../theme";
|
|
|
12
12
|
import { useModal } from "../../../useModal";
|
|
13
13
|
import { RequestShipmentModalProps } from "../../RequestShipment/RequestShipmentModal";
|
|
14
14
|
import ThemedButton from "../../../../ui/ThemedButton";
|
|
15
|
+
import { getExchangeTokenId } from "../../../../../lib/utils/exchange";
|
|
15
16
|
|
|
16
17
|
const DividerWrapper = styled.div`
|
|
17
18
|
width: 100%;
|
|
@@ -131,7 +132,8 @@ export const RedeemWhatsNext = ({
|
|
|
131
132
|
href={getOpenSeaUrl({
|
|
132
133
|
configId: config.configId,
|
|
133
134
|
envName: config.envName,
|
|
134
|
-
exchange
|
|
135
|
+
tokenId: getExchangeTokenId(exchange, config.envName),
|
|
136
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
135
137
|
})}
|
|
136
138
|
target="_blank"
|
|
137
139
|
rel="noreferrer"
|
|
@@ -6,6 +6,7 @@ import { useEnvContext } from "../../../environment/EnvironmentContext";
|
|
|
6
6
|
|
|
7
7
|
import { OpenSeaButton } from "./detail/Detail.style";
|
|
8
8
|
import { getOpenSeaUrl } from "../../../../lib/opensea/getOpenSeaUrl";
|
|
9
|
+
import { getExchangeTokenId } from "../../../../lib/utils/exchange";
|
|
9
10
|
|
|
10
11
|
interface Props {
|
|
11
12
|
exchange?: Exchange;
|
|
@@ -22,11 +23,14 @@ export default function DetailOpenSea({ exchange }: Props) {
|
|
|
22
23
|
!exchangeStatus || exchangeStatus === subgraph.ExchangeState.COMMITTED;
|
|
23
24
|
|
|
24
25
|
const openSeaUrl = useMemo(() => {
|
|
25
|
-
return
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
return exchange
|
|
27
|
+
? getOpenSeaUrl({
|
|
28
|
+
envName,
|
|
29
|
+
configId,
|
|
30
|
+
tokenId: getExchangeTokenId(exchange, envName),
|
|
31
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
32
|
+
})
|
|
33
|
+
: "";
|
|
30
34
|
}, [exchange, envName, configId]);
|
|
31
35
|
|
|
32
36
|
if (!isToRedeem) {
|
|
@@ -98,17 +98,15 @@ const openSeaUrlMap = new Map([
|
|
|
98
98
|
export const getOpenSeaUrl = ({
|
|
99
99
|
configId,
|
|
100
100
|
envName,
|
|
101
|
-
|
|
101
|
+
tokenId,
|
|
102
|
+
contractAddress
|
|
102
103
|
}: {
|
|
103
104
|
envName: EnvironmentType;
|
|
104
105
|
configId: ConfigId;
|
|
105
|
-
|
|
106
|
+
tokenId: string;
|
|
107
|
+
contractAddress: string;
|
|
106
108
|
}): string => {
|
|
107
|
-
if (!exchange) {
|
|
108
|
-
return "";
|
|
109
|
-
}
|
|
110
|
-
const tokenId = getExchangeTokenId(exchange, envName);
|
|
111
109
|
const urlFn = openSeaUrlMap.get(envName)?.get(configId);
|
|
112
110
|
|
|
113
|
-
return urlFn?.(tokenId,
|
|
111
|
+
return urlFn?.(tokenId, contractAddress) || "";
|
|
114
112
|
};
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { ComponentMeta, ComponentStory } from "@storybook/react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ArrowSquareOut } from "phosphor-react";
|
|
4
|
+
|
|
5
|
+
import { Exchange } from "../../types/exchange";
|
|
6
|
+
import { EnvironmentProvider } from "../../components/environment/EnvironmentProvider";
|
|
7
|
+
import { OpenSeaButton } from "../../components/modal/components/common/detail/Detail.style";
|
|
8
|
+
import { getOpenSeaUrl } from "../../lib/opensea/getOpenSeaUrl";
|
|
9
|
+
import { getExchangeTokenId } from "../../lib/utils/exchange";
|
|
10
|
+
|
|
11
|
+
const meta = {
|
|
12
|
+
title: "Visual Components/Opensea/DetailOpenSea",
|
|
13
|
+
component: OpenSeaButton,
|
|
14
|
+
decorators: [
|
|
15
|
+
(Story, { args }) => {
|
|
16
|
+
const exchange = {
|
|
17
|
+
id: args.exchangeId,
|
|
18
|
+
committedDate: Math.floor(Date.now() / 1000),
|
|
19
|
+
offer: {
|
|
20
|
+
id: args.offerId
|
|
21
|
+
},
|
|
22
|
+
seller: {
|
|
23
|
+
voucherCloneAddress: args.voucherCloneAddress
|
|
24
|
+
}
|
|
25
|
+
} as unknown as Exchange;
|
|
26
|
+
const openSeaUrl = getOpenSeaUrl({
|
|
27
|
+
envName: args.envName,
|
|
28
|
+
configId: args.configId,
|
|
29
|
+
tokenId: getExchangeTokenId(exchange, args.envName),
|
|
30
|
+
contractAddress: exchange.seller.voucherCloneAddress
|
|
31
|
+
});
|
|
32
|
+
return (
|
|
33
|
+
<EnvironmentProvider envName={args.envName} configId={args.configId}>
|
|
34
|
+
<OpenSeaButton
|
|
35
|
+
href={openSeaUrl}
|
|
36
|
+
$disabled={!openSeaUrl}
|
|
37
|
+
target="_blank"
|
|
38
|
+
>
|
|
39
|
+
View on OpenSea
|
|
40
|
+
<ArrowSquareOut size={18} />
|
|
41
|
+
</OpenSeaButton>
|
|
42
|
+
</EnvironmentProvider>
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
} as ComponentMeta<typeof OpenSeaButton>;
|
|
47
|
+
|
|
48
|
+
export default meta;
|
|
49
|
+
|
|
50
|
+
const Template: ComponentStory<typeof OpenSeaButton> = (args) => (
|
|
51
|
+
<OpenSeaButton {...args} />
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
export const TestingAmoy: ComponentStory<typeof OpenSeaButton> = Template.bind(
|
|
55
|
+
{}
|
|
56
|
+
);
|
|
57
|
+
TestingAmoy.args = {
|
|
58
|
+
disabled: false,
|
|
59
|
+
envName: "testing",
|
|
60
|
+
configId: "testing-80002-0",
|
|
61
|
+
exchangeId: "1100",
|
|
62
|
+
offerId: "228",
|
|
63
|
+
voucherCloneAddress: "0xf79c7b5745ba851cda7c6e17fc3fc72b75166836"
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export const TestingSepolia: ComponentStory<typeof OpenSeaButton> =
|
|
67
|
+
Template.bind({});
|
|
68
|
+
TestingSepolia.args = {
|
|
69
|
+
disabled: false,
|
|
70
|
+
envName: "testing",
|
|
71
|
+
configId: "testing-11155111-0",
|
|
72
|
+
exchangeId: "12",
|
|
73
|
+
offerId: "8",
|
|
74
|
+
voucherCloneAddress: "0xf79c7b5745ba851cda7c6e17fc3fc72b75166836"
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
export const TestingOptimism: ComponentStory<typeof OpenSeaButton> =
|
|
78
|
+
Template.bind({});
|
|
79
|
+
TestingOptimism.args = {
|
|
80
|
+
disabled: false,
|
|
81
|
+
envName: "testing",
|
|
82
|
+
configId: "testing-11155420-0",
|
|
83
|
+
exchangeId: "3",
|
|
84
|
+
offerId: "4",
|
|
85
|
+
voucherCloneAddress: "0x041f56fe77ac1558cc415de46f7777234d9d141a"
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
export const TestingArbitrum: ComponentStory<typeof OpenSeaButton> =
|
|
89
|
+
Template.bind({});
|
|
90
|
+
TestingArbitrum.args = {
|
|
91
|
+
disabled: false,
|
|
92
|
+
envName: "testing",
|
|
93
|
+
configId: "testing-421614-0",
|
|
94
|
+
exchangeId: "3",
|
|
95
|
+
offerId: "4",
|
|
96
|
+
voucherCloneAddress: "0x041f56fe77ac1558cc415de46f7777234d9d141a"
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
export const TestingBase: ComponentStory<typeof OpenSeaButton> = Template.bind(
|
|
100
|
+
{}
|
|
101
|
+
);
|
|
102
|
+
TestingBase.args = {
|
|
103
|
+
disabled: false,
|
|
104
|
+
envName: "testing",
|
|
105
|
+
configId: "testing-84532-0",
|
|
106
|
+
exchangeId: "6",
|
|
107
|
+
offerId: "10",
|
|
108
|
+
voucherCloneAddress: "0x041f56fe77ac1558cc415de46f7777234d9d141a"
|
|
109
|
+
};
|