@bosonprotocol/react-kit 0.36.0-alpha.0 → 0.36.0-alpha.10

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

@@ -28,20 +28,35 @@ const ReduxProvider_1 = require("../ReduxProvider");
 const common_1 = require("../common");
 const ConvertionRateProvider_1 = __importDefault(require("../finance/convertion-rate/ConvertionRateProvider"));
 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 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 } = _a, props = __rest(_a, ["children"]);
+    var { children, withGlobalStyle } = _a, props = __rest(_a, ["children", "withGlobalStyle"]);
     const parentOrigin = (0, common_1.getParentWindowOrigin)();
-    return (react_1.default.createElement(ReduxProvider_1.WithReduxProvider, { withCustomReduxContext: props.withCustomReduxContext, withReduxProvider: props.withReduxProvider },
-        react_1.default.createElement(ConfigProvider_1.ConfigProvider, Object.assign({ magicLinkKey: magicLinkKey, infuraKey: infuraKey }, props),
-            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), children))))))))));
+    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(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,2EAAmD;AAEnD,oDAA6E;AAC7E,sCAAkD;AAClD,+GAE2D;AAG3D,sEAAmE;AACnE,6DAA8E;AAe9E,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,+BAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,IAChB,KAAK;YAET,8BAAC,6BAAa,oBAAK,KAAK;gBACtB,8BAAC,qBAAW,OAAG;gBACf,8BAAC,+BAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oBAE5C,8BAAC,sBAAY;wBACX,8BAAC,2BAAY,oBAAK,KAAK;4BACrB,8BAAC,gCAAsB;gCACrB,8BAAC,6BAAa;oCACZ,8BAAC,uCAAkB,oBAAK,KAAK,GAC1B,QAAQ,CACU,CACP,CACO,CACZ,CACF,CACA,CACH,CACD,CACC,CACrB,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;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,oCAAmB;4BAClB,8BAAC,6BAAa,oBAAK,KAAK;gCACtB,8BAAC,qBAAW,OAAG;gCACf,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"}

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

@@ -0,0 +1,2 @@
+export declare const mockedDeliveryAddress: any;
+//# sourceMappingURL=const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/const.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,KAErB,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+var _a, _b, _c, _d, _e;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mockedDeliveryAddress = void 0;
+const deliveryAddressVar = typeof process !== "undefined"
+    ? ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.REACT_APP_DELIVERY_ADDRESS_MOCK) || // @ts-expect-error import.meta.env only exists in vite environments
+        ((_c = (_b = import.meta) === null || _b === void 0 ? void 0 : _b.env) === null || _c === void 0 ? void 0 : _c.REACT_APP_DELIVERY_ADDRESS_MOCK)
+    : // @ts-expect-error import.meta.env only exists in vite environments
+        (_e = (_d = import.meta) === null || _d === void 0 ? void 0 : _d.env) === null || _e === void 0 ? void 0 : _e.REACT_APP_DELIVERY_ADDRESS_MOCK;
+exports.mockedDeliveryAddress = deliveryAddressVar
+    ? JSON.parse(deliveryAddressVar)
+    : undefined;
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/const.ts"],"names":[],"mappings":";;;;AAAA,MAAM,kBAAkB,GACtB,OAAO,OAAO,KAAK,WAAW;IAC5B,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,0CAAE,+BAA+B,KAAI,oEAAoE;SACrH,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,0CAAE,+BAA+B,CAAA;IACnD,CAAC,CAAC,oEAAoE;QACpE,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,0CAAE,+BAA+B,CAAC;AAC3C,QAAA,qBAAqB,GAAG,kBAAkB;IACrD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;IAChC,CAAC,CAAC,SAAS,CAAC"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionContext.d.ts

