@bosonprotocol/react-kit 0.31.0-alpha.0 → 0.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/modal/Modal.js +2 -2
- package/dist/cjs/components/modal/Modal.js.map +1 -1
- package/dist/cjs/components/modal/components/PurchaseOverview/PurchaseOverview.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/PurchaseOverview/PurchaseOverview.js +5 -30
- package/dist/cjs/components/modal/components/PurchaseOverview/PurchaseOverview.js.map +1 -1
- package/dist/cjs/components/modal/nonModal/NonModal.js +2 -2
- package/dist/cjs/components/modal/nonModal/NonModal.js.map +1 -1
- package/dist/cjs/components/widgets/MarginContainer.d.ts +9 -0
- package/dist/cjs/components/widgets/MarginContainer.d.ts.map +1 -0
- package/dist/cjs/components/widgets/MarginContainer.js +51 -0
- package/dist/cjs/components/widgets/MarginContainer.js.map +1 -0
- package/dist/cjs/components/widgets/commit/CommitWidget.d.ts +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidget.d.ts.map +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidget.js +4 -32
- package/dist/cjs/components/widgets/commit/CommitWidget.js.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.d.ts +1 -0
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.d.ts.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.js +2 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.js.map +1 -1
- package/dist/esm/components/modal/Modal.js +2 -2
- package/dist/esm/components/modal/Modal.js.map +1 -1
- package/dist/esm/components/modal/components/PurchaseOverview/PurchaseOverview.d.ts.map +1 -1
- package/dist/esm/components/modal/components/PurchaseOverview/PurchaseOverview.js +5 -7
- package/dist/esm/components/modal/components/PurchaseOverview/PurchaseOverview.js.map +1 -1
- package/dist/esm/components/modal/nonModal/NonModal.js +2 -2
- package/dist/esm/components/modal/nonModal/NonModal.js.map +1 -1
- package/dist/esm/components/widgets/MarginContainer.d.ts +9 -0
- package/dist/esm/components/widgets/MarginContainer.d.ts.map +1 -0
- package/dist/esm/components/widgets/MarginContainer.js +24 -0
- package/dist/esm/components/widgets/MarginContainer.js.map +1 -0
- package/dist/esm/components/widgets/commit/CommitWidget.d.ts +1 -1
- package/dist/esm/components/widgets/commit/CommitWidget.d.ts.map +1 -1
- package/dist/esm/components/widgets/commit/CommitWidget.js +4 -9
- package/dist/esm/components/widgets/commit/CommitWidget.js.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidget.d.ts +1 -0
- package/dist/esm/components/widgets/redemption/RedemptionWidget.d.ts.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidget.js +2 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidget.js.map +1 -1
- package/package.json +2 -2
- package/src/components/modal/Modal.tsx +2 -2
- package/src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx +7 -17
- package/src/components/modal/nonModal/NonModal.tsx +2 -2
- package/src/components/widgets/MarginContainer.tsx +50 -0
- package/src/components/widgets/commit/CommitWidget.tsx +7 -18
- package/src/components/widgets/redemption/RedemptionWidget.tsx +4 -2
- package/src/stories/widgets/Commit.stories.tsx +2 -2
|
@@ -43,6 +43,7 @@ const Root = styled_components_1.default.div `
|
|
|
43
43
|
left: 0;
|
|
44
44
|
right: 0;
|
|
45
45
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
46
|
+
max-height: inherit;
|
|
46
47
|
`;
|
|
47
48
|
const RootBG = styled_components_1.default.div `
|
|
48
49
|
position: fixed;
|
|
@@ -105,8 +106,7 @@ const background = {
|
|
|
105
106
|
const Wrapper = styled_components_1.default.div `
|
|
106
107
|
display: flex;
|
|
107
108
|
flex-direction: column;
|
|
108
|
-
max-height:
|
|
109
|
-
overflow: auto;
|
|
109
|
+
max-height: inherit;
|
|
110
110
|
position: relative;
|
|
111
111
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
112
112
|
color: ${({ $themeVal }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA6C;AAC7C,mDAAmC;AAEnC,yCAAyC;AACzC,uEAAgD;AAEhD,uCAAoC;AAEpC,iDAA8C;AAC9C,sEAA8C;AAC9C,wDAAqD;AACrD,yCAAsC;AAEtC,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;aAMV,eAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOlD,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -1,42 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.PurchaseOverview = void 0;
|
|
30
|
-
const react_1 =
|
|
31
|
-
const PurchaseOverviewView_1 = require("../common/StepsOverview/PurchaseOverviewView");
|
|
32
|
-
const NonModal_1 = __importDefault(require("../../nonModal/NonModal"));
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
33
8
|
const theme_1 = require("../../../../theme");
|
|
9
|
+
const MarginContainer_1 = require("../../../widgets/MarginContainer");
|
|
10
|
+
const NonModal_1 = __importDefault(require("../../nonModal/NonModal"));
|
|
11
|
+
const PurchaseOverviewView_1 = require("../common/StepsOverview/PurchaseOverviewView");
|
|
34
12
|
const colors = theme_1.theme.colors.light;
|
|
35
13
|
const PurchaseOverview = ({ lookAndFeel, hideModal, modalMargin }) => {
|
|
36
|
-
|
|
37
|
-
return lookAndFeel === "regular" ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("div", { style: { margin: modalMargin } }, children));
|
|
38
|
-
}, [lookAndFeel, modalMargin]);
|
|
39
|
-
return (react_1.default.createElement(Wrapper, null,
|
|
14
|
+
return (react_1.default.createElement(MarginContainer_1.MarginContainer, { lookAndFeel: lookAndFeel, modalMargin: modalMargin },
|
|
40
15
|
react_1.default.createElement(NonModal_1.default, { hideModal: hideModal, footerComponent: null, contentStyle: {
|
|
41
16
|
background: colors.white
|
|
42
17
|
}, lookAndFeel: lookAndFeel, showConnectButton: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6CAA0C;AAC1C,sEAAmE;AACnE,uEAA+C;AAC/C,uFAAoF;AACpF,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAQ3B,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,EACX,SAAS,EACT,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,iCAAe,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;QACjE,8BAAC,kBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,IAAI,EACrB,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;aACzB,EACD,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,KAAK;YAExB,8BAAC,2CAAoB,OAAG,CACf,CACK,CACnB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B"}
|
|
@@ -42,6 +42,7 @@ const Root = styled_components_1.default.div `
|
|
|
42
42
|
left: 0;
|
|
43
43
|
right: 0;
|
|
44
44
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
45
|
+
max-height: inherit;
|
|
45
46
|
`;
|
|
46
47
|
const RootBG = styled_components_1.default.div `
|
|
47
48
|
position: fixed;
|
|
@@ -104,8 +105,7 @@ const background = {
|
|
|
104
105
|
const Wrapper = styled_components_1.default.div `
|
|
105
106
|
display: flex;
|
|
106
107
|
flex-direction: column;
|
|
107
|
-
max-height:
|
|
108
|
-
overflow: auto;
|
|
108
|
+
max-height: inherit;
|
|
109
109
|
position: relative;
|
|
110
110
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
111
111
|
color: ${({ $themeVal }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,0CAAuC;AAEvC,uEAAgD;AAEhD,sDAA8B;AAE9B,4CAAyC;AACzC,2DAAwD;AACxD,qCAAmC;AAEnC,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;aAMV,eAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
3
|
+
export type MarginContainerProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
lookAndFeel: "regular" | "modal";
|
|
6
|
+
modalMargin?: CSSProperties["margin"];
|
|
7
|
+
};
|
|
8
|
+
export declare function MarginContainer({ lookAndFeel, modalMargin, children }: MarginContainerProps): JSX.Element;
|
|
9
|
+
//# sourceMappingURL=MarginContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAC5E,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAe/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACT,EAAE,oBAAoB,eAwBtB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.MarginContainer = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
29
|
+
const StyledContainer = styled_components_1.default.div `
|
|
30
|
+
${({ $margin, $marginVertical }) => (0, styled_components_1.css) `
|
|
31
|
+
margin: ${$margin};
|
|
32
|
+
max-height: calc(100vh - ${$marginVertical});
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
> * {
|
|
35
|
+
max-height: inherit;
|
|
36
|
+
}
|
|
37
|
+
`}
|
|
38
|
+
`;
|
|
39
|
+
function MarginContainer({ lookAndFeel, modalMargin, children }) {
|
|
40
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
41
|
+
const [marginVertical, setMarginVertical] = (0, react_1.useState)("");
|
|
42
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
43
|
+
if (containerRef.current) {
|
|
44
|
+
const { marginTop, marginBottom } = window.getComputedStyle(containerRef.current);
|
|
45
|
+
setMarginVertical(`(${marginTop} + ${marginBottom})`);
|
|
46
|
+
}
|
|
47
|
+
}, [containerRef, modalMargin]);
|
|
48
|
+
return lookAndFeel === "regular" ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement(StyledContainer, { "$margin": modalMargin, "data-margin": true, ref: containerRef, "$marginVertical": marginVertical }, children));
|
|
49
|
+
}
|
|
50
|
+
exports.MarginContainer = MarginContainer;
|
|
51
|
+
//# sourceMappingURL=MarginContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.js","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4E;AAC5E,uEAA+D;AAE/D,MAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,CAGhC;IACE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;cAC3B,OAAO;+BACU,eAAe;;;;;GAK3C;CACF,CAAC;AAMF,SAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACa;IACrB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,gBAAgB,CACzD,YAAY,CAAC,OAAO,CACrB,CAAC;YACF,iBAAiB,CAAC,IAAI,SAAS,MAAM,YAAY,GAAG,CAAC,CAAC;SACvD;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAChC,OAAO,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,8DAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,eAAe,eACL,WAAW,uBAEpB,GAAG,EAAE,YAAY,qBACA,cAAc,IAE9B,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC;AA5BD,0CA4BC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentType } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { ButtonProps } from "../../buttons/Button";
|
|
3
4
|
import { CommitNonModalProps } from "../../modal/components/Commit/CommitNonModal";
|
|
4
5
|
import { CommitWidgetProvidersProps } from "./CommitWidgetProviders";
|
|
5
|
-
import { CSSProperties } from "styled-components";
|
|
6
6
|
type CommitProps = {
|
|
7
7
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
8
8
|
trigger?: ComponentType<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAInF,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAEjC,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,GAAG;IACnE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GAAG,CACA;IACE,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CACJ,GAAG;IACF,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACJ,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,0BAA0B,EAAE,mBAAmB,GAAG,UAAU,CAAC,CAAC;AAErE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eASpD"}
|
|
@@ -1,44 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.CommitWidget = void 0;
|
|
30
|
-
const react_1 =
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
|
|
9
|
+
const MarginContainer_1 = require("../MarginContainer");
|
|
31
10
|
const CommitModalWithOffer_1 = require("./CommitModalWithOffer");
|
|
32
11
|
const CommitWidgetProviders_1 = require("./CommitWidgetProviders");
|
|
33
|
-
const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
|
|
34
12
|
function CommitWidget(props) {
|
|
35
|
-
|
|
36
|
-
return props.lookAndFeel === "regular" ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("div", { style: { margin: props.modalMargin } }, children));
|
|
37
|
-
},
|
|
38
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
39
|
-
// @ts-ignore
|
|
40
|
-
[props.lookAndFeel, props.modalMargin]);
|
|
41
|
-
return (react_1.default.createElement(Container, null,
|
|
13
|
+
return (react_1.default.createElement(MarginContainer_1.MarginContainer, Object.assign({}, props),
|
|
42
14
|
react_1.default.createElement(CommitWidgetProviders_1.CommitWidgetProviders, Object.assign({}, props, { withReduxProvider: true }),
|
|
43
15
|
react_1.default.createElement(GlobalStyle_1.default, null),
|
|
44
16
|
react_1.default.createElement(CommitModalWithOffer_1.CommitModalWithOffer, Object.assign({}, props, { hideModal: props.closeWidgetClick })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAI7C,2EAAmD;AACnD,wDAAqD;AACrD,iEAA8D;AAC9D,mEAGiC;AA4BjC,SAAgB,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,8BAAC,iCAAe,oBAAK,KAAK;QACxB,8BAAC,6CAAqB,oBAAK,KAAK,IAAE,iBAAiB;YACjD,8BAAC,qBAAW,OAAG;YACf,8BAAC,2CAAoB,oBAAK,KAAK,IAAE,SAAS,EAAE,KAAK,CAAC,gBAAgB,IAAI,CAChD,CACR,CACnB,CAAC;AACJ,CAAC;AATD,oCASC"}
|
|
@@ -11,6 +11,7 @@ type RedemptionProps = {
|
|
|
11
11
|
} & Omit<RedeemNonModalProps, "exchange" | "hideModal" | "parentOrigin"> & {
|
|
12
12
|
exchangeId?: string;
|
|
13
13
|
closeWidgetClick?: () => void;
|
|
14
|
+
lookAndFeel: "regular" | "modal";
|
|
14
15
|
modalMargin?: CSSProperties["margin"];
|
|
15
16
|
};
|
|
16
17
|
export type RedemptionWidgetProps = RedemptionProps & RedemptionWidgetProvidersProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,eAAe,GACjD,8BAA8B,CAAC;AAEjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAqB5D"}
|
|
@@ -8,6 +8,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const common_1 = require("../common");
|
|
9
9
|
const RedeemModalWithExchange_1 = require("./RedeemModalWithExchange");
|
|
10
10
|
const RedemptionWidgetProviders_1 = require("./RedemptionWidgetProviders");
|
|
11
|
+
const MarginContainer_1 = require("../MarginContainer");
|
|
11
12
|
function RedemptionWidget(props) {
|
|
12
13
|
const parentOrigin = (0, common_1.getParentWindowOrigin)();
|
|
13
14
|
const sellerIds = Array.isArray(props.sellerIds)
|
|
@@ -16,7 +17,7 @@ function RedemptionWidget(props) {
|
|
|
16
17
|
const signatures = Array.isArray(props.signatures)
|
|
17
18
|
? props.signatures
|
|
18
19
|
: undefined;
|
|
19
|
-
return (react_1.default.createElement(
|
|
20
|
+
return (react_1.default.createElement(MarginContainer_1.MarginContainer, Object.assign({}, props),
|
|
20
21
|
react_1.default.createElement(RedemptionWidgetProviders_1.RedemptionWidgetProviders, Object.assign({}, props),
|
|
21
22
|
react_1.default.createElement(RedeemModalWithExchange_1.RedeemModalWithExchange, Object.assign({}, props, { sellerIds: sellerIds, signatures: signatures, parentOrigin: parentOrigin, hideModal: props.closeWidgetClick })))));
|
|
22
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAG7C,sCAAkD;AAClD,uEAAoE;AACpE,2EAGqC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAG7C,sCAAkD;AAClD,uEAAoE;AACpE,2EAGqC;AAErC,wDAAqD;AAerD,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,YAAY,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QAC9C,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,CACL,8BAAC,iCAAe,oBAAK,KAAK;QACxB,8BAAC,qDAAyB,oBAAK,KAAK;YAClC,8BAAC,iDAAuB,oBAClB,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACjC,CACwB,CACZ,CACnB,CAAC;AACJ,CAAC;AArBD,4CAqBC"}
|
|
@@ -15,6 +15,7 @@ const Root = styled.div `
|
|
|
15
15
|
left: 0;
|
|
16
16
|
right: 0;
|
|
17
17
|
z-index: ${zIndex.Modal};
|
|
18
|
+
max-height: inherit;
|
|
18
19
|
`;
|
|
19
20
|
const RootBG = styled.div `
|
|
20
21
|
position: fixed;
|
|
@@ -77,8 +78,7 @@ const background = {
|
|
|
77
78
|
const Wrapper = styled.div `
|
|
78
79
|
display: flex;
|
|
79
80
|
flex-direction: column;
|
|
80
|
-
max-height:
|
|
81
|
-
overflow: auto;
|
|
81
|
+
max-height: inherit;
|
|
82
82
|
position: relative;
|
|
83
83
|
z-index: ${zIndex.Modal};
|
|
84
84
|
color: ${({ $themeVal }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOlD,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
3
|
-
import NonModal from "../../nonModal/NonModal";
|
|
1
|
+
import React from "react";
|
|
4
2
|
import { theme } from "../../../../theme";
|
|
3
|
+
import { MarginContainer } from "../../../widgets/MarginContainer";
|
|
4
|
+
import NonModal from "../../nonModal/NonModal";
|
|
5
|
+
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
5
6
|
const colors = theme.colors.light;
|
|
6
7
|
export const PurchaseOverview = ({ lookAndFeel, hideModal, modalMargin }) => {
|
|
7
|
-
|
|
8
|
-
return lookAndFeel === "regular" ? (React.createElement(React.Fragment, null, children)) : (React.createElement("div", { style: { margin: modalMargin } }, children));
|
|
9
|
-
}, [lookAndFeel, modalMargin]);
|
|
10
|
-
return (React.createElement(Wrapper, null,
|
|
8
|
+
return (React.createElement(MarginContainer, { lookAndFeel: lookAndFeel, modalMargin: modalMargin },
|
|
11
9
|
React.createElement(NonModal, { hideModal: hideModal, footerComponent: null, contentStyle: {
|
|
12
10
|
background: colors.white
|
|
13
11
|
}, lookAndFeel: lookAndFeel, showConnectButton: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAQlC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,EACX,SAAS,EACT,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;QACjE,oBAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,IAAI,EACrB,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;aACzB,EACD,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,KAAK;YAExB,oBAAC,oBAAoB,OAAG,CACf,CACK,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -13,6 +13,7 @@ const Root = styled.div `
|
|
|
13
13
|
left: 0;
|
|
14
14
|
right: 0;
|
|
15
15
|
z-index: ${zIndex.Modal};
|
|
16
|
+
max-height: inherit;
|
|
16
17
|
`;
|
|
17
18
|
const RootBG = styled.div `
|
|
18
19
|
position: fixed;
|
|
@@ -75,8 +76,7 @@ const background = {
|
|
|
75
76
|
const Wrapper = styled.div `
|
|
76
77
|
display: flex;
|
|
77
78
|
flex-direction: column;
|
|
78
|
-
max-height:
|
|
79
|
-
overflow: auto;
|
|
79
|
+
max-height: inherit;
|
|
80
80
|
position: relative;
|
|
81
81
|
z-index: ${zIndex.Modal};
|
|
82
82
|
color: ${({ $themeVal }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK;;CAExB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;aAOZ,MAAM,CAAC,KAAK,GAAG,CAAC;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,YAAY;KACjB;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,QAAQ;KACb;IACD,UAAU,EAAE;QACV,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,QAAQ;KACb;CACO,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,cAAc,EAAE,uBAAuB;IACvC,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE;IACvB,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE;CAChB,CAAC;AAEX,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAIxB;;;;;aAKW,MAAM,CAAC,KAAK;WACd,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACzB,QAAQ,SAAS,EAAE;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,KAAK,CAAC;QACtB;YACE,OAAO,MAAM,CAAC,KAAK,CAAC;KACvB;AACH,CAAC;sBACmB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpC,OAAO,UAAU,CAAC,SAAoC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC;AAC1E,CAAC;;IAEC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACnB,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IAED,OAAO,GAAG,CAAA;QACN,UAAU,CAAC,GAAG;qBACD,UAAU,CAAC,KAAK,CAAC;;QAE9B,UAAU,CAAC,EAAE;qBACA,UAAU,CAAC,IAAI,CAAC;;QAE7B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,EAAE;qBACA,UAAU,CAAC,IAAI,CAAC;;KAEhC,CAAC;AACJ,CAAC;YACS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAC3D,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM;;IAEjE,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,WAAW;;IAEtE,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,YAAY;;IAEvE,UAAU,CAAC,EAAE;cACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY;;IAExE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,YAAY;IACtB,GAAG,CAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;0BACN,MAAM,CAAC,MAAM;CACtC,CAAC;AAEF,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6CAA+B,CAAA;AACjC,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAWD,MAAM,OAAO,GAAG,CAAC,KAAY,EAAE,MAAc,EAAS,EAAE;IACtD,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,OAAO;QACL,GAAG,KAAK;QACR,GAAG,OAAO;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CACnC,SAAS,CACV,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAgBF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,OAAO,EACf,YAAY,EAAE,aAAa,EAC3B,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,OAAO,EACrB,iBAAiB,EACH;IACd,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,IAAI,SAAS,EAAE;YACzB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IACF,MAAM,CACJ,EACE,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,YAAY,EACb,EACD,QAAQ,CACT,GAAG,UAAU,CAAC,OAAO,EAAE;QACtB,eAAe;QACf,eAAe;QACf,YAAY,EAAE,aAAa;KAC5B,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC/C,OAAO,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/B,oBAAC,IAAI,mBAAa,OAAO;gBACtB,QAAQ;gBACT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,aAAa,EAAE,CAAC;oBAClB,CAAC,GACD,CACG,CACR,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;QACJ,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,OAAO,aAAQ,IAAI,eAAa,KAAK,gBAAc,SAAS;YAC3D,oBAAC,MAAM,IACL,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,GACpC;YAEF,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY;gBAC1B,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IACtC,QAAQ,CACgB,CACnB;YACT,eAAe,IAAI,oBAAC,aAAa,QAAE,eAAe,CAAiB,CAC5D,CACA,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
3
|
+
export type MarginContainerProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
lookAndFeel: "regular" | "modal";
|
|
6
|
+
modalMargin?: CSSProperties["margin"];
|
|
7
|
+
};
|
|
8
|
+
export declare function MarginContainer({ lookAndFeel, modalMargin, children }: MarginContainerProps): JSX.Element;
|
|
9
|
+
//# sourceMappingURL=MarginContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAC5E,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAe/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACT,EAAE,oBAAoB,eAwBtB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { useLayoutEffect, useRef, useState } from "react";
|
|
2
|
+
import styled, { css } from "styled-components";
|
|
3
|
+
const StyledContainer = styled.div `
|
|
4
|
+
${({ $margin, $marginVertical }) => css `
|
|
5
|
+
margin: ${$margin};
|
|
6
|
+
max-height: calc(100vh - ${$marginVertical});
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
> * {
|
|
9
|
+
max-height: inherit;
|
|
10
|
+
}
|
|
11
|
+
`}
|
|
12
|
+
`;
|
|
13
|
+
export function MarginContainer({ lookAndFeel, modalMargin, children }) {
|
|
14
|
+
const containerRef = useRef(null);
|
|
15
|
+
const [marginVertical, setMarginVertical] = useState("");
|
|
16
|
+
useLayoutEffect(() => {
|
|
17
|
+
if (containerRef.current) {
|
|
18
|
+
const { marginTop, marginBottom } = window.getComputedStyle(containerRef.current);
|
|
19
|
+
setMarginVertical(`(${marginTop} + ${marginBottom})`);
|
|
20
|
+
}
|
|
21
|
+
}, [containerRef, modalMargin]);
|
|
22
|
+
return lookAndFeel === "regular" ? (React.createElement(React.Fragment, null, children)) : (React.createElement(StyledContainer, { "$margin": modalMargin, "data-margin": true, ref: containerRef, "$marginVertical": marginVertical }, children));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=MarginContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.js","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAGhC;IACE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;cAC3B,OAAO;+BACU,eAAe;;;;;GAK3C;CACF,CAAC;AAMF,MAAM,UAAU,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACa;IACrB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,gBAAgB,CACzD,YAAY,CAAC,OAAO,CACrB,CAAC;YACF,iBAAiB,CAAC,IAAI,SAAS,MAAM,YAAY,GAAG,CAAC,CAAC;SACvD;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAChC,OAAO,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,0CAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,eACL,WAAW,uBAEpB,GAAG,EAAE,YAAY,qBACA,cAAc,IAE9B,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentType } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { ButtonProps } from "../../buttons/Button";
|
|
3
4
|
import { CommitNonModalProps } from "../../modal/components/Commit/CommitNonModal";
|
|
4
5
|
import { CommitWidgetProvidersProps } from "./CommitWidgetProviders";
|
|
5
|
-
import { CSSProperties } from "styled-components";
|
|
6
6
|
type CommitProps = {
|
|
7
7
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
8
8
|
trigger?: ComponentType<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAInF,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAEjC,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,GAAG;IACnE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GAAG,CACA;IACE,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CACJ,GAAG;IACF,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACJ,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,0BAA0B,EAAE,mBAAmB,GAAG,UAAU,CAAC,CAAC;AAErE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eASpD"}
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
|
+
import GlobalStyle from "../../styles/GlobalStyle";
|
|
3
|
+
import { MarginContainer } from "../MarginContainer";
|
|
2
4
|
import { CommitModalWithOffer } from "./CommitModalWithOffer";
|
|
3
5
|
import { CommitWidgetProviders } from "./CommitWidgetProviders";
|
|
4
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
5
6
|
export function CommitWidget(props) {
|
|
6
|
-
|
|
7
|
-
return props.lookAndFeel === "regular" ? (React.createElement(React.Fragment, null, children)) : (React.createElement("div", { style: { margin: props.modalMargin } }, children));
|
|
8
|
-
},
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
10
|
-
// @ts-ignore
|
|
11
|
-
[props.lookAndFeel, props.modalMargin]);
|
|
12
|
-
return (React.createElement(Container, null,
|
|
7
|
+
return (React.createElement(MarginContainer, { ...props },
|
|
13
8
|
React.createElement(CommitWidgetProviders, { ...props, withReduxProvider: true },
|
|
14
9
|
React.createElement(GlobalStyle, null),
|
|
15
10
|
React.createElement(CommitModalWithOffer, { ...props, hideModal: props.closeWidgetClick }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,qBAAqB,EAEtB,MAAM,yBAAyB,CAAC;AA4BjC,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,oBAAC,eAAe,OAAK,KAAK;QACxB,oBAAC,qBAAqB,OAAK,KAAK,EAAE,iBAAiB;YACjD,oBAAC,WAAW,OAAG;YACf,oBAAC,oBAAoB,OAAK,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,gBAAgB,GAAI,CAChD,CACR,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -11,6 +11,7 @@ type RedemptionProps = {
|
|
|
11
11
|
} & Omit<RedeemNonModalProps, "exchange" | "hideModal" | "parentOrigin"> & {
|
|
12
12
|
exchangeId?: string;
|
|
13
13
|
closeWidgetClick?: () => void;
|
|
14
|
+
lookAndFeel: "regular" | "modal";
|
|
14
15
|
modalMargin?: CSSProperties["margin"];
|
|
15
16
|
};
|
|
16
17
|
export type RedemptionWidgetProps = RedemptionProps & RedemptionWidgetProvidersProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,eAAe,GACjD,8BAA8B,CAAC;AAEjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAqB5D"}
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { getParentWindowOrigin } from "../common";
|
|
3
3
|
import { RedeemModalWithExchange } from "./RedeemModalWithExchange";
|
|
4
4
|
import { RedemptionWidgetProviders } from "./RedemptionWidgetProviders";
|
|
5
|
+
import { MarginContainer } from "../MarginContainer";
|
|
5
6
|
export function RedemptionWidget(props) {
|
|
6
7
|
const parentOrigin = getParentWindowOrigin();
|
|
7
8
|
const sellerIds = Array.isArray(props.sellerIds)
|
|
@@ -10,7 +11,7 @@ export function RedemptionWidget(props) {
|
|
|
10
11
|
const signatures = Array.isArray(props.signatures)
|
|
11
12
|
? props.signatures
|
|
12
13
|
: undefined;
|
|
13
|
-
return (React.createElement(
|
|
14
|
+
return (React.createElement(MarginContainer, { ...props },
|
|
14
15
|
React.createElement(RedemptionWidgetProviders, { ...props },
|
|
15
16
|
React.createElement(RedeemModalWithExchange, { ...props, sellerIds: sellerIds, signatures: signatures, parentOrigin: parentOrigin, hideModal: props.closeWidgetClick }))));
|
|
16
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,yBAAyB,EAE1B,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,yBAAyB,EAE1B,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAerD,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QAC9C,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,CACL,oBAAC,eAAe,OAAK,KAAK;QACxB,oBAAC,yBAAyB,OAAK,KAAK;YAClC,oBAAC,uBAAuB,OAClB,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,CAAC,gBAAgB,GACjC,CACwB,CACZ,CACnB,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.31.0
|
|
4
|
+
"version": "0.31.0",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -170,5 +170,5 @@
|
|
|
170
170
|
"overrides": {
|
|
171
171
|
"typescript": "^5.1.6"
|
|
172
172
|
},
|
|
173
|
-
"gitHead": "
|
|
173
|
+
"gitHead": "f593a8de724fa117823e0680377fb8420258a242"
|
|
174
174
|
}
|
|
@@ -19,6 +19,7 @@ const Root = styled.div`
|
|
|
19
19
|
left: 0;
|
|
20
20
|
right: 0;
|
|
21
21
|
z-index: ${zIndex.Modal};
|
|
22
|
+
max-height: inherit;
|
|
22
23
|
`;
|
|
23
24
|
|
|
24
25
|
const RootBG = styled.div`
|
|
@@ -90,8 +91,7 @@ const Wrapper = styled.div<{
|
|
|
90
91
|
}>`
|
|
91
92
|
display: flex;
|
|
92
93
|
flex-direction: column;
|
|
93
|
-
max-height:
|
|
94
|
-
overflow: auto;
|
|
94
|
+
max-height: inherit;
|
|
95
95
|
position: relative;
|
|
96
96
|
z-index: ${zIndex.Modal};
|
|
97
97
|
color: ${({ $themeVal }) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
3
|
-
import NonModal from "../../nonModal/NonModal";
|
|
4
|
-
import { BosonLogo } from "../common/BosonLogo";
|
|
5
|
-
import { theme } from "../../../../theme";
|
|
1
|
+
import React from "react";
|
|
6
2
|
import { CSSProperties } from "styled-components";
|
|
3
|
+
import { theme } from "../../../../theme";
|
|
4
|
+
import { MarginContainer } from "../../../widgets/MarginContainer";
|
|
5
|
+
import NonModal from "../../nonModal/NonModal";
|
|
6
|
+
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
7
7
|
const colors = theme.colors.light;
|
|
8
8
|
|
|
9
9
|
export type PurchaseOverviewProps = {
|
|
@@ -17,18 +17,8 @@ export const PurchaseOverview: React.FC<PurchaseOverviewProps> = ({
|
|
|
17
17
|
hideModal,
|
|
18
18
|
modalMargin
|
|
19
19
|
}) => {
|
|
20
|
-
const Wrapper = useCallback(
|
|
21
|
-
({ children }: { children: ReactNode }) => {
|
|
22
|
-
return lookAndFeel === "regular" ? (
|
|
23
|
-
<>{children}</>
|
|
24
|
-
) : (
|
|
25
|
-
<div style={{ margin: modalMargin }}>{children}</div>
|
|
26
|
-
);
|
|
27
|
-
},
|
|
28
|
-
[lookAndFeel, modalMargin]
|
|
29
|
-
);
|
|
30
20
|
return (
|
|
31
|
-
<
|
|
21
|
+
<MarginContainer lookAndFeel={lookAndFeel} modalMargin={modalMargin}>
|
|
32
22
|
<NonModal
|
|
33
23
|
hideModal={hideModal}
|
|
34
24
|
footerComponent={null}
|
|
@@ -40,6 +30,6 @@ export const PurchaseOverview: React.FC<PurchaseOverviewProps> = ({
|
|
|
40
30
|
>
|
|
41
31
|
<PurchaseOverviewView />
|
|
42
32
|
</NonModal>
|
|
43
|
-
</
|
|
33
|
+
</MarginContainer>
|
|
44
34
|
);
|
|
45
35
|
};
|
|
@@ -23,6 +23,7 @@ const Root = styled.div`
|
|
|
23
23
|
left: 0;
|
|
24
24
|
right: 0;
|
|
25
25
|
z-index: ${zIndex.Modal};
|
|
26
|
+
max-height: inherit;
|
|
26
27
|
`;
|
|
27
28
|
|
|
28
29
|
const RootBG = styled.div`
|
|
@@ -93,8 +94,7 @@ const Wrapper = styled.div<{
|
|
|
93
94
|
}>`
|
|
94
95
|
display: flex;
|
|
95
96
|
flex-direction: column;
|
|
96
|
-
max-height:
|
|
97
|
-
overflow: auto;
|
|
97
|
+
max-height: inherit;
|
|
98
98
|
position: relative;
|
|
99
99
|
z-index: ${zIndex.Modal};
|
|
100
100
|
color: ${({ $themeVal }) => {
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React, { ReactNode, useLayoutEffect, useRef, useState } from "react";
|
|
2
|
+
import styled, { CSSProperties, css } from "styled-components";
|
|
3
|
+
|
|
4
|
+
const StyledContainer = styled.div<{
|
|
5
|
+
$margin: CSSProperties["margin"];
|
|
6
|
+
$marginVertical: string;
|
|
7
|
+
}>`
|
|
8
|
+
${({ $margin, $marginVertical }) => css`
|
|
9
|
+
margin: ${$margin};
|
|
10
|
+
max-height: calc(100vh - ${$marginVertical});
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
> * {
|
|
13
|
+
max-height: inherit;
|
|
14
|
+
}
|
|
15
|
+
`}
|
|
16
|
+
`;
|
|
17
|
+
export type MarginContainerProps = {
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
lookAndFeel: "regular" | "modal";
|
|
20
|
+
modalMargin?: CSSProperties["margin"];
|
|
21
|
+
};
|
|
22
|
+
export function MarginContainer({
|
|
23
|
+
lookAndFeel,
|
|
24
|
+
modalMargin,
|
|
25
|
+
children
|
|
26
|
+
}: MarginContainerProps) {
|
|
27
|
+
const containerRef = useRef<HTMLDivElement>(null);
|
|
28
|
+
const [marginVertical, setMarginVertical] = useState("");
|
|
29
|
+
|
|
30
|
+
useLayoutEffect(() => {
|
|
31
|
+
if (containerRef.current) {
|
|
32
|
+
const { marginTop, marginBottom } = window.getComputedStyle(
|
|
33
|
+
containerRef.current
|
|
34
|
+
);
|
|
35
|
+
setMarginVertical(`(${marginTop} + ${marginBottom})`);
|
|
36
|
+
}
|
|
37
|
+
}, [containerRef, modalMargin]);
|
|
38
|
+
return lookAndFeel === "regular" ? (
|
|
39
|
+
<>{children}</>
|
|
40
|
+
) : (
|
|
41
|
+
<StyledContainer
|
|
42
|
+
$margin={modalMargin}
|
|
43
|
+
data-margin
|
|
44
|
+
ref={containerRef}
|
|
45
|
+
$marginVertical={marginVertical}
|
|
46
|
+
>
|
|
47
|
+
{children}
|
|
48
|
+
</StyledContainer>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import React, { ComponentType
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { ButtonProps } from "../../buttons/Button";
|
|
3
4
|
import { CommitNonModalProps } from "../../modal/components/Commit/CommitNonModal";
|
|
5
|
+
import GlobalStyle from "../../styles/GlobalStyle";
|
|
6
|
+
import { MarginContainer } from "../MarginContainer";
|
|
4
7
|
import { CommitModalWithOffer } from "./CommitModalWithOffer";
|
|
5
8
|
import {
|
|
6
9
|
CommitWidgetProviders,
|
|
7
10
|
CommitWidgetProvidersProps
|
|
8
11
|
} from "./CommitWidgetProviders";
|
|
9
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
10
|
-
import { CSSProperties } from "styled-components";
|
|
11
12
|
|
|
12
13
|
type CommitProps = {
|
|
13
14
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
@@ -34,26 +35,14 @@ type CommitProps = {
|
|
|
34
35
|
};
|
|
35
36
|
export type CommitWidgetProps = CommitProps &
|
|
36
37
|
Omit<CommitWidgetProvidersProps, "withReduxProvider" | "provider">;
|
|
37
|
-
export function CommitWidget(props: CommitWidgetProps) {
|
|
38
|
-
const Container = useCallback(
|
|
39
|
-
({ children }: { children: ReactNode }) => {
|
|
40
|
-
return props.lookAndFeel === "regular" ? (
|
|
41
|
-
<>{children}</>
|
|
42
|
-
) : (
|
|
43
|
-
<div style={{ margin: props.modalMargin }}>{children}</div>
|
|
44
|
-
);
|
|
45
|
-
},
|
|
46
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
47
|
-
// @ts-ignore
|
|
48
|
-
[props.lookAndFeel, props.modalMargin]
|
|
49
|
-
);
|
|
50
38
|
|
|
39
|
+
export function CommitWidget(props: CommitWidgetProps) {
|
|
51
40
|
return (
|
|
52
|
-
<
|
|
41
|
+
<MarginContainer {...props}>
|
|
53
42
|
<CommitWidgetProviders {...props} withReduxProvider>
|
|
54
43
|
<GlobalStyle />
|
|
55
44
|
<CommitModalWithOffer {...props} hideModal={props.closeWidgetClick} />
|
|
56
45
|
</CommitWidgetProviders>
|
|
57
|
-
</
|
|
46
|
+
</MarginContainer>
|
|
58
47
|
);
|
|
59
48
|
}
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
RedemptionWidgetProvidersProps
|
|
9
9
|
} from "./RedemptionWidgetProviders";
|
|
10
10
|
import { CSSProperties } from "styled-components";
|
|
11
|
+
import { MarginContainer } from "../MarginContainer";
|
|
11
12
|
|
|
12
13
|
type RedemptionProps = {
|
|
13
14
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
@@ -15,6 +16,7 @@ type RedemptionProps = {
|
|
|
15
16
|
} & Omit<RedeemNonModalProps, "exchange" | "hideModal" | "parentOrigin"> & {
|
|
16
17
|
exchangeId?: string;
|
|
17
18
|
closeWidgetClick?: () => void;
|
|
19
|
+
lookAndFeel: "regular" | "modal";
|
|
18
20
|
modalMargin?: CSSProperties["margin"];
|
|
19
21
|
};
|
|
20
22
|
|
|
@@ -30,7 +32,7 @@ export function RedemptionWidget(props: RedemptionWidgetProps) {
|
|
|
30
32
|
? props.signatures
|
|
31
33
|
: undefined;
|
|
32
34
|
return (
|
|
33
|
-
<
|
|
35
|
+
<MarginContainer {...props}>
|
|
34
36
|
<RedemptionWidgetProviders {...props}>
|
|
35
37
|
<RedeemModalWithExchange
|
|
36
38
|
{...props}
|
|
@@ -40,6 +42,6 @@ export function RedemptionWidget(props: RedemptionWidgetProps) {
|
|
|
40
42
|
hideModal={props.closeWidgetClick}
|
|
41
43
|
/>
|
|
42
44
|
</RedemptionWidgetProviders>
|
|
43
|
-
</
|
|
45
|
+
</MarginContainer>
|
|
44
46
|
);
|
|
45
47
|
}
|
|
@@ -43,8 +43,8 @@ Commit.args = {
|
|
|
43
43
|
defaultSelectedOfferId: "",
|
|
44
44
|
disableVariationsSelects: false,
|
|
45
45
|
bundleUuid: "",
|
|
46
|
-
productUuid: "
|
|
47
|
-
sellerId: "
|
|
46
|
+
productUuid: "f4bb0f8-2f2c-d151-2801-0d3c6250461", // with size variations
|
|
47
|
+
sellerId: "4",
|
|
48
48
|
metaTx: {
|
|
49
49
|
apiKey: process.env.STORYBOOK_DATA_META_TX_API_KEY as string,
|
|
50
50
|
apiIds: process.env.STORYBOOK_DATA_META_TX_API_IDS as string
|