@bosonprotocol/react-kit 0.36.0-alpha.18 → 0.36.0-alpha.3

package/dist/cjs/components/ui/IpfsImage.js

@@ -59,6 +59,7 @@ const Loading_1 = require("./loading/Loading");
 const Typography_1 = require("./Typography");
 const zIndex_1 = require("./zIndex");
 const ImageWrapper = styled_components_1.default.div `
+  display: ${({ $hide }) => ($hide ? "none !important" : undefined)};
   overflow: hidden;
   position: relative;
   z-index: ${zIndex_1.zIndex.OfferCard};
@@ -90,24 +91,17 @@ const ImageContainer = styled_components_1.default.img `
   height: 100%;
   object-fit: cover;
 `;
-const Overlay = styled_components_1.default.div `
-  display: ${({ $visible }) => ($visible ? "flex" : "none")};
+const ImagePlaceholder = styled_components_1.default.div `
   position: absolute;
   top: 0;
-  left: 0;
-  width: 100%;
   height: 100%;
+  width: 100%;
   background-color: ${theme_1.colors.greyDark};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  z-index: 1;
-`;
-const ImagePlaceholder = styled_components_1.default.div `
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+
   span {
     ${styles_1.buttonText}
     font-size: inherit;
@@ -131,46 +125,42 @@ const IpfsImage = (_a) => {
         if (src === currentSrc) {
             return;
         }
-        setStatus((status) => status === "success" ? "success" : withLoading ? "loading" : "success");
+        // reset all if src changes
+        setStatus(withLoading ? "loading" : "success");
         setCurrentSrc((0, images_1.getImageUrl)(src, (overrides === null || overrides === void 0 ? void 0 : overrides.ipfsGateway) || ipfsGateway, optimizationOpts));
         setDidOriginalSrcFail(false);
-    }, [
-        src,
-        overrides === null || overrides === void 0 ? void 0 : overrides.ipfsGateway,
-        ipfsGateway,
-        optimizationOpts,
-        currentSrc,
-        withLoading
-    ]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [src]);
     const isError = status === "error";
     const isLoading = status === "loading";
     const isSuccess = status === "success";
-    return (react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { className: rest.className }),
-        react_1.default.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
-                if (didOriginalSrcFail) {
-                    handleSetStatus("error");
-                }
-                else {
-                    setDidOriginalSrcFail(true);
-                    const fallbackUrl = (0, images_1.getFallbackImageUrl)(src, ipfsGateway, optimizationOpts);
-                    if (fallbackUrl.startsWith("unsafe:") ||
-                        fallbackUrl === currentSrc) {
-                        handleSetStatus("error");
-                    }
-                    else {
-                        setCurrentSrc(fallbackUrl);
-                    }
-                }
-            } }),
-        children,
-        react_1.default.createElement(Overlay, { "$visible": isLoading },
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isLoading, className: "loading-container " + rest.className }),
             react_1.default.createElement(ImagePlaceholder, null,
                 react_1.default.createElement(Typography_1.Typography, { tag: "div" },
                     react_1.default.createElement(Loading_1.Loading, null)))),
-        react_1.default.createElement(Overlay, { "$visible": !isLoading && (isError || !isSuccess) },
-            react_1.default.createElement(ImagePlaceholder, null,
+        react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isError }),
+            react_1.default.createElement(ImagePlaceholder, { "data-image-placeholder": true },
                 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 })),
-                showPlaceholderText && (react_1.default.createElement(Typography_1.Typography, { tag: "span" }, "IMAGE NOT AVAILABLE"))))));
+                showPlaceholderText && (react_1.default.createElement(Typography_1.Typography, { tag: "span" }, "IMAGE NOT AVAILABLE")))),
+        react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isSuccess, className: "image-container " + rest.className }),
+            children || "",
+            react_1.default.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
+                    if (didOriginalSrcFail) {
+                        handleSetStatus("error");
+                    }
+                    else {
+                        setDidOriginalSrcFail(true);
+                        const fallbackUrl = (0, images_1.getFallbackImageUrl)(src, ipfsGateway, optimizationOpts);
+                        if (fallbackUrl.startsWith("unsafe:") ||
+                            fallbackUrl === currentSrc) {
+                            handleSetStatus("error");
+                        }
+                        else {
+                            setCurrentSrc(fallbackUrl);
+                        }
+                    }
+                } }))));
 };
 exports.IpfsImage = IpfsImage;
 //# sourceMappingURL=IpfsImage.js.map

package/dist/cjs/components/ui/IpfsImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"IpfsImage.js","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/ui/SvgImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgD5C,CAAC"}
+{"version":3,"file":"SvgImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC"}

package/dist/cjs/components/ui/SvgImage.js

@@ -36,7 +36,6 @@ const SvgWrapper = styled_components_1.default.div `
 `;
 exports.SvgImage = (0, withQueryClientProvider_1.withQueryClientProvider)((_a) => {
     var { src } = _a, rest = __rest(_a, ["src"]);
-    const isStringWithSvg = !!src && typeof src === "string" && src.toLowerCase().startsWith("<svg");
     const { data: svgHtml, isLoading } = (0, react_query_1.useQuery)([src], () => __awaiter(void 0, void 0, void 0, function* () {
         if (typeof src !== "string") {
             return;
@@ -48,7 +47,7 @@ exports.SvgImage = (0, withQueryClientProvider_1.withQueryClientProvider)((_a) =
         const svgText = yield response.text();
         return svgText;
     }), {
-        enabled: isStringWithSvg,
+        enabled: typeof src === "string",
         staleTime: Infinity
     });
     if (typeof src === "string") {

package/dist/cjs/components/ui/SvgImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgImage.js","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6CAAuC;AACvC,0EAA0D;AAC1D,oFAAiF;AAWjF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK5B,CAAC;AAEW,QAAA,QAAQ,GAA4B,IAAA,iDAAuB,EACtE,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,GAAG,OAAW,EAAN,IAAI,cAAd,OAAgB,CAAF;IACb,MAAM,eAAe,GACnB,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3E,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAC3C,CAAC,GAAG,CAAC,EACL,GAAS,EAAE;QACT,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CACb,wBAAwB,QAAQ,CAAC,UAAU,UAAU,GAAG,EAAE,CAC3D,CAAC;QACJ,CAAC;QACD,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtC,OAAO,OAAO,CAAC;IACjB,CAAC,CAAA,EACD;QACE,OAAO,EAAE,eAAe;QACxB,SAAS,EAAE,QAAQ;KACpB,CACF,CAAC;IACF,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,6DAAK,CAAC;QACf,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAmB,IAAI,EAAlB,SAAS,UAAK,IAAI,EAApD,qCAA6C,CAAO,CAAC;YAC3D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;YAC9D,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;YAClE,OAAO,CACL,8BAAC,UAAU,kBACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IACxC,SAAS,IACb,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,OAChE,CACH,CAAC;QACJ,CAAC;QACD,6CAA6C;QAC7C,OAAO,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;IACrC,CAAC;IACD,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,6DAA6D;IAC7D,aAAa;IACb,OAAO,8BAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC,CACF,CAAC"}
+{"version":3,"file":"SvgImage.js","sourceRoot":"","sources":["../../../../src/components/ui/SvgImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6CAAuC;AACvC,0EAA0D;AAC1D,oFAAiF;AAWjF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK5B,CAAC;AAEW,QAAA,QAAQ,GAA4B,IAAA,iDAAuB,EACtE,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,GAAG,OAAW,EAAN,IAAI,cAAd,OAAgB,CAAF;IACb,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAC3C,CAAC,GAAG,CAAC,EACL,GAAS,EAAE;QACT,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CACb,wBAAwB,QAAQ,CAAC,UAAU,UAAU,GAAG,EAAE,CAC3D,CAAC;QACJ,CAAC;QACD,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtC,OAAO,OAAO,CAAC;IACjB,CAAC,CAAA,EACD;QACE,OAAO,EAAE,OAAO,GAAG,KAAK,QAAQ;QAChC,SAAS,EAAE,QAAQ;KACpB,CACF,CAAC;IACF,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,6DAAK,CAAC;QACf,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAmB,IAAI,EAAlB,SAAS,UAAK,IAAI,EAApD,qCAA6C,CAAO,CAAC;YAC3D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;YAC9D,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;YAClE,OAAO,CACL,8BAAC,UAAU,kBACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IACxC,SAAS,IACb,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,OAChE,CACH,CAAC;QACJ,CAAC;QACD,6CAA6C;QAC7C,OAAO,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;IACrC,CAAC;IACD,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,6DAA6D;IAC7D,aAAa;IACb,OAAO,8BAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC,CACF,CAAC"}

package/dist/cjs/components/widgets/commit/CommitWidgetProviders.d.ts

@@ -7,9 +7,9 @@ import { ConvertionRateProviderProps } from "../finance/convertion-rate/Converti
 import { Web3ProviderProps } from "../../wallet2/web3Provider";
 import { RedemptionProviderProps } from "../redemption/provider/RedemptionProvider";
 import { BosonThemeProviderProps } from "../BosonThemeProvider";
-export type CommitWidgetProvidersProps = IpfsProviderProps & Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & Partial<BosonThemeProviderProps> & RedemptionProviderProps & ConvertionRateProviderProps & Omit<Web3ProviderProps, "infuraKey"> & BosonProviderProps & WithReduxProviderProps & {
+export type CommitWidgetProvidersProps = IpfsProviderProps & Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & BosonThemeProviderProps & RedemptionProviderProps & ConvertionRateProviderProps & Omit<Web3ProviderProps, "infuraKey"> & BosonProviderProps & WithReduxProviderProps & {
     children: ReactNode;
-    withGlobalStyle?: boolean;
+    withGlobalStyle: boolean;
 };
 export declare const CommitWidgetReduxUpdaters: ({ children, withWeb3React, ...rest }: import("../../../state/updaters").UpdatersProps) => React.JSX.Element;
 export declare const CommitWidgetReduxProvider: ({ children, withCustomContext }: {

package/dist/cjs/components/widgets/commit/CommitWidgetProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommitWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAItD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE9E,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAGL,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAEL,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,GACxD,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,OAAO,CAAC,uBAAuB,CAAC,GAChC,uBAAuB,GACvB,2BAA2B,GAC3B,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAIJ,eAAO,MAAM,yBAAyB,8GAAW,CAAC;AAClD,eAAO,MAAM,yBAAyB;;qBAnCnB,CAAC;uBAmCkC,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkEpE,CAAC"}
+{"version":3,"file":"CommitWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAItD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE9E,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAGL,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAEL,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,uBAAuB,EAExB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,GACxD,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,uBAAuB,GACvB,uBAAuB,GACvB,2BAA2B,GAC3B,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIJ,eAAO,MAAM,yBAAyB,8GAAW,CAAC;AAClD,eAAO,MAAM,yBAAyB;;qBAnCnB,CAAC;uBAmCkC,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkEpE,CAAC"}

package/dist/cjs/components/widgets/commit/CommitWidgetProviders.js

@@ -61,7 +61,7 @@ const withQueryClientProvider_1 = require("../../queryClient/withQueryClientProv
 const ReduxProvider_1 = require("../ReduxProvider");
 const ConvertionRateProvider_1 = __importDefault(require("../finance/convertion-rate/ConvertionRateProvider"));
 const web3Provider_1 = require("../../wallet2/web3Provider");
-const BlockNumberProvider_1 = require("../../../hooks/contracts/BlockNumberProvider");
+const useBlockNumber_1 = require("../../../hooks/contracts/useBlockNumber");
 const RedemptionProvider_1 = require("../redemption/provider/RedemptionProvider");
 const BosonThemeProvider_1 = require("../BosonThemeProvider");
 const GlobalStyledThemed_1 = require("../../styles/GlobalStyledThemed");
@@ -77,13 +77,13 @@ exports.CommitWidgetProviders = (0, withQueryClientProvider_1.withQueryClientPro
     const { themeKey: storyBookThemeKey } = (0, BosonThemeProvider_1.useBosonTheme)({
         throwOnError: false
     }) || {};
-    return (react_1.default.createElement(BosonThemeProvider_1.BosonThemeProvider, { theme: props.theme || storyBookThemeKey || "light", roundness: props.roundness || "min" },
+    return (react_1.default.createElement(BosonThemeProvider_1.BosonThemeProvider, { theme: props.theme || storyBookThemeKey, roundness: props.roundness },
         withGlobalStyle && react_1.default.createElement(GlobalStyledThemed_1.GlobalStyledThemed, null),
         react_1.default.createElement(ReduxProvider_1.WithReduxProvider, { withCustomReduxContext: withCustomReduxContext, withReduxProvider: withReduxProvider },
             react_1.default.createElement(web3Provider_1.Web3Provider, Object.assign({}, props, { infuraKey: infuraKey }),
                 react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey, infuraKey: infuraKey, withCustomReduxContext: withCustomReduxContext }, props),
                     react_1.default.createElement(RobloxProvider_1.RobloxProvider, null,
-                        react_1.default.createElement(BlockNumberProvider_1.BlockNumberProvider, null,
+                        react_1.default.createElement(useBlockNumber_1.BlockNumberProvider, null,
                             react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
                                 react_1.default.createElement(WithUpdaters, null,
                                     react_1.default.createElement(ChatProvider_1.default, null,

package/dist/cjs/components/widgets/commit/CommitWidgetProviders.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommitWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qEAAmE;AACnE,uDAAoD;AACpD,sDAAmD;AACnD,6DAA8E;AAC9E,wFAAgE;AAChE,gEAGqC;AACrC,0DAA0E;AAC1E,6DAA0D;AAC1D,uFAAoF;AACpF,oDAI0B;AAC1B,+GAE2D;AAC3D,6DAA6E;AAC7E,sFAAmF;AACnF,kFAGmD;AACnD,8DAI+B;AAC/B,wEAAqE;AACrE,iFAA8E;AAc9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,eAAM,CAAC;AAE9B,QAAA,yBAAyB,GAAG,mBAAQ,CAAC;AACrC,QAAA,yBAAyB,GAAG,6BAAa,CAAC;AAE1C,QAAA,qBAAqB,GAChC,IAAA,iDAAuB,EACrB,CAAC,EAMA,EAAE,EAAE;QANJ,EACC,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,OAEhB,EADI,KAAK,cALT,8EAMA,CADS;IAER,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAA2B,EAAE,EAAE;QAC1D,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,8BAAC,eAAe,IAAC,aAAa,EAAE,KAAK,CAAC,aAAa,IAChD,gBAAgB,CACD,CACnB,CAAC,CAAC,CAAC,CACF,8DAAG,gBAAgB,CAAI,CACxB,CAAC;IACJ,CAAC,EACD,CAAC,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,CACzC,CAAC;IACF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GACnC,IAAA,kCAAa,EAAC;QACZ,YAAY,EAAE,KAAK;KACpB,CAAC,IAAI,EAAE,CAAC;IAEX,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,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB;YAEpC,8BAAC,2BAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;gBAC3C,8BAAC,+BAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,sBAAsB,EAAE,sBAAsB,IAC1C,KAAK;oBAET,8BAAC,+BAAc;wBACb,8BAAC,yCAAmB;4BAClB,8BAAC,6BAAa,oBAAK,KAAK;gCACtB,8BAAC,YAAY;oCACX,8BAAC,sBAAY;wCACX,8BAAC,2BAAY,oBAAK,KAAK;4CACrB,8BAAC,gCAAsB;gDACrB,8BAAC,uCAAkB,oBAAK,KAAK;oDAC3B,8BAAC,6BAAa,QAAE,QAAQ,CAAiB,CACtB,CACE,CACZ,CACF,CACF,CACD,CACI,CACP,CACF,CACJ,CACG,CACD,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAa,EAId;IACC,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,IACvD,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CommitWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qEAAmE;AACnE,uDAAoD;AACpD,sDAAmD;AACnD,6DAA8E;AAC9E,wFAAgE;AAChE,gEAGqC;AACrC,0DAA0E;AAC1E,6DAA0D;AAC1D,uFAAoF;AACpF,oDAI0B;AAC1B,+GAE2D;AAC3D,6DAA6E;AAC7E,4EAA8E;AAC9E,kFAGmD;AACnD,8DAI+B;AAC/B,wEAAqE;AACrE,iFAA8E;AAc9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,eAAM,CAAC;AAE9B,QAAA,yBAAyB,GAAG,mBAAQ,CAAC;AACrC,QAAA,yBAAyB,GAAG,6BAAa,CAAC;AAE1C,QAAA,qBAAqB,GAChC,IAAA,iDAAuB,EACrB,CAAC,EAMA,EAAE,EAAE;QANJ,EACC,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,OAEhB,EADI,KAAK,cALT,8EAMA,CADS;IAER,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAA2B,EAAE,EAAE;QAC1D,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,8BAAC,eAAe,IAAC,aAAa,EAAE,KAAK,CAAC,aAAa,IAChD,gBAAgB,CACD,CACnB,CAAC,CAAC,CAAC,CACF,8DAAG,gBAAgB,CAAI,CACxB,CAAC;IACJ,CAAC,EACD,CAAC,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,CACzC,CAAC;IACF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GACnC,IAAA,kCAAa,EAAC;QACZ,YAAY,EAAE,KAAK;KACpB,CAAC,IAAI,EAAE,CAAC;IAEX,OAAO,CACL,8BAAC,uCAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,iBAAiB,EACvC,SAAS,EAAE,KAAK,CAAC,SAAS;QAEzB,eAAe,IAAI,8BAAC,uCAAkB,OAAG;QAC1C,8BAAC,iCAAiB,IAChB,sBAAsB,EAAE,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB;YAEpC,8BAAC,2BAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;gBAC3C,8BAAC,+BAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,sBAAsB,EAAE,sBAAsB,IAC1C,KAAK;oBAET,8BAAC,+BAAc;wBACb,8BAAC,oCAAmB;4BAClB,8BAAC,6BAAa,oBAAK,KAAK;gCACtB,8BAAC,YAAY;oCACX,8BAAC,sBAAY;wCACX,8BAAC,2BAAY,oBAAK,KAAK;4CACrB,8BAAC,gCAAsB;gDACrB,8BAAC,uCAAkB,oBAAK,KAAK;oDAC3B,8BAAC,6BAAa,QAAE,QAAQ,CAAiB,CACtB,CACE,CACZ,CACF,CACF,CACD,CACI,CACP,CACF,CACJ,CACG,CACD,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAa,EAId;IACC,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,IACvD,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC"}

package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.d.ts

@@ -6,10 +6,8 @@ import { CommonWidgetTypes } from "../types";
 import { ConvertionRateProviderProps } from "./convertion-rate/ConvertionRateProvider";
 import { BosonProviderProps } from "../../boson/BosonProvider";
 import { Web3ProviderProps } from "../../wallet2/web3Provider";
-import { BosonThemeProviderProps } from "../BosonThemeProvider";
-export type FinanceWidgetProvidersProps = Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & Omit<Web3ProviderProps, "infuraKey"> & Partial<BosonThemeProviderProps> & CommonWidgetTypes & ConvertionRateProviderProps & BosonProviderProps & WithReduxProviderProps & {
+export type FinanceWidgetProvidersProps = Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & Omit<Web3ProviderProps, "infuraKey"> & CommonWidgetTypes & ConvertionRateProviderProps & BosonProviderProps & WithReduxProviderProps & {
     children: ReactNode;
-    withGlobalStyle?: boolean;
 };
 export declare const FinanceWidgetProviders: React.FC<FinanceWidgetProvidersProps>;
 //# sourceMappingURL=FinanceWidgetProviders.d.ts.map

package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.d.ts.map

@@ -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;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"}
+{"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;AAKrC,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;AAG7E,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,mBAAmB,EACnB,cAAc,GAAG,WAAW,CAC7B,GACC,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,GACpC,iBAAiB,GACjB,2BAA2B,GAC3B,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAIJ,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+BrE,CAAC"}

package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js

@@ -21,30 +21,25 @@ const ConfigProvider_1 = require("../../config/ConfigProvider");
 const ModalProvider_1 = require("../../modal/ModalProvider");
 const withQueryClientProvider_1 = require("../../queryClient/withQueryClientProvider");
 const SignerProvider_1 = require("../../signer/SignerProvider");
+const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
 const ReduxProvider_1 = require("../ReduxProvider");
 const common_1 = require("../common");
 const ConvertionRateProvider_1 = __importDefault(require("./convertion-rate/ConvertionRateProvider"));
 const BosonProvider_1 = require("../../boson/BosonProvider");
 const web3Provider_1 = require("../../wallet2/web3Provider");
-const BlockNumberProvider_1 = require("../../../hooks/contracts/BlockNumberProvider");
-const BosonThemeProvider_1 = require("../BosonThemeProvider");
-const GlobalStyledThemed_1 = require("../../styles/GlobalStyledThemed");
+const useBlockNumber_1 = require("../../../hooks/contracts/useBlockNumber");
 const { infuraKey, magicLinkKey } = config_1.CONFIG;
 exports.FinanceWidgetProviders = (0, withQueryClientProvider_1.withQueryClientProvider)((_a) => {
-    var { children, withGlobalStyle } = _a, props = __rest(_a, ["children", "withGlobalStyle"]);
+    var { children } = _a, props = __rest(_a, ["children"]);
     const parentOrigin = (0, common_1.getParentWindowOrigin)();
-    const { themeKey: storyBookThemeKey } = (0, BosonThemeProvider_1.useBosonTheme)({
-        throwOnError: false
-    }) || {};
-    return (react_1.default.createElement(BosonThemeProvider_1.BosonThemeProvider, { theme: props.theme || storyBookThemeKey || "light", roundness: props.roundness || "min" },
-        withGlobalStyle && react_1.default.createElement(GlobalStyledThemed_1.GlobalStyledThemed, null),
-        react_1.default.createElement(ReduxProvider_1.WithReduxProvider, { withCustomReduxContext: props.withCustomReduxContext, withReduxProvider: props.withReduxProvider },
-            react_1.default.createElement(web3Provider_1.Web3Provider, Object.assign({}, props, { infuraKey: infuraKey }),
-                react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey, infuraKey: infuraKey }, props),
-                    react_1.default.createElement(BlockNumberProvider_1.BlockNumberProvider, null,
-                        react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
-                            react_1.default.createElement(SignerProvider_1.SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
-                                react_1.default.createElement(ConvertionRateProvider_1.default, null,
-                                    react_1.default.createElement(ModalProvider_1.ModalProvider, null, children))))))))));
+    return (react_1.default.createElement(ReduxProvider_1.WithReduxProvider, { withCustomReduxContext: props.withCustomReduxContext, withReduxProvider: props.withReduxProvider },
+        react_1.default.createElement(web3Provider_1.Web3Provider, Object.assign({}, props, { infuraKey: infuraKey }),
+            react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey, infuraKey: infuraKey }, props),
+                react_1.default.createElement(useBlockNumber_1.BlockNumberProvider, null,
+                    react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
+                        react_1.default.createElement(GlobalStyle_1.default, null),
+                        react_1.default.createElement(SignerProvider_1.SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
+                            react_1.default.createElement(ConvertionRateProvider_1.default, null,
+                                react_1.default.createElement(ModalProvider_1.ModalProvider, null, children)))))))));
 });
 //# sourceMappingURL=FinanceWidgetProviders.js.map

package/dist/cjs/components/widgets/finance/FinanceWidgetProviders.js.map

@@ -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,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"}
+{"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,2EAAmD;AACnD,oDAA6E;AAC7E,sCAAkD;AAElD,sGAEkD;AAClD,6DAA8E;AAC9E,6DAA6E;AAC7E,4EAA8E;AAc9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,eAAM,CAAC;AAE9B,QAAA,sBAAsB,GACjC,IAAA,iDAAuB,EAAC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC3C,MAAM,YAAY,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAC7C,OAAO,CACL,8BAAC,iCAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAE1C,8BAAC,2BAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;YAC3C,8BAAC,+BAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,IAChB,KAAK;gBAET,8BAAC,oCAAmB;oBAClB,8BAAC,6BAAa,oBAAK,KAAK;wBACtB,8BAAC,qBAAW,OAAG;wBACf,8BAAC,+BAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;4BAE5C,8BAAC,gCAAsB;gCACrB,8BAAC,6BAAa,QAAE,QAAQ,CAAiB,CAClB,CACV,CACH,CACI,CACP,CACJ,CACG,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/widgets/finance/useSellerRoles.d.ts

@@ -8,6 +8,13 @@ export interface SellerRolesProps {
 }
 export declare function useSellerRoles(id: string): {
     sellerRoles: SellerRolesProps;
-    seller: import("@bosonprotocol/core-sdk/dist/cjs/subgraph").SellerFieldsFragment | undefined;
+    seller: {
+        id: string;
+        admin: string;
+        clerk: string;
+        assistant: string;
+        treasury: string;
+        active: boolean;
+    } | undefined;
 };
 //# sourceMappingURL=useSellerRoles.d.ts.map

package/dist/cjs/components/widgets/finance/useSellerRoles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSellerRoles.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/useSellerRoles.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM;;;EAgCxC"}
+{"version":3,"file":"useSellerRoles.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/useSellerRoles.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM;;;YAS3B,MAAM;eACH,MAAM;eACN,MAAM;mBACF,MAAM;kBACP,MAAM;gBACR,OAAO;;EAkDxB"}

package/dist/cjs/components/widgets/finance/useSellerRoles.js

@@ -10,9 +10,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSellerRoles = useSellerRoles;
+const graphql_request_1 = require("graphql-request");
 const react_1 = require("react");
 const react_query_1 = require("react-query");
 const useCoreSdkWithContext_1 = require("../../../hooks/core-sdk/useCoreSdkWithContext");
+const subgraph_1 = require("../../../lib/subgraph/subgraph");
 const connection_1 = require("../../../hooks/connection/connection");
 function lowerCase(str) {
     return (str === null || str === void 0 ? void 0 : str.toLowerCase()) || "";
@@ -20,9 +22,29 @@ function lowerCase(str) {
 function useSellerRoles(id) {
     const { address } = (0, connection_1.useAccount)();
     const coreSDK = (0, useCoreSdkWithContext_1.useCoreSDKWithContext)();
-    const { data } = (0, react_query_1.useQuery)(["seller-roles", id, coreSDK.uuid], () => __awaiter(this, void 0, void 0, function* () {
-        const seller = yield coreSDK.getSellerById(id);
-        return seller !== null && seller !== void 0 ? seller : null;
+    const { data } = (0, react_query_1.useQuery)(["seller-roles", { id }], () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const result = yield (0, subgraph_1.fetchSubgraph)(coreSDK.subgraphUrl, (0, graphql_request_1.gql) `
+          query GetSellerByID(
+            $id: String
+          ) {
+            sellers(
+              where: {
+                ${id ? `id: "${id}"` : ""}
+              }
+            ) {
+              id
+              admin
+              active
+              clerk
+              assistant
+              treasury
+            }
+          }
+        `, {
+            id
+        });
+        return (_a = result === null || result === void 0 ? void 0 : result.sellers[0]) !== null && _a !== void 0 ? _a : null;
     }), {
         enabled: !!id
     });

package/dist/cjs/components/widgets/finance/useSellerRoles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSellerRoles.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/useSellerRoles.ts"],"names":[],"mappings":";;;;;;;;;;;AAgBA,wCAgCC;AAhDD,iCAAgC;AAChC,6CAAuC;AACvC,yFAAsF;AACtF,qEAAkE;AAElE,SAAS,SAAS,CAAC,GAAuB;IACxC,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,EAAE,KAAI,EAAE,CAAC;AAClC,CAAC;AASD,SAAgB,cAAc,CAAC,EAAU;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,uBAAU,GAAE,CAAC;IACjC,MAAM,OAAO,GAAG,IAAA,6CAAqB,GAAE,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,sBAAQ,EACvB,CAAC,cAAc,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,EAClC,GAAS,EAAE;QACT,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QAE/C,OAAO,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,CAAC;IACxB,CAAC,CAAA,EACD;QACE,OAAO,EAAE,CAAC,CAAC,EAAE;KACd,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAqB,EAAE,CAAC,CAAC;QACvB,QAAQ,EAAE,IAAI,KAAK,IAAI;QACvB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAK;QACrC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;QACrE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;QACrE,WAAW,EAAE,IAAI;YACf,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC;YACnD,CAAC,CAAC,KAAK;QACT,UAAU,EAAE,IAAI;YACd,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC;YAClD,CAAC,CAAC,KAAK;KACV,CAAC,EACF,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AACpD,CAAC"}
+{"version":3,"file":"useSellerRoles.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/useSellerRoles.ts"],"names":[],"mappings":";;;;;;;;;;;AAkBA,wCAgEC;AAlFD,qDAAsC;AACtC,iCAAgC;AAChC,6CAAuC;AACvC,yFAAsF;AACtF,6DAA+D;AAC/D,qEAAkE;AAElE,SAAS,SAAS,CAAC,GAAuB;IACxC,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,EAAE,KAAI,EAAE,CAAC;AAClC,CAAC;AASD,SAAgB,cAAc,CAAC,EAAU;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,uBAAU,GAAE,CAAC;IACjC,MAAM,OAAO,GAAG,IAAA,6CAAqB,GAAE,CAAC;IAExC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,sBAAQ,EACvB,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,CAAC,EACxB,GAAS,EAAE;;QACT,MAAM,MAAM,GAAG,MAAM,IAAA,wBAAa,EAUhC,OAAO,CAAC,WAAW,EACnB,IAAA,qBAAG,EAAA;;;;;;kBAMO,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;SAWhC,EACD;YACE,EAAE;SACH,CACF,CAAC;QACF,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC;IACpC,CAAC,CAAA,EACD;QACE,OAAO,EAAE,CAAC,CAAC,EAAE;KACd,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAqB,EAAE,CAAC,CAAC;QACvB,QAAQ,EAAE,IAAI,KAAK,IAAI;QACvB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAK;QACrC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;QACrE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;QACrE,WAAW,EAAE,IAAI;YACf,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC;YACnD,CAAC,CAAC,KAAK;QACT,UAAU,EAAE,IAAI;YACd,CAAC,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC;YAClD,CAAC,CAAC,KAAK;KACV,CAAC,EACF,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AACpD,CAAC"}

package/dist/cjs/components/widgets/index.d.ts

@@ -1,6 +1,4 @@
 export * from "./BosonThemeProvider";
-export * from "./ReduxProvider";
-export { BlockNumberProvider } from "../../hooks/contracts/BlockNumberProvider";
 export { RedemptionWidgetAction } from "./redemption/provider/RedemptionWidgetContext";
 export * from "./finance/FinanceWidget";
 export * from "./redemption/RedemptionWidget";

package/dist/cjs/components/widgets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAEvF,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAEvF,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/dist/cjs/components/widgets/index.js

@@ -14,11 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RedemptionWidgetAction = exports.BlockNumberProvider = void 0;
+exports.RedemptionWidgetAction = void 0;
 __exportStar(require("./BosonThemeProvider"), exports);
-__exportStar(require("./ReduxProvider"), exports);
-var BlockNumberProvider_1 = require("../../hooks/contracts/BlockNumberProvider");
-Object.defineProperty(exports, "BlockNumberProvider", { enumerable: true, get: function () { return BlockNumberProvider_1.BlockNumberProvider; } });
 var RedemptionWidgetContext_1 = require("./redemption/provider/RedemptionWidgetContext");
 Object.defineProperty(exports, "RedemptionWidgetAction", { enumerable: true, get: function () { return RedemptionWidgetContext_1.RedemptionWidgetAction; } });
 __exportStar(require("./finance/FinanceWidget"), exports);

package/dist/cjs/components/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/widgets/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,kDAAgC;AAChC,iFAAgF;AAAvE,0HAAA,mBAAmB,OAAA;AAC5B,yFAAuF;AAA9E,iIAAA,sBAAsB,OAAA;AAE/B,0DAAwC;AACxC,gEAA8C;AAC9C,wDAAsC;AACtC,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/widgets/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,yFAAuF;AAA9E,iIAAA,sBAAsB,OAAA;AAE/B,0DAAwC;AACxC,gEAA8C;AAC9C,wDAAsC;AACtC,wDAAsC"}

package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.d.ts

@@ -8,12 +8,10 @@ import { RedemptionProviderProps } from "./provider/RedemptionProvider";
 import { RedemptionWidgetProviderProps } from "./provider/RedemptionWidgetProvider";
 import { BosonProviderProps } from "../../boson/BosonProvider";
 import { Web3ProviderProps } from "../../wallet2/web3Provider";
-import { BosonThemeProviderProps } from "../BosonThemeProvider";
-export type RedemptionWidgetProvidersProps = IpfsProviderProps & Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & RedemptionProviderProps & Partial<BosonThemeProviderProps> & Omit<RedemptionWidgetProviderProps, "setWidgetAction"> & ConvertionRateProviderProps & CommonWidgetTypes & Omit<Web3ProviderProps, "infuraKey"> & BosonProviderProps & WithReduxProviderProps & {
+export type RedemptionWidgetProvidersProps = IpfsProviderProps & Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & RedemptionProviderProps & Omit<RedemptionWidgetProviderProps, "setWidgetAction"> & ConvertionRateProviderProps & CommonWidgetTypes & Omit<Web3ProviderProps, "infuraKey"> & BosonProviderProps & WithReduxProviderProps & {
     signatures?: string[] | undefined | null;
 } & {
     children: ReactNode;
-    withGlobalStyle?: boolean;
 };
 export declare const RedemptionWidgetProviders: React.FC<RedemptionWidgetProvidersProps>;
 //# sourceMappingURL=RedemptionWidgetProviders.d.ts.map

package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.d.ts.map

@@ -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;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"}
+{"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;AAK1E,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;AAI7E,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,GAC5D,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,uBAAuB,GACvB,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;CACrB,CAAC;AAIJ,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA2C3E,CAAC"}

package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js

@@ -23,6 +23,7 @@ const IpfsProvider_1 = require("../../ipfs/IpfsProvider");
 const ModalProvider_1 = require("../../modal/ModalProvider");
 const withQueryClientProvider_1 = require("../../queryClient/withQueryClientProvider");
 const SignerProvider_1 = require("../../signer/SignerProvider");
+const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
 const ReduxProvider_1 = require("../ReduxProvider");
 const common_1 = require("../common");
 const ConvertionRateProvider_1 = __importDefault(require("../finance/convertion-rate/ConvertionRateProvider"));
@@ -30,31 +31,25 @@ const RedemptionProvider_1 = require("./provider/RedemptionProvider");
 const RedemptionWidgetProvider_1 = require("./provider/RedemptionWidgetProvider");
 const BosonProvider_1 = require("../../boson/BosonProvider");
 const web3Provider_1 = require("../../wallet2/web3Provider");
-const BlockNumberProvider_1 = require("../../../hooks/contracts/BlockNumberProvider");
+const useBlockNumber_1 = require("../../../hooks/contracts/useBlockNumber");
 const RobloxProvider_1 = require("../../../hooks/roblox/context/RobloxProvider");
-const BosonThemeProvider_1 = require("../BosonThemeProvider");
-const GlobalStyledThemed_1 = require("../../styles/GlobalStyledThemed");
 const { infuraKey, magicLinkKey } = config_1.CONFIG;
 exports.RedemptionWidgetProviders = (0, withQueryClientProvider_1.withQueryClientProvider)((_a) => {
-    var { children, withGlobalStyle } = _a, props = __rest(_a, ["children", "withGlobalStyle"]);
+    var { children } = _a, props = __rest(_a, ["children"]);
     const parentOrigin = (0, common_1.getParentWindowOrigin)();
-    const { themeKey: storyBookThemeKey } = (0, BosonThemeProvider_1.useBosonTheme)({
-        throwOnError: false
-    }) || {};
-    return (react_1.default.createElement(BosonThemeProvider_1.BosonThemeProvider, { theme: props.theme || storyBookThemeKey || "light", roundness: props.roundness || "min" },
-        withGlobalStyle && react_1.default.createElement(GlobalStyledThemed_1.GlobalStyledThemed, null),
-        react_1.default.createElement(ReduxProvider_1.WithReduxProvider, { withCustomReduxContext: props.withCustomReduxContext, withReduxProvider: props.withReduxProvider },
-            react_1.default.createElement(web3Provider_1.Web3Provider, Object.assign({}, props, { infuraKey: infuraKey }),
-                react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey }, props, { infuraKey: infuraKey }),
-                    react_1.default.createElement(RobloxProvider_1.RobloxProvider, null,
-                        react_1.default.createElement(BlockNumberProvider_1.BlockNumberProvider, null,
-                            react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
-                                react_1.default.createElement(SignerProvider_1.SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
-                                    react_1.default.createElement(ChatProvider_1.default, null,
-                                        react_1.default.createElement(IpfsProvider_1.IpfsProvider, Object.assign({}, props),
-                                            react_1.default.createElement(ConvertionRateProvider_1.default, null,
-                                                react_1.default.createElement(ModalProvider_1.ModalProvider, null,
-                                                    react_1.default.createElement(RedemptionProvider_1.RedemptionProvider, Object.assign({}, props),
-                                                        react_1.default.createElement(RedemptionWidgetProvider_1.RedemptionWidgetProvider, Object.assign({}, props), children)))))))))))))));
+    return (react_1.default.createElement(ReduxProvider_1.WithReduxProvider, { withCustomReduxContext: props.withCustomReduxContext, withReduxProvider: props.withReduxProvider },
+        react_1.default.createElement(web3Provider_1.Web3Provider, Object.assign({}, props, { infuraKey: infuraKey }),
+            react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey }, props, { infuraKey: infuraKey }),
+                react_1.default.createElement(RobloxProvider_1.RobloxProvider, null,
+                    react_1.default.createElement(useBlockNumber_1.BlockNumberProvider, null,
+                        react_1.default.createElement(BosonProvider_1.BosonProvider, Object.assign({}, props),
+                            react_1.default.createElement(GlobalStyle_1.default, null),
+                            react_1.default.createElement(SignerProvider_1.SignerProvider, { parentOrigin: parentOrigin, withExternalSigner: props.withExternalSigner },
+                                react_1.default.createElement(ChatProvider_1.default, null,
+                                    react_1.default.createElement(IpfsProvider_1.IpfsProvider, Object.assign({}, props),
+                                        react_1.default.createElement(ConvertionRateProvider_1.default, null,
+                                            react_1.default.createElement(ModalProvider_1.ModalProvider, null,
+                                                react_1.default.createElement(RedemptionProvider_1.RedemptionProvider, Object.assign({}, props),
+                                                    react_1.default.createElement(RedemptionWidgetProvider_1.RedemptionWidgetProvider, Object.assign({}, props), children))))))))))))));
 });
 //# sourceMappingURL=RedemptionWidgetProviders.js.map

package/dist/cjs/components/widgets/redemption/RedemptionWidgetProviders.js.map

@@ -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,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"}
+{"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,2EAAmD;AACnD,oDAA6E;AAC7E,sCAAkD;AAClD,+GAE2D;AAE3D,sEAGuC;AACvC,kFAG6C;AAC7C,6DAA8E;AAC9E,6DAA6E;AAC7E,4EAA8E;AAC9E,iFAA8E;AAgB9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,eAAM,CAAC;AAE9B,QAAA,yBAAyB,GACpC,IAAA,iDAAuB,EAAC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC3C,MAAM,YAAY,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAC7C,OAAO,CACL,8BAAC,iCAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAE1C,8BAAC,2BAAY,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;YAC3C,8BAAC,+BAAc,kBACb,YAAY,EAAE,YAAY,IACtB,KAAK,IACT,SAAS,EAAE,SAAS;gBAEpB,8BAAC,+BAAc;oBACb,8BAAC,oCAAmB;wBAClB,8BAAC,6BAAa,oBAAK,KAAK;4BACtB,8BAAC,qBAAW,OAAG;4BACf,8BAAC,+BAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gCAE5C,8BAAC,sBAAY;oCACX,8BAAC,2BAAY,oBAAK,KAAK;wCACrB,8BAAC,gCAAsB;4CACrB,8BAAC,6BAAa;gDACZ,8BAAC,uCAAkB,oBAAK,KAAK;oDAC3B,8BAAC,mDAAwB,oBAAK,KAAK,GAChC,QAAQ,CACgB,CACR,CACP,CACO,CACZ,CACF,CACA,CACH,CACI,CACP,CACF,CACJ,CACG,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/widgets/roblox/components/ConnectRoblox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectRoblox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/ConnectRoblox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA2Sf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChD,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,aAAa,2FAgQzB,CAAC"}
+{"version":3,"file":"ConnectRoblox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/roblox/components/ConnectRoblox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAmSf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChD,CAAC;CACH,CAAC;AAGF,eAAO,MAAM,aAAa,2FA2PzB,CAAC"}

package/dist/cjs/components/widgets/roblox/components/ConnectRoblox.js

@@ -82,15 +82,11 @@ const stepToIcon = {
         react_1.default.createElement("path", { d: "M16.9166 13.4365H24.4156L20.0422 19.6872C20.7616 19.6872 21.4699 19.8646 22.1044 20.2037C22.7389 20.5428 23.28 21.0332 23.6797 21.6314C24.0794 22.2295 24.3254 22.917 24.3959 23.633C24.4665 24.3489 24.3593 25.0712 24.084 25.7359C23.8087 26.4006 23.3738 26.9871 22.8176 27.4435C22.2615 27.8999 21.6014 28.2121 20.8958 28.3525C20.1902 28.4928 19.4609 28.457 18.7725 28.2482C18.084 28.0393 17.4577 27.6639 16.949 27.1552", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))
 };
 const breakpointHorizontal = breakpoint_1.breakpoint.xs;
-const breakpointForHook = "isXXS";
 const StepsOverview = (0, styled_components_1.styled)(Grid_1.Grid) `
   padding: 1rem;
