@bosonprotocol/react-kit 0.36.0-alpha.16 → 0.36.0-alpha.17
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/ui/IpfsImage.d.ts.map +1 -1
- package/dist/cjs/components/ui/IpfsImage.js +41 -31
- package/dist/cjs/components/ui/IpfsImage.js.map +1 -1
- package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.d.ts.map +1 -1
- package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js +0 -2
- package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.d.ts.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js +0 -2
- package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js.map +1 -1
- package/dist/esm/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/esm/components/ui/IpfsImage.js +41 -31
- package/dist/esm/components/ui/IpfsImage.js.map +1 -1
- package/dist/esm/components/widgets/finance/FinanceWidgetProviders.d.ts.map +1 -1
- package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js +0 -2
- package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.d.ts.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js +0 -2
- package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js.map +1 -1
- package/package.json +4 -4
- package/src/components/ui/IpfsImage.tsx +58 -53
- package/src/components/widgets/finance/FinanceWidgetProviders.tsx +0 -2
- package/src/components/widgets/redemption/RedemptionWidgetProviders.tsx +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAiErD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkG9C,CAAC"}
|
|
@@ -59,7 +59,6 @@ const Loading_1 = require("./loading/Loading");
|
|
|
59
59
|
const Typography_1 = require("./Typography");
|
|
60
60
|
const zIndex_1 = require("./zIndex");
|
|
61
61
|
const ImageWrapper = styled_components_1.default.div `
|
|
62
|
-
display: ${({ $hide }) => ($hide ? "none !important" : undefined)};
|
|
63
62
|
overflow: hidden;
|
|
64
63
|
position: relative;
|
|
65
64
|
z-index: ${zIndex_1.zIndex.OfferCard};
|
|
@@ -91,17 +90,24 @@ const ImageContainer = styled_components_1.default.img `
|
|
|
91
90
|
height: 100%;
|
|
92
91
|
object-fit: cover;
|
|
93
92
|
`;
|
|
94
|
-
const
|
|
93
|
+
const Overlay = styled_components_1.default.div `
|
|
94
|
+
display: ${({ $visible }) => ($visible ? "flex" : "none")};
|
|
95
95
|
position: absolute;
|
|
96
96
|
top: 0;
|
|
97
|
-
|
|
97
|
+
left: 0;
|
|
98
98
|
width: 100%;
|
|
99
|
+
height: 100%;
|
|
99
100
|
background-color: ${theme_1.colors.greyDark};
|
|
101
|
+
flex-direction: column;
|
|
102
|
+
justify-content: center;
|
|
103
|
+
align-items: center;
|
|
104
|
+
z-index: 1;
|
|
105
|
+
`;
|
|
106
|
+
const ImagePlaceholder = styled_components_1.default.div `
|
|
100
107
|
display: flex;
|
|
101
108
|
flex-direction: column;
|
|
102
109
|
justify-content: center;
|
|
103
110
|
align-items: center;
|
|
104
|
-
|
|
105
111
|
span {
|
|
106
112
|
${styles_1.buttonText}
|
|
107
113
|
font-size: inherit;
|
|
@@ -125,42 +131,46 @@ const IpfsImage = (_a) => {
|
|
|
125
131
|
if (src === currentSrc) {
|
|
126
132
|
return;
|
|
127
133
|
}
|
|
128
|
-
|
|
129
|
-
setStatus(withLoading ? "loading" : "success");
|
|
134
|
+
setStatus((status) => status === "success" ? "success" : withLoading ? "loading" : "success");
|
|
130
135
|
setCurrentSrc((0, images_1.getImageUrl)(src, (overrides === null || overrides === void 0 ? void 0 : overrides.ipfsGateway) || ipfsGateway, optimizationOpts));
|
|
131
136
|
setDidOriginalSrcFail(false);
|
|
132
|
-
|
|
133
|
-
|
|
137
|
+
}, [
|
|
138
|
+
src,
|
|
139
|
+
overrides === null || overrides === void 0 ? void 0 : overrides.ipfsGateway,
|
|
140
|
+
ipfsGateway,
|
|
141
|
+
optimizationOpts,
|
|
142
|
+
currentSrc,
|
|
143
|
+
withLoading
|
|
144
|
+
]);
|
|
134
145
|
const isError = status === "error";
|
|
135
146
|
const isLoading = status === "loading";
|
|
136
147
|
const isSuccess = status === "success";
|
|
137
|
-
return (react_1.default.createElement(
|
|
138
|
-
react_1.default.createElement(
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
children || "",
|
|
148
|
-
react_1.default.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
|
|
149
|
-
if (didOriginalSrcFail) {
|
|
148
|
+
return (react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { className: rest.className }),
|
|
149
|
+
react_1.default.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
|
|
150
|
+
if (didOriginalSrcFail) {
|
|
151
|
+
handleSetStatus("error");
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
setDidOriginalSrcFail(true);
|
|
155
|
+
const fallbackUrl = (0, images_1.getFallbackImageUrl)(src, ipfsGateway, optimizationOpts);
|
|
156
|
+
if (fallbackUrl.startsWith("unsafe:") ||
|
|
157
|
+
fallbackUrl === currentSrc) {
|
|
150
158
|
handleSetStatus("error");
|
|
151
159
|
}
|
|
152
160
|
else {
|
|
153
|
-
|
|
154
|
-
const fallbackUrl = (0, images_1.getFallbackImageUrl)(src, ipfsGateway, optimizationOpts);
|
|
155
|
-
if (fallbackUrl.startsWith("unsafe:") ||
|
|
156
|
-
fallbackUrl === currentSrc) {
|
|
157
|
-
handleSetStatus("error");
|
|
158
|
-
}
|
|
159
|
-
else {
|
|
160
|
-
setCurrentSrc(fallbackUrl);
|
|
161
|
-
}
|
|
161
|
+
setCurrentSrc(fallbackUrl);
|
|
162
162
|
}
|
|
163
|
-
}
|
|
163
|
+
}
|
|
164
|
+
} }),
|
|
165
|
+
children,
|
|
166
|
+
react_1.default.createElement(Overlay, { "$visible": isLoading },
|
|
167
|
+
react_1.default.createElement(ImagePlaceholder, null,
|
|
168
|
+
react_1.default.createElement(Typography_1.Typography, { tag: "div" },
|
|
169
|
+
react_1.default.createElement(Loading_1.Loading, null)))),
|
|
170
|
+
react_1.default.createElement(Overlay, { "$visible": !isLoading && (isError || !isSuccess) },
|
|
171
|
+
react_1.default.createElement(ImagePlaceholder, null,
|
|
172
|
+
showPlaceholderText ? (react_1.default.createElement(phosphor_react_1.Image, { size: 50, color: theme_1.colors.white })) : (react_1.default.createElement(phosphor_react_1.CameraSlash, { size: 20, color: theme_1.colors.white })),
|
|
173
|
+
showPlaceholderText && (react_1.default.createElement(Typography_1.Typography, { tag: "span" }, "IMAGE NOT AVAILABLE"))))));
|
|
164
174
|
};
|
|
165
175
|
exports.IpfsImage = IpfsImage;
|
|
166
176
|
//# sourceMappingURL=IpfsImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAiE;AACjE,+CAAmD;AACnD,0EAAuC;AAEvC,qCAAsC;AACtC,oDAIiC;AACjC,uCAAqC;AACrC,qDAAqD;AACrD,+CAA4C;AAE5C,6CAA0C;AAC1C,qCAAkC;AAIlC,MAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FinanceWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"FinanceWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAqB,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAEL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,mBAAmB,EACnB,cAAc,GAAG,WAAW,CAC7B,GACC,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,OAAO,CAAC,uBAAuB,CAAC,GAChC,iBAAiB,GACjB,2BAA2B,GAC3B,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAIJ,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwCrE,CAAC"}
|
|
@@ -21,7 +21,6 @@ const ConfigProvider_1 = require("../../config/ConfigProvider");
|
|
|
21
21
|
const ModalProvider_1 = require("../../modal/ModalProvider");
|
|
22
22
|
const withQueryClientProvider_1 = require("../../queryClient/withQueryClientProvider");
|
|
23
23
|
const SignerProvider_1 = require("../../signer/SignerProvider");
|
|
24
|
-
const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
|
|
25
24
|
const ReduxProvider_1 = require("../ReduxProvider");
|
|
26
25
|
const common_1 = require("../common");
|
|
27
26
|
const ConvertionRateProvider_1 = __importDefault(require("./convertion-rate/ConvertionRateProvider"));
|
|
@@ -44,7 +43,6 @@ exports.FinanceWidgetProviders = (0, withQueryClientProvider_1.withQueryClientPr
|
|
|
44
43
|
react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey, infuraKey: infuraKey }, props),
|
|
45
44
|
react_1.default.createElement(BlockNumberProvider_1.BlockNumberProvider, null,
|
|
46
45
|
react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
|
|
47
|
-
react_1.default.createElement(GlobalStyle_1.default, null),
|
|
48
46
|
react_1.default.createElement(SignerProvider_1.SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
|
|
49
47
|
react_1.default.createElement(ConvertionRateProvider_1.default, null,
|
|
50
48
|
react_1.default.createElement(ModalProvider_1.ModalProvider, null, children))))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FinanceWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyC;AAEzC,uDAAoD;AACpD,gEAGqC;AACrC,6DAA0D;AAC1D,uFAAoF;AACpF,gEAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"FinanceWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyC;AAEzC,uDAAoD;AACpD,gEAGqC;AACrC,6DAA0D;AAC1D,uFAAoF;AACpF,gEAA6D;AAC7D,oDAA6E;AAC7E,sCAAkD;AAElD,sGAEkD;AAClD,6DAA8E;AAC9E,6DAA6E;AAC7E,sFAAmF;AACnF,8DAI+B;AAC/B,wEAAqE;AAgBrE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,eAAM,CAAC;AAE9B,QAAA,sBAAsB,GACjC,IAAA,iDAAuB,EAAC,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,EAAE,eAAe,OAAY,EAAP,KAAK,cAArC,+BAAuC,CAAF;IAC5D,MAAM,YAAY,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAC7C,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GACnC,IAAA,kCAAa,EAAC;QACZ,YAAY,EAAE,KAAK;KACpB,CAAC,IAAI,EAAE,CAAC;IACX,OAAO,CACL,8BAAC,uCAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,iBAAiB,IAAI,OAAO,EAClD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK;QAElC,eAAe,IAAI,8BAAC,uCAAkB,OAAG;QAC1C,8BAAC,iCAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;YAE1C,8BAAC,2BAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;gBAC3C,8BAAC,+BAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,IAChB,KAAK;oBAET,8BAAC,yCAAmB;wBAClB,8BAAC,6BAAa,oBAAK,KAAK;4BACtB,8BAAC,+BAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gCAE5C,8BAAC,gCAAsB;oCACrB,8BAAC,6BAAa,QAAE,QAAQ,CAAiB,CAClB,CACV,CACH,CACI,CACP,CACJ,CACG,CACD,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI1E,OAAO,EAAqB,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAEL,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEL,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG7E,OAAO,EAEL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,GAC5D,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,uBAAuB,GACvB,OAAO,CAAC,uBAAuB,CAAC,GAChC,IAAI,CAAC,6BAA6B,EAAE,iBAAiB,CAAC,GACtD,2BAA2B,GAC3B,iBAAiB,GACjB,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;CAC1C,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAIJ,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAoD3E,CAAC"}
|
|
@@ -23,7 +23,6 @@ const IpfsProvider_1 = require("../../ipfs/IpfsProvider");
|
|
|
23
23
|
const ModalProvider_1 = require("../../modal/ModalProvider");
|
|
24
24
|
const withQueryClientProvider_1 = require("../../queryClient/withQueryClientProvider");
|
|
25
25
|
const SignerProvider_1 = require("../../signer/SignerProvider");
|
|
26
|
-
const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
|
|
27
26
|
const ReduxProvider_1 = require("../ReduxProvider");
|
|
28
27
|
const common_1 = require("../common");
|
|
29
28
|
const ConvertionRateProvider_1 = __importDefault(require("../finance/convertion-rate/ConvertionRateProvider"));
|
|
@@ -50,7 +49,6 @@ exports.RedemptionWidgetProviders = (0, withQueryClientProvider_1.withQueryClien
|
|
|
50
49
|
react_1.default.createElement(RobloxProvider_1.RobloxProvider, null,
|
|
51
50
|
react_1.default.createElement(BlockNumberProvider_1.BlockNumberProvider, null,
|
|
52
51
|
react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
|
|
53
|
-
react_1.default.createElement(GlobalStyle_1.default, null),
|
|
54
52
|
react_1.default.createElement(SignerProvider_1.SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
|
|
55
53
|
react_1.default.createElement(ChatProvider_1.default, null,
|
|
56
54
|
react_1.default.createElement(IpfsProvider_1.IpfsProvider, Object.assign({}, props),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyC;AACzC,uDAAoD;AACpD,wFAAgE;AAChE,gEAGqC;AACrC,0DAA0E;AAC1E,6DAA0D;AAC1D,uFAAoF;AACpF,gEAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"RedemptionWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyC;AACzC,uDAAoD;AACpD,wFAAgE;AAChE,gEAGqC;AACrC,0DAA0E;AAC1E,6DAA0D;AAC1D,uFAAoF;AACpF,gEAA6D;AAC7D,oDAA6E;AAC7E,sCAAkD;AAClD,+GAE2D;AAE3D,sEAGuC;AACvC,kFAG6C;AAC7C,6DAA8E;AAC9E,6DAA6E;AAC7E,sFAAmF;AACnF,iFAA8E;AAC9E,8DAI+B;AAC/B,wEAAqE;AAkBrE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,eAAM,CAAC;AAE9B,QAAA,yBAAyB,GACpC,IAAA,iDAAuB,EAAC,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,EAAE,eAAe,OAAY,EAAP,KAAK,cAArC,+BAAuC,CAAF;IAC5D,MAAM,YAAY,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAC7C,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GACnC,IAAA,kCAAa,EAAC;QACZ,YAAY,EAAE,KAAK;KACpB,CAAC,IAAI,EAAE,CAAC;IACX,OAAO,CACL,8BAAC,uCAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,iBAAiB,IAAI,OAAO,EAClD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK;QAElC,eAAe,IAAI,8BAAC,uCAAkB,OAAG;QAC1C,8BAAC,iCAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;YAE1C,8BAAC,2BAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;gBAC3C,8BAAC,+BAAc,kBACb,YAAY,EAAE,YAAY,IACtB,KAAK,IACT,SAAS,EAAE,SAAS;oBAEpB,8BAAC,+BAAc;wBACb,8BAAC,yCAAmB;4BAClB,8BAAC,6BAAa,oBAAK,KAAK;gCACtB,8BAAC,+BAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oCAE5C,8BAAC,sBAAY;wCACX,8BAAC,2BAAY,oBAAK,KAAK;4CACrB,8BAAC,gCAAsB;gDACrB,8BAAC,6BAAa;oDACZ,8BAAC,uCAAkB,oBAAK,KAAK;wDAC3B,8BAAC,mDAAwB,oBAAK,KAAK,GAChC,QAAQ,CACgB,CACR,CACP,CACO,CACZ,CACF,CACA,CACH,CACI,CACP,CACF,CACJ,CACG,CACD,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAiErD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkG9C,CAAC"}
|
|
@@ -9,7 +9,6 @@ import { Loading } from "./loading/Loading";
|
|
|
9
9
|
import { Typography } from "./Typography";
|
|
10
10
|
import { zIndex } from "./zIndex";
|
|
11
11
|
const ImageWrapper = styled.div `
|
|
12
|
-
display: ${({ $hide }) => ($hide ? "none !important" : undefined)};
|
|
13
12
|
overflow: hidden;
|
|
14
13
|
position: relative;
|
|
15
14
|
z-index: ${zIndex.OfferCard};
|
|
@@ -41,17 +40,24 @@ const ImageContainer = styled.img `
|
|
|
41
40
|
height: 100%;
|
|
42
41
|
object-fit: cover;
|
|
43
42
|
`;
|
|
44
|
-
const
|
|
43
|
+
const Overlay = styled.div `
|
|
44
|
+
display: ${({ $visible }) => ($visible ? "flex" : "none")};
|
|
45
45
|
position: absolute;
|
|
46
46
|
top: 0;
|
|
47
|
-
|
|
47
|
+
left: 0;
|
|
48
48
|
width: 100%;
|
|
49
|
+
height: 100%;
|
|
49
50
|
background-color: ${colors.greyDark};
|
|
51
|
+
flex-direction: column;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
align-items: center;
|
|
54
|
+
z-index: 1;
|
|
55
|
+
`;
|
|
56
|
+
const ImagePlaceholder = styled.div `
|
|
50
57
|
display: flex;
|
|
51
58
|
flex-direction: column;
|
|
52
59
|
justify-content: center;
|
|
53
60
|
align-items: center;
|
|
54
|
-
|
|
55
61
|
span {
|
|
56
62
|
${buttonText}
|
|
57
63
|
font-size: inherit;
|
|
@@ -74,41 +80,45 @@ export const IpfsImage = ({ src, children, dataTestId = "image", alt = "", showP
|
|
|
74
80
|
if (src === currentSrc) {
|
|
75
81
|
return;
|
|
76
82
|
}
|
|
77
|
-
|
|
78
|
-
setStatus(withLoading ? "loading" : "success");
|
|
83
|
+
setStatus((status) => status === "success" ? "success" : withLoading ? "loading" : "success");
|
|
79
84
|
setCurrentSrc(getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts));
|
|
80
85
|
setDidOriginalSrcFail(false);
|
|
81
|
-
|
|
82
|
-
|
|
86
|
+
}, [
|
|
87
|
+
src,
|
|
88
|
+
overrides?.ipfsGateway,
|
|
89
|
+
ipfsGateway,
|
|
90
|
+
optimizationOpts,
|
|
91
|
+
currentSrc,
|
|
92
|
+
withLoading
|
|
93
|
+
]);
|
|
83
94
|
const isError = status === "error";
|
|
84
95
|
const isLoading = status === "loading";
|
|
85
96
|
const isSuccess = status === "success";
|
|
86
|
-
return (React.createElement(
|
|
87
|
-
React.createElement(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
children || "",
|
|
97
|
-
React.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
|
|
98
|
-
if (didOriginalSrcFail) {
|
|
97
|
+
return (React.createElement(ImageWrapper, { ...rest, className: rest.className },
|
|
98
|
+
React.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
|
|
99
|
+
if (didOriginalSrcFail) {
|
|
100
|
+
handleSetStatus("error");
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
setDidOriginalSrcFail(true);
|
|
104
|
+
const fallbackUrl = getFallbackImageUrl(src, ipfsGateway, optimizationOpts);
|
|
105
|
+
if (fallbackUrl.startsWith("unsafe:") ||
|
|
106
|
+
fallbackUrl === currentSrc) {
|
|
99
107
|
handleSetStatus("error");
|
|
100
108
|
}
|
|
101
109
|
else {
|
|
102
|
-
|
|
103
|
-
const fallbackUrl = getFallbackImageUrl(src, ipfsGateway, optimizationOpts);
|
|
104
|
-
if (fallbackUrl.startsWith("unsafe:") ||
|
|
105
|
-
fallbackUrl === currentSrc) {
|
|
106
|
-
handleSetStatus("error");
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
setCurrentSrc(fallbackUrl);
|
|
110
|
-
}
|
|
110
|
+
setCurrentSrc(fallbackUrl);
|
|
111
111
|
}
|
|
112
|
-
}
|
|
112
|
+
}
|
|
113
|
+
} }),
|
|
114
|
+
children,
|
|
115
|
+
React.createElement(Overlay, { "$visible": isLoading },
|
|
116
|
+
React.createElement(ImagePlaceholder, null,
|
|
117
|
+
React.createElement(Typography, { tag: "div" },
|
|
118
|
+
React.createElement(Loading, null)))),
|
|
119
|
+
React.createElement(Overlay, { "$visible": !isLoading && (isError || !isSuccess) },
|
|
120
|
+
React.createElement(ImagePlaceholder, null,
|
|
121
|
+
showPlaceholderText ? (React.createElement(ImageIcon, { size: 50, color: colors.white })) : (React.createElement(CameraSlash, { size: 20, color: colors.white })),
|
|
122
|
+
showPlaceholderText && (React.createElement(Typography, { tag: "span" }, "IMAGE NOT AVAILABLE"))))));
|
|
113
123
|
};
|
|
114
124
|
//# sourceMappingURL=IpfsImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EACL,mBAAmB,EACnB,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FinanceWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"FinanceWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAqB,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAEL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,mBAAmB,EACnB,cAAc,GAAG,WAAW,CAC7B,GACC,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,OAAO,CAAC,uBAAuB,CAAC,GAChC,iBAAiB,GACjB,2BAA2B,GAC3B,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAIJ,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwCrE,CAAC"}
|
|
@@ -4,7 +4,6 @@ import { ConfigProvider } from "../../config/ConfigProvider";
|
|
|
4
4
|
import { ModalProvider } from "../../modal/ModalProvider";
|
|
5
5
|
import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
|
|
6
6
|
import { SignerProvider } from "../../signer/SignerProvider";
|
|
7
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
8
7
|
import { WithReduxProvider } from "../ReduxProvider";
|
|
9
8
|
import { getParentWindowOrigin } from "../common";
|
|
10
9
|
import ConvertionRateProvider from "./convertion-rate/ConvertionRateProvider";
|
|
@@ -26,7 +25,6 @@ export const FinanceWidgetProviders = withQueryClientProvider(({ children, withG
|
|
|
26
25
|
React.createElement(ConfigProvider, { magicLinkKey: magicLinkKey, infuraKey: infuraKey, ...props },
|
|
27
26
|
React.createElement(BlockNumberProvider, null,
|
|
28
27
|
React.createElement(BosonProvider, { ...props },
|
|
29
|
-
React.createElement(GlobalStyle, null),
|
|
30
28
|
React.createElement(SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
|
|
31
29
|
React.createElement(ConvertionRateProvider, null,
|
|
32
30
|
React.createElement(ModalProvider, null, children))))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FinanceWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,
|
|
1
|
+
{"version":3,"file":"FinanceWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,sBAEN,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAqB,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EACL,kBAAkB,EAElB,aAAa,EACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAgBrE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GACjC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GACnC,aAAa,CAAC;QACZ,YAAY,EAAE,KAAK;KACpB,CAAC,IAAI,EAAE,CAAC;IACX,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,iBAAiB,IAAI,OAAO,EAClD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK;QAElC,eAAe,IAAI,oBAAC,kBAAkB,OAAG;QAC1C,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;YAE1C,oBAAC,YAAY,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS;gBAC3C,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,KAChB,KAAK;oBAET,oBAAC,mBAAmB;wBAClB,oBAAC,aAAa,OAAK,KAAK;4BACtB,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gCAE5C,oBAAC,sBAAsB;oCACrB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CAClB,CACV,CACH,CACI,CACP,CACJ,CACG,CACD,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI1E,OAAO,EAAqB,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAEL,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEL,6BAA6B,EAC9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG7E,OAAO,EAEL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,GAC5D,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,uBAAuB,GACvB,OAAO,CAAC,uBAAuB,CAAC,GAChC,IAAI,CAAC,6BAA6B,EAAE,iBAAiB,CAAC,GACtD,2BAA2B,GAC3B,iBAAiB,GACjB,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;CAC1C,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAIJ,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAoD3E,CAAC"}
|
|
@@ -6,7 +6,6 @@ import { IpfsProvider } from "../../ipfs/IpfsProvider";
|
|
|
6
6
|
import { ModalProvider } from "../../modal/ModalProvider";
|
|
7
7
|
import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
|
|
8
8
|
import { SignerProvider } from "../../signer/SignerProvider";
|
|
9
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
10
9
|
import { WithReduxProvider } from "../ReduxProvider";
|
|
11
10
|
import { getParentWindowOrigin } from "../common";
|
|
12
11
|
import ConvertionRateProvider from "../finance/convertion-rate/ConvertionRateProvider";
|
|
@@ -32,7 +31,6 @@ export const RedemptionWidgetProviders = withQueryClientProvider(({ children, wi
|
|
|
32
31
|
React.createElement(RobloxProvider, null,
|
|
33
32
|
React.createElement(BlockNumberProvider, null,
|
|
34
33
|
React.createElement(BosonProvider, { ...props },
|
|
35
|
-
React.createElement(GlobalStyle, null),
|
|
36
34
|
React.createElement(SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
|
|
37
35
|
React.createElement(ChatProvider, null,
|
|
38
36
|
React.createElement(IpfsProvider, { ...props },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,
|
|
1
|
+
{"version":3,"file":"RedemptionWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,sBAEN,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EACL,kBAAkB,EAEnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,wBAAwB,EAEzB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAqB,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EACL,kBAAkB,EAElB,aAAa,EACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAkBrE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,yBAAyB,GACpC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GACnC,aAAa,CAAC;QACZ,YAAY,EAAE,KAAK;KACpB,CAAC,IAAI,EAAE,CAAC;IACX,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,iBAAiB,IAAI,OAAO,EAClD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK;QAElC,eAAe,IAAI,oBAAC,kBAAkB,OAAG;QAC1C,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;YAE1C,oBAAC,YAAY,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS;gBAC3C,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,KACtB,KAAK,EACT,SAAS,EAAE,SAAS;oBAEpB,oBAAC,cAAc;wBACb,oBAAC,mBAAmB;4BAClB,oBAAC,aAAa,OAAK,KAAK;gCACtB,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oCAE5C,oBAAC,YAAY;wCACX,oBAAC,YAAY,OAAK,KAAK;4CACrB,oBAAC,sBAAsB;gDACrB,oBAAC,aAAa;oDACZ,oBAAC,kBAAkB,OAAK,KAAK;wDAC3B,oBAAC,wBAAwB,OAAK,KAAK,IAChC,QAAQ,CACgB,CACR,CACP,CACO,CACZ,CACF,CACA,CACH,CACI,CACP,CACF,CACJ,CACG,CACD,CACtB,CAAC;AACJ,CAAC,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.36.0-alpha.
|
|
4
|
+
"version": "0.36.0-alpha.17",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.42.0-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.15.1-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.42.0-alpha.19",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.15.1-alpha.25",
|
|
20
20
|
"@bosonprotocol/ipfs-storage": "^1.12.0",
|
|
21
21
|
"@bosonprotocol/roblox-sdk": "^1.0.0-alpha.16",
|
|
22
22
|
"@davatar/react": "1.11.1",
|
|
@@ -205,5 +205,5 @@
|
|
|
205
205
|
"overrides": {
|
|
206
206
|
"typescript": "^5.1.6"
|
|
207
207
|
},
|
|
208
|
-
"gitHead": "
|
|
208
|
+
"gitHead": "2e81b1d37c568a353db9dd670540d5f410fb44a8"
|
|
209
209
|
}
|
|
@@ -17,8 +17,7 @@ import { zIndex } from "./zIndex";
|
|
|
17
17
|
|
|
18
18
|
type LoadingStatus = "loading" | "success" | "error";
|
|
19
19
|
|
|
20
|
-
const ImageWrapper = styled.div
|
|
21
|
-
display: ${({ $hide }) => ($hide ? "none !important" : undefined)};
|
|
20
|
+
const ImageWrapper = styled.div`
|
|
22
21
|
overflow: hidden;
|
|
23
22
|
position: relative;
|
|
24
23
|
z-index: ${zIndex.OfferCard};
|
|
@@ -52,17 +51,25 @@ const ImageContainer = styled.img`
|
|
|
52
51
|
object-fit: cover;
|
|
53
52
|
`;
|
|
54
53
|
|
|
55
|
-
const
|
|
54
|
+
const Overlay = styled.div<{ $visible: boolean }>`
|
|
55
|
+
display: ${({ $visible }) => ($visible ? "flex" : "none")};
|
|
56
56
|
position: absolute;
|
|
57
57
|
top: 0;
|
|
58
|
-
|
|
58
|
+
left: 0;
|
|
59
59
|
width: 100%;
|
|
60
|
+
height: 100%;
|
|
60
61
|
background-color: ${colors.greyDark};
|
|
61
|
-
display: flex;
|
|
62
62
|
flex-direction: column;
|
|
63
63
|
justify-content: center;
|
|
64
64
|
align-items: center;
|
|
65
|
+
z-index: 1;
|
|
66
|
+
`;
|
|
65
67
|
|
|
68
|
+
const ImagePlaceholder = styled.div`
|
|
69
|
+
display: flex;
|
|
70
|
+
flex-direction: column;
|
|
71
|
+
justify-content: center;
|
|
72
|
+
align-items: center;
|
|
66
73
|
span {
|
|
67
74
|
${buttonText}
|
|
68
75
|
font-size: inherit;
|
|
@@ -115,33 +122,64 @@ export const IpfsImage: React.FC<IpfsImageProps> = ({
|
|
|
115
122
|
if (src === currentSrc) {
|
|
116
123
|
return;
|
|
117
124
|
}
|
|
118
|
-
|
|
119
|
-
|
|
125
|
+
setStatus((status) =>
|
|
126
|
+
status === "success" ? "success" : withLoading ? "loading" : "success"
|
|
127
|
+
);
|
|
120
128
|
setCurrentSrc(
|
|
121
129
|
getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts)
|
|
122
130
|
);
|
|
123
131
|
setDidOriginalSrcFail(false);
|
|
124
|
-
|
|
125
|
-
|
|
132
|
+
}, [
|
|
133
|
+
src,
|
|
134
|
+
overrides?.ipfsGateway,
|
|
135
|
+
ipfsGateway,
|
|
136
|
+
optimizationOpts,
|
|
137
|
+
currentSrc,
|
|
138
|
+
withLoading
|
|
139
|
+
]);
|
|
140
|
+
|
|
126
141
|
const isError = status === "error";
|
|
127
142
|
const isLoading = status === "loading";
|
|
128
143
|
const isSuccess = status === "success";
|
|
129
144
|
|
|
130
145
|
return (
|
|
131
|
-
|
|
132
|
-
<
|
|
133
|
-
{
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
146
|
+
<ImageWrapper {...rest} className={rest.className}>
|
|
147
|
+
<ImageContainer
|
|
148
|
+
data-testid={dataTestId}
|
|
149
|
+
src={currentSrc}
|
|
150
|
+
alt={alt}
|
|
151
|
+
onLoad={() => handleSetStatus("success")}
|
|
152
|
+
onError={() => {
|
|
153
|
+
if (didOriginalSrcFail) {
|
|
154
|
+
handleSetStatus("error");
|
|
155
|
+
} else {
|
|
156
|
+
setDidOriginalSrcFail(true);
|
|
157
|
+
const fallbackUrl = getFallbackImageUrl(
|
|
158
|
+
src,
|
|
159
|
+
ipfsGateway,
|
|
160
|
+
optimizationOpts
|
|
161
|
+
);
|
|
162
|
+
if (
|
|
163
|
+
fallbackUrl.startsWith("unsafe:") ||
|
|
164
|
+
fallbackUrl === currentSrc
|
|
165
|
+
) {
|
|
166
|
+
handleSetStatus("error");
|
|
167
|
+
} else {
|
|
168
|
+
setCurrentSrc(fallbackUrl);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
}}
|
|
172
|
+
/>
|
|
173
|
+
{children}
|
|
174
|
+
<Overlay $visible={isLoading}>
|
|
137
175
|
<ImagePlaceholder>
|
|
138
176
|
<Typography tag="div">
|
|
139
177
|
<Loading />
|
|
140
178
|
</Typography>
|
|
141
179
|
</ImagePlaceholder>
|
|
142
|
-
</
|
|
143
|
-
<
|
|
144
|
-
<ImagePlaceholder
|
|
180
|
+
</Overlay>
|
|
181
|
+
<Overlay $visible={!isLoading && (isError || !isSuccess)}>
|
|
182
|
+
<ImagePlaceholder>
|
|
145
183
|
{showPlaceholderText ? (
|
|
146
184
|
<ImageIcon size={50} color={colors.white} />
|
|
147
185
|
) : (
|
|
@@ -151,40 +189,7 @@ export const IpfsImage: React.FC<IpfsImageProps> = ({
|
|
|
151
189
|
<Typography tag="span">IMAGE NOT AVAILABLE</Typography>
|
|
152
190
|
)}
|
|
153
191
|
</ImagePlaceholder>
|
|
154
|
-
</
|
|
155
|
-
|
|
156
|
-
{...rest}
|
|
157
|
-
$hide={!isSuccess}
|
|
158
|
-
className={"image-container " + rest.className}
|
|
159
|
-
>
|
|
160
|
-
{children || ""}
|
|
161
|
-
<ImageContainer
|
|
162
|
-
data-testid={dataTestId}
|
|
163
|
-
src={currentSrc}
|
|
164
|
-
alt={alt}
|
|
165
|
-
onLoad={() => handleSetStatus("success")}
|
|
166
|
-
onError={() => {
|
|
167
|
-
if (didOriginalSrcFail) {
|
|
168
|
-
handleSetStatus("error");
|
|
169
|
-
} else {
|
|
170
|
-
setDidOriginalSrcFail(true);
|
|
171
|
-
const fallbackUrl = getFallbackImageUrl(
|
|
172
|
-
src,
|
|
173
|
-
ipfsGateway,
|
|
174
|
-
optimizationOpts
|
|
175
|
-
);
|
|
176
|
-
if (
|
|
177
|
-
fallbackUrl.startsWith("unsafe:") ||
|
|
178
|
-
fallbackUrl === currentSrc
|
|
179
|
-
) {
|
|
180
|
-
handleSetStatus("error");
|
|
181
|
-
} else {
|
|
182
|
-
setCurrentSrc(fallbackUrl);
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}}
|
|
186
|
-
/>
|
|
187
|
-
</ImageWrapper>
|
|
188
|
-
</>
|
|
192
|
+
</Overlay>
|
|
193
|
+
</ImageWrapper>
|
|
189
194
|
);
|
|
190
195
|
};
|
|
@@ -8,7 +8,6 @@ import {
|
|
|
8
8
|
import { ModalProvider } from "../../modal/ModalProvider";
|
|
9
9
|
import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
|
|
10
10
|
import { SignerProvider } from "../../signer/SignerProvider";
|
|
11
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
12
11
|
import { WithReduxProvider, WithReduxProviderProps } from "../ReduxProvider";
|
|
13
12
|
import { getParentWindowOrigin } from "../common";
|
|
14
13
|
import { CommonWidgetTypes } from "../types";
|
|
@@ -66,7 +65,6 @@ export const FinanceWidgetProviders: React.FC<FinanceWidgetProvidersProps> =
|
|
|
66
65
|
>
|
|
67
66
|
<BlockNumberProvider>
|
|
68
67
|
<BosonProvider {...props}>
|
|
69
|
-
<GlobalStyle />
|
|
70
68
|
<SignerProvider
|
|
71
69
|
parentOrigin={parentOrigin}
|
|
72
70
|
withExternalSigner={props.withExternalSigner}
|
|
@@ -9,7 +9,6 @@ import { IpfsProvider, IpfsProviderProps } from "../../ipfs/IpfsProvider";
|
|
|
9
9
|
import { ModalProvider } from "../../modal/ModalProvider";
|
|
10
10
|
import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
|
|
11
11
|
import { SignerProvider } from "../../signer/SignerProvider";
|
|
12
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
13
12
|
import { WithReduxProvider, WithReduxProviderProps } from "../ReduxProvider";
|
|
14
13
|
import { getParentWindowOrigin } from "../common";
|
|
15
14
|
import ConvertionRateProvider, {
|
|
@@ -79,7 +78,6 @@ export const RedemptionWidgetProviders: React.FC<RedemptionWidgetProvidersProps>
|
|
|
79
78
|
<RobloxProvider>
|
|
80
79
|
<BlockNumberProvider>
|
|
81
80
|
<BosonProvider {...props}>
|
|
82
|
-
<GlobalStyle />
|
|
83
81
|
<SignerProvider
|
|
84
82
|
parentOrigin={parentOrigin}
|
|
85
83
|
withExternalSigner={props.withExternalSigner}
|