@@ -1,19 +1,6 @@
-/// <reference types="react" />
-import { subgraph } from "@bosonprotocol/core-sdk";
 import { FormType as RedeemFormType } from "../../../modal/components/Redeem/RedeemFormModel";
 import { DeliveryInfoCallbackResponse, DeliveryInfoMessage, RedeemTransactionConfirmedCallbackResponse, RedeemTransactionConfirmedMessage, RedeemTransactionSubmittedCallbackResponse, RedeemTransactionSubmittedMessage } from "../../../../hooks/callbacks/types";
-export declare enum RedemptionWidgetAction {
-    SELECT_EXCHANGE = "SELECT_EXCHANGE",
-    EXCHANGE_DETAILS = "EXCHANGE_DETAILS",
-    REDEEM_FORM = "REDEEM_FORM",
-    CANCEL_FORM = "CANCEL_FORM",
-    CONFIRM_REDEEM = "CONFIRM_REDEEM"
-}
 export type RedemptionContextProps = {
-    showRedemptionOverview: boolean;
-    widgetAction: RedemptionWidgetAction;
-    setWidgetAction: (widgetAction: RedemptionWidgetAction) => void;
-    exchangeState: subgraph.ExchangeState;
     sendDeliveryInfoThroughXMTP: boolean;
     deliveryInfoHandler?: (message: DeliveryInfoMessage, signature?: string) => Promise<DeliveryInfoCallbackResponse>;
     postDeliveryInfoUrl?: string;

package/dist/cjs/components/widgets/redemption/provider/RedemptionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RedemptionContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,EACL,4BAA4B,EAC5B,mBAAmB,EACnB,0CAA0C,EAC1C,iCAAiC,EACjC,0CAA0C,EAC1C,iCAAiC,EAClC,MAAM,mCAAmC,CAAC;AAE3C,oBAAY,sBAAsB;IAEhC,eAAe,oBAAoB;IAEnC,gBAAgB,qBAAqB;IAErC,WAAW,gBAAgB;IAE3B,WAAW,gBAAgB;IAE3B,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,sBAAsB,GAAG;IAEnC,sBAAsB,EAAE,OAAO,CAAC;IAEhC,YAAY,EAAE,sBAAsB,CAAC;IAErC,eAAe,EAAE,CAAC,YAAY,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAEhE,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;IAEtC,2BAA2B,EAAE,OAAO,CAAC;IAErC,mBAAmB,CAAC,EAAE,CACpB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,CAAC,EAAE,MAAM,KACf,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE3C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,uBAAuB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAEpD,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,iCAAiC,KACvC,OAAO,CAAC,0CAA0C,CAAC,CAAC;IAEzD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,8BAA8B,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAE3D,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,iCAAiC,KACvC,OAAO,CAAC,0CAA0C,CAAC,CAAC;IAEzD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,8BAA8B,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAE3D,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6DAElB,CAAC;AAEb,eAAO,MAAM,oBAAoB,8BAQhC,CAAC"}
+{"version":3,"file":"RedemptionContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,EACL,4BAA4B,EAC5B,mBAAmB,EACnB,0CAA0C,EAC1C,iCAAiC,EACjC,0CAA0C,EAC1C,iCAAiC,EAClC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAAG;IAEnC,2BAA2B,EAAE,OAAO,CAAC;IAErC,mBAAmB,CAAC,EAAE,CACpB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,CAAC,EAAE,MAAM,KACf,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE3C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,uBAAuB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAEpD,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,iCAAiC,KACvC,OAAO,CAAC,0CAA0C,CAAC,CAAC;IAEzD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,8BAA8B,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAE3D,0BAA0B,CAAC,EAAE,CAC3B,OAAO,EAAE,iCAAiC,KACvC,OAAO,CAAC,0CAA0C,CAAC,CAAC;IAEzD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAEpC,8BAA8B,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAE3D,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6DAElB,CAAC;AAEb,eAAO,MAAM,oBAAoB,8BAQhC,CAAC"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionContext.js

@@ -1,20 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRedemptionContext = exports.RedemptionContext = exports.RedemptionWidgetAction = void 0;
+exports.useRedemptionContext = exports.RedemptionContext = void 0;
 const react_1 = require("react");
-var RedemptionWidgetAction;
-(function (RedemptionWidgetAction) {
-    // The widget will ask the user to select an Exchange (My Items view)
-    RedemptionWidgetAction["SELECT_EXCHANGE"] = "SELECT_EXCHANGE";
-    // The widget will directly show the details of a given exchange
-    RedemptionWidgetAction["EXCHANGE_DETAILS"] = "EXCHANGE_DETAILS";
-    // The widget will directly show the redeem form of a given exchange
-    RedemptionWidgetAction["REDEEM_FORM"] = "REDEEM_FORM";
-    // The widget will directly show the cancellation form of a given exchange
-    RedemptionWidgetAction["CANCEL_FORM"] = "CANCEL_FORM";
-    // The widget will directly show the redeem confirmation view for of a given exchange
-    RedemptionWidgetAction["CONFIRM_REDEEM"] = "CONFIRM_REDEEM";
-})(RedemptionWidgetAction || (exports.RedemptionWidgetAction = RedemptionWidgetAction = {}));
 exports.RedemptionContext = (0, react_1.createContext)(undefined);
 const useRedemptionContext = () => {
     const contextValue = (0, react_1.useContext)(exports.RedemptionContext);

package/dist/cjs/components/widgets/redemption/provider/RedemptionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RedemptionContext.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionContext.tsx"],"names":[],"mappings":";;;AACA,iCAAkD;AAWlD,IAAY,sBAWX;AAXD,WAAY,sBAAsB;IAChC,qEAAqE;IACrE,6DAAmC,CAAA;IACnC,gEAAgE;IAChE,+DAAqC,CAAA;IACrC,oEAAoE;IACpE,qDAA2B,CAAA;IAC3B,0EAA0E;IAC1E,qDAA2B,CAAA;IAC3B,qFAAqF;IACrF,2DAAiC,CAAA;AACnC,CAAC,EAXW,sBAAsB,sCAAtB,sBAAsB,QAWjC;AA0CY,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAE5C,SAAS,CAAC,CAAC;AAEN,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,yBAAiB,CAAC,CAAC;IACnD,IAAI,CAAC,YAAY,EAAE;QACjB,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAC;KACH;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AARW,QAAA,oBAAoB,wBAQ/B"}
+{"version":3,"file":"RedemptionContext.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AA2CrC,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAE5C,SAAS,CAAC,CAAC;AAEN,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,yBAAiB,CAAC,CAAC;IACnD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAC;IACJ,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AARW,QAAA,oBAAoB,wBAQ/B"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionProvider.d.ts

@@ -1,6 +1,7 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { RedemptionContextProps } from "./RedemptionContext";
-export declare function RedemptionProvider({ children, ...rest }: Omit<RedemptionContextProps, "setWidgetAction"> & {
+export type RedemptionProviderProps = RedemptionContextProps & {
     children: ReactNode;
-}): JSX.Element;
+};
+export declare function RedemptionProvider({ children, ...rest }: RedemptionProviderProps): React.JSX.Element;
 //# sourceMappingURL=RedemptionProvider.d.ts.map

package/dist/cjs/components/widgets/redemption/provider/RedemptionProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RedemptionProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,IAAI,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,eAa3E"}
+{"version":3,"file":"RedemptionProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAChF,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAAG;IAC7D,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AACF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,uBAAuB,qBAMzB"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionProvider.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -33,15 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RedemptionProvider = void 0;
-const react_1 = __importStar(require("react"));
+exports.RedemptionProvider = RedemptionProvider;
+const react_1 = __importDefault(require("react"));
 const RedemptionContext_1 = require("./RedemptionContext");
 function RedemptionProvider(_a) {
     var { children } = _a, rest = __rest(_a, ["children"]);
-    const [widgetAction, setWidgetAction] = (0, react_1.useState)(rest.widgetAction);
-    return (react_1.default.createElement(RedemptionContext_1.RedemptionContext.Provider, { value: Object.assign(Object.assign({}, rest), { widgetAction,
-            setWidgetAction }) }, children));
+    return (react_1.default.createElement(RedemptionContext_1.RedemptionContext.Provider, { value: rest }, children));
 }
-exports.RedemptionProvider = RedemptionProvider;
 //# sourceMappingURL=RedemptionProvider.js.map

package/dist/cjs/components/widgets/redemption/provider/RedemptionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RedemptionProvider.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,2DAAgF;AAEhF,SAAgB,kBAAkB,CAAC,EAGyC;QAHzC,EACjC,QAAQ,OAEkE,EADvE,IAAI,cAF0B,YAGlC,CADQ;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACpE,OAAO,CACL,8BAAC,qCAAiB,CAAC,QAAQ,IACzB,KAAK,kCACA,IAAI,KACP,YAAY;YACZ,eAAe,OAGhB,QAAQ,CACkB,CAC9B,CAAC;AACJ,CAAC;AAhBD,gDAgBC"}
+{"version":3,"file":"RedemptionProvider.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKA,gDASC;AAdD,kDAAyC;AACzC,2DAAgF;AAIhF,SAAgB,kBAAkB,CAAC,EAGT;QAHS,EACjC,QAAQ,OAEgB,EADrB,IAAI,cAF0B,YAGlC,CADQ;IAEP,OAAO,CACL,8BAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IACpC,QAAQ,CACkB,CAC9B,CAAC;AACJ,CAAC"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetContext.d.ts

@@ -0,0 +1,17 @@
+import { subgraph } from "@bosonprotocol/core-sdk";
+export declare enum RedemptionWidgetAction {
+    SELECT_EXCHANGE = "SELECT_EXCHANGE",
+    EXCHANGE_DETAILS = "EXCHANGE_DETAILS",
+    REDEEM_FORM = "REDEEM_FORM",
+    CANCEL_FORM = "CANCEL_FORM",
+    CONFIRM_REDEEM = "CONFIRM_REDEEM"
+}
+export type RedemptionWidgetContextProps = {
+    showRedemptionOverview: boolean;
+    widgetAction: RedemptionWidgetAction;
+    setWidgetAction: (widgetAction: RedemptionWidgetAction) => void;
+    exchangeState: subgraph.ExchangeState;
+};
+export declare const RedemptionWidgetContext: import("react").Context<RedemptionWidgetContextProps | undefined>;
+export declare const useRedemptionWidgetContext: () => RedemptionWidgetContextProps;
+//# sourceMappingURL=RedemptionWidgetContext.d.ts.map

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedemptionWidgetContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionWidgetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,oBAAY,sBAAsB;IAEhC,eAAe,oBAAoB;IAEnC,gBAAgB,qBAAqB;IAErC,WAAW,gBAAgB;IAE3B,WAAW,gBAAgB;IAE3B,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,4BAA4B,GAAG;IAEzC,sBAAsB,EAAE,OAAO,CAAC;IAEhC,YAAY,EAAE,sBAAsB,CAAC;IAErC,eAAe,EAAE,CAAC,YAAY,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAEhE,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mEAExB,CAAC;AAEb,eAAO,MAAM,0BAA0B,oCAQtC,CAAC"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetContext.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRedemptionWidgetContext = exports.RedemptionWidgetContext = exports.RedemptionWidgetAction = void 0;
+const react_1 = require("react");
+var RedemptionWidgetAction;
+(function (RedemptionWidgetAction) {
+    // The widget will ask the user to select an Exchange (My Items view)
+    RedemptionWidgetAction["SELECT_EXCHANGE"] = "SELECT_EXCHANGE";
+    // The widget will directly show the details of a given exchange
+    RedemptionWidgetAction["EXCHANGE_DETAILS"] = "EXCHANGE_DETAILS";
+    // The widget will directly show the redeem form of a given exchange
+    RedemptionWidgetAction["REDEEM_FORM"] = "REDEEM_FORM";
+    // The widget will directly show the cancellation form of a given exchange
+    RedemptionWidgetAction["CANCEL_FORM"] = "CANCEL_FORM";
+    // The widget will directly show the redeem confirmation view for of a given exchange
+    RedemptionWidgetAction["CONFIRM_REDEEM"] = "CONFIRM_REDEEM";
+})(RedemptionWidgetAction || (exports.RedemptionWidgetAction = RedemptionWidgetAction = {}));
+exports.RedemptionWidgetContext = (0, react_1.createContext)(undefined);
+const useRedemptionWidgetContext = () => {
+    const contextValue = (0, react_1.useContext)(exports.RedemptionWidgetContext);
+    if (!contextValue) {
+        throw new Error("You need to use RedemptionWidgetProvider before using useRedemptionWidgetContext");
+    }
+    return contextValue;
+};
+exports.useRedemptionWidgetContext = useRedemptionWidgetContext;
+//# sourceMappingURL=RedemptionWidgetContext.js.map

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedemptionWidgetContext.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionWidgetContext.tsx"],"names":[],"mappings":";;;AACA,iCAAkD;AAElD,IAAY,sBAWX;AAXD,WAAY,sBAAsB;IAChC,qEAAqE;IACrE,6DAAmC,CAAA;IACnC,gEAAgE;IAChE,+DAAqC,CAAA;IACrC,oEAAoE;IACpE,qDAA2B,CAAA;IAC3B,0EAA0E;IAC1E,qDAA2B,CAAA;IAC3B,qFAAqF;IACrF,2DAAiC,CAAA;AACnC,CAAC,EAXW,sBAAsB,sCAAtB,sBAAsB,QAWjC;AAaY,QAAA,uBAAuB,GAAG,IAAA,qBAAa,EAElD,SAAS,CAAC,CAAC;AAEN,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,+BAAuB,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CACb,kFAAkF,CACnF,CAAC;IACJ,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetProvider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+import { RedemptionWidgetContextProps } from "./RedemptionWidgetContext";
+export type RedemptionWidgetProviderProps = Omit<RedemptionWidgetContextProps, "setWidgetAction"> & {
+    children: ReactNode;
+};
+export declare function RedemptionWidgetProvider({ children, ...rest }: RedemptionWidgetProviderProps): React.JSX.Element;
+//# sourceMappingURL=RedemptionWidgetProvider.d.ts.map

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedemptionWidgetProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionWidgetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,4BAA4B,EAC7B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,4BAA4B,EAC5B,iBAAiB,CAClB,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AACF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,6BAA6B,qBAa/B"}

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetProvider.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedemptionWidgetProvider = RedemptionWidgetProvider;
+const react_1 = __importStar(require("react"));
+const RedemptionWidgetContext_1 = require("./RedemptionWidgetContext");
+function RedemptionWidgetProvider(_a) {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const [widgetAction, setWidgetAction] = (0, react_1.useState)(rest.widgetAction);
+    return (react_1.default.createElement(RedemptionWidgetContext_1.RedemptionWidgetContext.Provider, { value: Object.assign(Object.assign({}, rest), { widgetAction,
+            setWidgetAction }) }, children));
+}
+//# sourceMappingURL=RedemptionWidgetProvider.js.map

package/dist/cjs/components/widgets/redemption/provider/RedemptionWidgetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedemptionWidgetProvider.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/redemption/provider/RedemptionWidgetProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,4DAgBC;AA5BD,+CAAmD;AACnD,uEAGmC;AAQnC,SAAgB,wBAAwB,CAAC,EAGT;QAHS,EACvC,QAAQ,OAEsB,EAD3B,IAAI,cAFgC,YAGxC,CADQ;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACpE,OAAO,CACL,8BAAC,iDAAuB,CAAC,QAAQ,IAC/B,KAAK,kCACA,IAAI,KACP,YAAY;YACZ,eAAe,OAGhB,QAAQ,CACwB,CACpC,CAAC;AACJ,CAAC"}

package/dist/cjs/components/widgets/roblox/RobloxWidget.d.ts

@@ -0,0 +1,12 @@
+import { ConnectRobloxProps } from "./components/ConnectRoblox";
+import React from "react";
+import { ProductsRobloxProps } from "./components/ProductsRoblox";
+import { CommitWidgetProvidersProps } from "../commit/CommitWidgetProviders";
+export * from "./components/types";
+type ProductKeysThatGoToConfig = "sellerId" | "raiseDisputeForExchangeUrl" | "showProductsPreLogin" | "layout";
+export type RobloxWidgetProps = {
+    connectProps: Omit<ConnectRobloxProps, "sellerId">;
+    configProps: Omit<CommitWidgetProvidersProps, "withWeb3React" | "withCustomReduxContext" | "withReduxProvider" | "withGlobalStyle" | "children"> & Pick<ProductsRobloxProps, ProductKeysThatGoToConfig> & ProductsRobloxProps["requestShipmentProps"];
+};
+export declare const RobloxWidget: ({ connectProps, configProps: { sellerId, raiseDisputeForExchangeUrl, showProductsPreLogin, layout, ...configProps } }: RobloxWidgetProps) => React.JSX.Element;
+//# sourceMappingURL=RobloxWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RobloxWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/roblox/RobloxWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,0BAA0B,EAC3B,MAAM,iCAAiC,CAAC;AASzC,cAAc,oBAAoB,CAAC;AAOnC,KAAK,yBAAyB,GAC1B,UAAU,GACV,4BAA4B,GAC5B,sBAAsB,GACtB,QAAQ,CAAC;AACb,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACnD,WAAW,EAAE,IAAI,CACf,0BAA0B,EACxB,eAAe,GACf,wBAAwB,GACxB,mBAAmB,GACnB,iBAAiB,GACjB,UAAU,CACb,GACC,IAAI,CAAC,mBAAmB,EAAE,yBAAyB,CAAC,GACpD,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;CAC/C,CAAC;AACF,eAAO,MAAM,YAAY,0HAStB,iBAAiB,sBA0FnB,CAAC"}

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

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RobloxWidget = void 0;
+const ConnectRoblox_1 = require("./components/ConnectRoblox");
+const react_1 = __importStar(require("react"));
+const Grid_1 = require("../../ui/Grid");
+const ProductsRoblox_1 = require("./components/ProductsRoblox");
+const CommitWidgetProviders_1 = require("../commit/CommitWidgetProviders");
+const Typography_1 = require("../../ui/Typography");
+const accountDrawer_1 = require("../../wallet2/accountDrawer");
+const Portal_1 = require("../../portal/Portal");
+const theme_1 = require("../../../theme");
+const ThemedButton_1 = require("../../ui/ThemedButton");
+__exportStar(require("./components/types"), exports);
+const bosonThemes = (0, ThemedButton_1.bosonButtonThemes)();
+const primaryButtonTheme = bosonThemes["primary"];
+const orangeInverseButtonTheme = bosonThemes["orangeInverse"];
+const Wrapper = Grid_1.Grid;
+const RobloxWidget = (_a) => {
+    var { connectProps } = _a, _b = _a.configProps, { sellerId, raiseDisputeForExchangeUrl, showProductsPreLogin, layout } = _b, configProps = __rest(_b, ["sellerId", "raiseDisputeForExchangeUrl", "showProductsPreLogin", "layout"]);
+    const singleStepConnectRobloxRef = (0, react_1.useRef)(null);
+    const closeAccountDrawer = (0, accountDrawer_1.useCloseAccountDrawer)();
+    return (react_1.default.createElement(CommitWidgetProviders_1.CommitWidgetProviders, Object.assign({}, configProps, { withCustomReduxContext: false, withReduxProvider: true, withWeb3React: true, withMagicLink: false, withGlobalStyle: true }),
+        react_1.default.createElement(Wrapper, { flexDirection: "column", alignItems: "center", justifyContent: "flex-start" },
+            react_1.default.createElement(ConnectRoblox_1.ConnectRoblox, Object.assign({}, connectProps, { ref: singleStepConnectRobloxRef, sellerId: sellerId })),
+            react_1.default.createElement(ProductsRoblox_1.ProductsRoblox, { layout: layout, requestShipmentProps: configProps, sellerId: sellerId, raiseDisputeForExchangeUrl: raiseDisputeForExchangeUrl, showProductsPreLogin: showProductsPreLogin })),
+        react_1.default.createElement(Portal_1.Portal, null,
+            react_1.default.createElement(accountDrawer_1.AccountDrawer, { backgroundColor: (0, theme_1.getCssVar)("--background-accent-color"), buyCryptoTheme: primaryButtonTheme, disconnectBorderRadius: undefined, disconnectBackgroundColor: undefined, disconnectColor: undefined, onUserDisconnect: closeAccountDrawer, walletModalProps: {
+                    withMagicLogin: false,
+                    optionProps: {
+                        backgroundColor: (0, theme_1.getCssVar)("--secondary-accent-color"),
+                        hoverFocusBackgroundColor: (0, theme_1.getCssVar)("--secondary-accent-hover-color"),
+                        borderRadius: (0, theme_1.getCssVar)("--button-border-radius"),
+                        color: (0, theme_1.getCssVar)("--secondary-button-text-color"),
+                        hoverColor: (0, theme_1.getCssVar)("--secondary-button-text-hover-color"),
+                        iconBorderRadius: (0, theme_1.getCssVar)("--button-border-radius")
+                    },
+                    connectionErrorProps: {
+                        backToWalletSelectionTheme: orangeInverseButtonTheme,
+                        tryAgainTheme: orangeInverseButtonTheme
+                    },
+                    PrivacyPolicy: () => (react_1.default.createElement(Typography_1.Typography, { style: { fontSize: "0.75rem" }, display: "block" },
+                        "By connecting a wallet, you agree to Boson App 's",
+                        " ",
+                        react_1.default.createElement("a", { href: "https://bosonapp.io/#/terms-and-conditions", target: "_blank", rel: "noreferrer noopener", style: {
+                                fontSize: "inherit",
+                                color: (0, theme_1.getCssVar)("--sub-text-color"),
+                                textDecoration: "underline"
+                            } }, "Terms & Conditions"),
+                        " ",
+                        "and consent to its",
+                        " ",
+                        react_1.default.createElement("a", { href: "https://bosonapp.io/#/privacy-policy", target: "_blank", rel: "noreferrer noopener", style: {
+                                fontSize: "inherit",
+                                color: (0, theme_1.getCssVar)("--sub-text-color"),
+                                textDecoration: "underline"
+                            } }, "Privacy Policy"),
+                        ". (Last Updated 18 August 2023)"))
+                } }))));
+};
+exports.RobloxWidget = RobloxWidget;
+//# sourceMappingURL=RobloxWidget.js.map

package/dist/cjs/components/widgets/roblox/RobloxWidget.js.map

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+export type ConnectRobloxProps = {
+    sellerId: string;
+    step3: {
+        titleForMobile: string;
+        title: string;
+        subtitle: string;
+        buttonText: string;
+        callback: (() => void) | (() => Promise<void>);
+    };
+};
+export declare const ConnectRoblox: React.ForwardRefExoticComponent<ConnectRobloxProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ConnectRoblox.d.ts.map

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

@@ -0,0 +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"}