-  ${({ $hide }) => {
-    return ($hide &&
-        (0, styled_components_1.css) `
-        display: none;
-      `);
-}}
+  ${breakpointHorizontal} {
+    display: none;
+  }
 `;
 const Wrapper = (0, styled_components_1.styled)(Grid_1.Grid).attrs({
     flexDirection: "column"
@@ -341,14 +337,14 @@ exports.ConnectRoblox = (0, react_1.forwardRef)(({ step3, sellerId }, ref) => {
         icon: stepToIcon[2]
     };
     const [showFullSteps, setShowFullSteps] = (0, react_1.useState)(false);
-    const { [breakpointForHook]: breakpointToHideSmallSteps } = (0, hooks_1.useBreakpoints)();
+    const { isXS } = (0, hooks_1.useBreakpoints)();
     (0, react_1.useEffect)(() => {
-        if (!breakpointToHideSmallSteps) {
+        if (!isXS) {
             setShowFullSteps(true);
         }
-    }, [breakpointToHideSmallSteps]);
+    }, [isXS]);
     return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(StepsOverview, { "$hide": !breakpointToHideSmallSteps, className: `steps-overview ${breakpointToHideSmallSteps ? "" : "hidden"}` },
+        react_1.default.createElement(StepsOverview, null,
             react_1.default.createElement(SmallStep, Object.assign({}, step0Props, { title: "Roblox" })),
             react_1.default.createElement(SmallStep, Object.assign({}, step1Props, { title: "Account" })),
             react_1.default.createElement(SmallStep, Object.assign({}, step2Props, { title: step3.titleForMobile })),