@bosonprotocol/react-kit 0.29.0-alpha.8 → 0.29.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/ui/MuteButton.d.ts +9 -0
- package/dist/cjs/components/ui/MuteButton.d.ts.map +1 -0
- package/dist/cjs/components/ui/MuteButton.js +19 -0
- package/dist/cjs/components/ui/MuteButton.js.map +1 -0
- package/dist/cjs/components/ui/Video.d.ts.map +1 -1
- package/dist/cjs/components/ui/Video.js +27 -2
- package/dist/cjs/components/ui/Video.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/ui/MuteButton.d.ts +9 -0
- package/dist/esm/components/ui/MuteButton.d.ts.map +1 -0
- package/dist/esm/components/ui/MuteButton.js +12 -0
- package/dist/esm/components/ui/MuteButton.js.map +1 -0
- package/dist/esm/components/ui/Video.d.ts.map +1 -1
- package/dist/esm/components/ui/Video.js +28 -4
- package/dist/esm/components/ui/Video.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/ui/MuteButton.tsx +31 -0
- package/src/components/ui/Video.tsx +40 -10
- package/src/index.tsx +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MuteButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/MuteButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MuteButton = void 0;
|
|
7
|
+
const phosphor_react_1 = require("phosphor-react");
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
10
|
+
const Wrapper = styled_components_1.default.button `
|
|
11
|
+
> svg {
|
|
12
|
+
filter: drop-shadow(1px 1px 0px white);
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
const MuteButton = ({ muted, onClick, className }) => {
|
|
16
|
+
return (react_1.default.createElement(Wrapper, { onClick: onClick, className: className }, muted ? (react_1.default.createElement(phosphor_react_1.SpeakerSimpleSlash, { size: 20 })) : (react_1.default.createElement(phosphor_react_1.SpeakerSimpleHigh, { size: 20 }))));
|
|
17
|
+
};
|
|
18
|
+
exports.MuteButton = MuteButton;
|
|
19
|
+
//# sourceMappingURL=MuteButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MuteButton.js","sourceRoot":"","sources":["../../../../src/components/ui/MuteButton.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAAuE;AACvE,kDAA0B;AAC1B,0EAAuC;AAEvC,MAAM,OAAO,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;CAI5B,CAAC;AAQK,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,OAAO,EACP,SAAS,EACV,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,IAC5C,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,mCAAkB,IAAC,IAAI,EAAE,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,8BAAC,kCAAiB,IAAC,IAAI,EAAE,EAAE,GAAI,CAChC,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,EACT,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAiFf,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC9C,qBAAqB,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5C;AACD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA0IlE,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -50,10 +50,16 @@ const useIpfsStorage_1 = require("../../hooks/useIpfsStorage");
|
|
|
50
50
|
const base64_1 = require("../../lib/base64/base64");
|
|
51
51
|
const theme_1 = require("../../theme");
|
|
52
52
|
const Loading_1 = require("../Loading");
|
|
53
|
-
const
|
|
53
|
+
const MuteButton_1 = require("./MuteButton");
|
|
54
54
|
const Typography_1 = require("./Typography");
|
|
55
|
+
const styles_1 = require("./styles");
|
|
55
56
|
const zIndex_1 = require("./zIndex");
|
|
56
57
|
const colors = theme_1.theme.colors.light;
|
|
58
|
+
const StyledMuteButton = (0, styled_components_1.default)(MuteButton_1.MuteButton) `
|
|
59
|
+
position: absolute;
|
|
60
|
+
top: 1rem;
|
|
61
|
+
right: 1rem;
|
|
62
|
+
`;
|
|
57
63
|
const VideoWrapper = styled_components_1.default.div `
|
|
58
64
|
overflow: hidden;
|
|
59
65
|
position: relative;
|
|
@@ -114,6 +120,7 @@ const VideoPlaceholder = styled_components_1.default.div `
|
|
|
114
120
|
}
|
|
115
121
|
`;
|
|
116
122
|
const Video = (_a) => {
|
|
123
|
+
var _b;
|
|
117
124
|
var { src, children, dataTestId = "video", showPlaceholderText = true, noPreload = false, videoProps, componentWhileLoading: ComponentWhileLoading } = _a, rest = __rest(_a, ["src", "children", "dataTestId", "showPlaceholderText", "noPreload", "videoProps", "componentWhileLoading"]);
|
|
118
125
|
const [isLoaded, setIsLoaded] = (0, react_1.useState)(noPreload);
|
|
119
126
|
const [isError, setIsError] = (0, react_1.useState)(false);
|
|
@@ -166,6 +173,22 @@ const Video = (_a) => {
|
|
|
166
173
|
}
|
|
167
174
|
return videoSrc || "";
|
|
168
175
|
}, [videoSrc]);
|
|
176
|
+
const videoRef = (0, react_1.useRef)(null);
|
|
177
|
+
const [muted, setMuted] = (0, react_1.useState)(!!(videoProps === null || videoProps === void 0 ? void 0 : videoProps.muted));
|
|
178
|
+
(0, react_1.useEffect)(() => {
|
|
179
|
+
if (videoRef.current) {
|
|
180
|
+
videoRef.current.defaultMuted = muted;
|
|
181
|
+
}
|
|
182
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
183
|
+
}, [(_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.defaultMuted]);
|
|
184
|
+
(0, react_1.useEffect)(() => {
|
|
185
|
+
if (videoRef.current) {
|
|
186
|
+
videoRef.current.autoplay = false;
|
|
187
|
+
videoRef.current.pause();
|
|
188
|
+
videoRef.current.muted = muted;
|
|
189
|
+
videoRef.current.play();
|
|
190
|
+
}
|
|
191
|
+
}, [muted]);
|
|
169
192
|
if (!isLoaded && !isError) {
|
|
170
193
|
if (ComponentWhileLoading) {
|
|
171
194
|
return react_1.default.createElement(ComponentWhileLoading, null);
|
|
@@ -183,7 +206,9 @@ const Video = (_a) => {
|
|
|
183
206
|
}
|
|
184
207
|
return (react_1.default.createElement(VideoWrapper, Object.assign({}, rest, { "$hasOnClick": !!rest.onClick, className: "video-container" }),
|
|
185
208
|
children || "",
|
|
186
|
-
videoSrc && (react_1.default.createElement(
|
|
209
|
+
videoSrc && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
210
|
+
react_1.default.createElement(StyledMuteButton, { muted: muted, onClick: () => setMuted((prev) => !prev) }),
|
|
211
|
+
react_1.default.createElement(VideoHtml, Object.assign({ ref: videoRef, "data-testid": dataTestId }, videoProps, { src: mp4Src || "" }))))));
|
|
187
212
|
};
|
|
188
213
|
exports.default = Video;
|
|
189
214
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4E;AAC5E,+
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -54,6 +54,7 @@ export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeD
|
|
|
54
54
|
export * from "./components/ui/Grid";
|
|
55
55
|
export * from "./components/ui/GridContainer";
|
|
56
56
|
export * from "./components/ui/Typography";
|
|
57
|
+
export * from "./components/ui/MuteButton";
|
|
57
58
|
export * from "./lib/magicLink/logout";
|
|
58
59
|
export * from "./lib/magicLink/provider";
|
|
59
60
|
export * from "./lib/const/networks";
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -90,6 +90,7 @@ __exportStar(require("./components/modal/components/Redeem/DetailView/ExternalEx
|
|
|
90
90
|
__exportStar(require("./components/ui/Grid"), exports);
|
|
91
91
|
__exportStar(require("./components/ui/GridContainer"), exports);
|
|
92
92
|
__exportStar(require("./components/ui/Typography"), exports);
|
|
93
|
+
__exportStar(require("./components/ui/MuteButton"), exports);
|
|
93
94
|
__exportStar(require("./lib/magicLink/logout"), exports);
|
|
94
95
|
__exportStar(require("./lib/magicLink/provider"), exports);
|
|
95
96
|
__exportStar(require("./lib/const/networks"), exports);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsD;AAA7C,uGAAA,aAAa,OAAA;AACtB,0DAAwC;AACxC,4DAA0C;AAC1C,8DAA4C;AAC5C,6DAAgF;AAAvE,6HAAA,OAAO,OAAgB;AAChC,yDAAuC;AACvC,6DAA2C;AAC3C,8DAA4C;AAC5C,gFAA8D;AAC9D,yEAAuD;AACvD,2EAAyD;AACzD,yEAAuD;AACvD,yEAAuD;AACvD,yEAAuD;AACvD,sEAAoD;AACpD,oEAAkD;AAClD,yEAAuD;AACvD,2EAAyD;AACzD,4EAA0D;AAC1D,6EAA2D;AAC3D,gFAA8D;AAC9D,+EAA6D;AAC7D,yEAAuD;AACvD,2DAAyC;AACzC,uDAAqC;AACrC,uEAAqD;AACrD,iEAA+C;AAC/C,4EAA0D;AAC1D,gFAA8D;AAC9D,uDAA6D;AAApD,uGAAA,aAAa,OAAA;AACtB,mEAAiD;AACjD,+DAA6C;AAC7C,8EAA4D;AAC5D,gFAA8D;AAC9D,gFAA8D;AAC9D,sFAAoE;AACpE,+EAA6D;AAC7D,iFAA+D;AAC/D,+EAA6D;AAC7D,+EAA6D;AAC7D,yFAAuE;AACvE,mEAA6E;AAApE,+HAAA,OAAO,OAAiB;AACjC,6DAA2C;AAC3C,iDAAiC;AACjC,0CAAwB;AACxB,+DAA6C;AAC7C,sEAAoD;AACpD,uEAAqD;AACrD,qEAAmD;AACnD,yHAAuG;AACvG,oGAAkF;AAClF,2GAAyF;AACzF,6GAA2F;AAC3F,uDAAqC;AACrC,gEAA8C;AAC9C,6DAA2C;AAC3C,yDAAuC;AACvC,2DAAyC;AACzC,uDAAqC;AACrC,4DAA0C;AAC1C,gEAA8C;AAC9C,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsD;AAA7C,uGAAA,aAAa,OAAA;AACtB,0DAAwC;AACxC,4DAA0C;AAC1C,8DAA4C;AAC5C,6DAAgF;AAAvE,6HAAA,OAAO,OAAgB;AAChC,yDAAuC;AACvC,6DAA2C;AAC3C,8DAA4C;AAC5C,gFAA8D;AAC9D,yEAAuD;AACvD,2EAAyD;AACzD,yEAAuD;AACvD,yEAAuD;AACvD,yEAAuD;AACvD,sEAAoD;AACpD,oEAAkD;AAClD,yEAAuD;AACvD,2EAAyD;AACzD,4EAA0D;AAC1D,6EAA2D;AAC3D,gFAA8D;AAC9D,+EAA6D;AAC7D,yEAAuD;AACvD,2DAAyC;AACzC,uDAAqC;AACrC,uEAAqD;AACrD,iEAA+C;AAC/C,4EAA0D;AAC1D,gFAA8D;AAC9D,uDAA6D;AAApD,uGAAA,aAAa,OAAA;AACtB,mEAAiD;AACjD,+DAA6C;AAC7C,8EAA4D;AAC5D,gFAA8D;AAC9D,gFAA8D;AAC9D,sFAAoE;AACpE,+EAA6D;AAC7D,iFAA+D;AAC/D,+EAA6D;AAC7D,+EAA6D;AAC7D,yFAAuE;AACvE,mEAA6E;AAApE,+HAAA,OAAO,OAAiB;AACjC,6DAA2C;AAC3C,iDAAiC;AACjC,0CAAwB;AACxB,+DAA6C;AAC7C,sEAAoD;AACpD,uEAAqD;AACrD,qEAAmD;AACnD,yHAAuG;AACvG,oGAAkF;AAClF,2GAAyF;AACzF,6GAA2F;AAC3F,uDAAqC;AACrC,gEAA8C;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,yDAAuC;AACvC,2DAAyC;AACzC,uDAAqC;AACrC,4DAA0C;AAC1C,gEAA8C;AAC9C,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MuteButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/MuteButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SpeakerSimpleHigh, SpeakerSimpleSlash } from "phosphor-react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import styled from "styled-components";
|
|
4
|
+
const Wrapper = styled.button `
|
|
5
|
+
> svg {
|
|
6
|
+
filter: drop-shadow(1px 1px 0px white);
|
|
7
|
+
}
|
|
8
|
+
`;
|
|
9
|
+
export const MuteButton = ({ muted, onClick, className }) => {
|
|
10
|
+
return (React.createElement(Wrapper, { onClick: onClick, className: className }, muted ? (React.createElement(SpeakerSimpleSlash, { size: 20 })) : (React.createElement(SpeakerSimpleHigh, { size: 20 }))));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=MuteButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MuteButton.js","sourceRoot":"","sources":["../../../../src/components/ui/MuteButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAI5B,CAAC;AAQF,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,OAAO,EACP,SAAS,EACV,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,IAC5C,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,kBAAkB,IAAC,IAAI,EAAE,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,IAAC,IAAI,EAAE,EAAE,GAAI,CAChC,CACO,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,YAAY,EACZ,SAAS,EACT,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAiFf,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC9C,qBAAqB,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5C;AACD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA0IlE,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
import { VideoCamera as VideoIcon
|
|
2
|
-
import React, { useEffect, useMemo, useState } from "react";
|
|
1
|
+
import { VideoCameraSlash, VideoCamera as VideoIcon } from "phosphor-react";
|
|
2
|
+
import React, { useEffect, useMemo, useRef, useState } from "react";
|
|
3
3
|
import styled, { css } from "styled-components";
|
|
4
4
|
import { useIpfsStorage } from "../../hooks/useIpfsStorage";
|
|
5
5
|
import { fetchIpfsBase64Media } from "../../lib/base64/base64";
|
|
6
6
|
import { theme } from "../../theme";
|
|
7
7
|
import { Loading } from "../Loading";
|
|
8
|
-
import {
|
|
8
|
+
import { MuteButton } from "./MuteButton";
|
|
9
9
|
import { Typography } from "./Typography";
|
|
10
|
+
import { buttonText } from "./styles";
|
|
10
11
|
import { zIndex } from "./zIndex";
|
|
11
12
|
const colors = theme.colors.light;
|
|
13
|
+
const StyledMuteButton = styled(MuteButton) `
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 1rem;
|
|
16
|
+
right: 1rem;
|
|
17
|
+
`;
|
|
12
18
|
const VideoWrapper = styled.div `
|
|
13
19
|
overflow: hidden;
|
|
14
20
|
position: relative;
|
|
@@ -118,6 +124,22 @@ const Video = ({ src, children, dataTestId = "video", showPlaceholderText = true
|
|
|
118
124
|
}
|
|
119
125
|
return videoSrc || "";
|
|
120
126
|
}, [videoSrc]);
|
|
127
|
+
const videoRef = useRef(null);
|
|
128
|
+
const [muted, setMuted] = useState(!!videoProps?.muted);
|
|
129
|
+
useEffect(() => {
|
|
130
|
+
if (videoRef.current) {
|
|
131
|
+
videoRef.current.defaultMuted = muted;
|
|
132
|
+
}
|
|
133
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
134
|
+
}, [videoRef.current?.defaultMuted]);
|
|
135
|
+
useEffect(() => {
|
|
136
|
+
if (videoRef.current) {
|
|
137
|
+
videoRef.current.autoplay = false;
|
|
138
|
+
videoRef.current.pause();
|
|
139
|
+
videoRef.current.muted = muted;
|
|
140
|
+
videoRef.current.play();
|
|
141
|
+
}
|
|
142
|
+
}, [muted]);
|
|
121
143
|
if (!isLoaded && !isError) {
|
|
122
144
|
if (ComponentWhileLoading) {
|
|
123
145
|
return React.createElement(ComponentWhileLoading, null);
|
|
@@ -135,7 +157,9 @@ const Video = ({ src, children, dataTestId = "video", showPlaceholderText = true
|
|
|
135
157
|
}
|
|
136
158
|
return (React.createElement(VideoWrapper, { ...rest, "$hasOnClick": !!rest.onClick, className: "video-container" },
|
|
137
159
|
children || "",
|
|
138
|
-
videoSrc && (React.createElement(
|
|
160
|
+
videoSrc && (React.createElement(React.Fragment, null,
|
|
161
|
+
React.createElement(StyledMuteButton, { muted: muted, onClick: () => setMuted((prev) => !prev) }),
|
|
162
|
+
React.createElement(VideoHtml, { ref: videoRef, "data-testid": dataTestId, ...videoProps, src: mp4Src || "" })))));
|
|
139
163
|
};
|
|
140
164
|
export default Video;
|
|
141
165
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -54,6 +54,7 @@ export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeD
|
|
|
54
54
|
export * from "./components/ui/Grid";
|
|
55
55
|
export * from "./components/ui/GridContainer";
|
|
56
56
|
export * from "./components/ui/Typography";
|
|
57
|
+
export * from "./components/ui/MuteButton";
|
|
57
58
|
export * from "./lib/magicLink/logout";
|
|
58
59
|
export * from "./lib/magicLink/provider";
|
|
59
60
|
export * from "./lib/const/networks";
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -54,6 +54,7 @@ export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeD
|
|
|
54
54
|
export * from "./components/ui/Grid";
|
|
55
55
|
export * from "./components/ui/GridContainer";
|
|
56
56
|
export * from "./components/ui/Typography";
|
|
57
|
+
export * from "./components/ui/MuteButton";
|
|
57
58
|
export * from "./lib/magicLink/logout";
|
|
58
59
|
export * from "./lib/magicLink/provider";
|
|
59
60
|
export * from "./lib/const/networks";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAW,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAW,MAAM,8BAA8B,CAAC;AAChF,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,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.29.0-alpha.
|
|
4
|
+
"version": "0.29.0-alpha.9",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.40.0-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.14.0-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.40.0-alpha.9",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.14.0-alpha.9",
|
|
20
20
|
"@bosonprotocol/ipfs-storage": "^1.11.2",
|
|
21
21
|
"@davatar/react": "1.11.1",
|
|
22
22
|
"@ethersproject/units": "5.6.0",
|
|
@@ -169,5 +169,5 @@
|
|
|
169
169
|
"overrides": {
|
|
170
170
|
"typescript": "^5.1.6"
|
|
171
171
|
},
|
|
172
|
-
"gitHead": "
|
|
172
|
+
"gitHead": "339dc67e85d4f37a4327e3cea6aad61172e68cc3"
|
|
173
173
|
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SpeakerSimpleHigh, SpeakerSimpleSlash } from "phosphor-react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import styled from "styled-components";
|
|
4
|
+
|
|
5
|
+
const Wrapper = styled.button`
|
|
6
|
+
> svg {
|
|
7
|
+
filter: drop-shadow(1px 1px 0px white);
|
|
8
|
+
}
|
|
9
|
+
`;
|
|
10
|
+
|
|
11
|
+
type MuteButtonProps = {
|
|
12
|
+
muted: boolean;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export const MuteButton: React.FC<MuteButtonProps> = ({
|
|
18
|
+
muted,
|
|
19
|
+
onClick,
|
|
20
|
+
className
|
|
21
|
+
}) => {
|
|
22
|
+
return (
|
|
23
|
+
<Wrapper onClick={onClick} className={className}>
|
|
24
|
+
{muted ? (
|
|
25
|
+
<SpeakerSimpleSlash size={20} />
|
|
26
|
+
) : (
|
|
27
|
+
<SpeakerSimpleHigh size={20} />
|
|
28
|
+
)}
|
|
29
|
+
</Wrapper>
|
|
30
|
+
);
|
|
31
|
+
};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { VideoCamera as VideoIcon
|
|
1
|
+
import { VideoCameraSlash, VideoCamera as VideoIcon } from "phosphor-react";
|
|
2
2
|
import React, {
|
|
3
|
+
ElementRef,
|
|
3
4
|
ReactElement,
|
|
4
5
|
ReactNode,
|
|
6
|
+
VideoHTMLAttributes,
|
|
5
7
|
useEffect,
|
|
6
8
|
useMemo,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
useRef,
|
|
10
|
+
useState
|
|
9
11
|
} from "react";
|
|
10
12
|
import styled, { css } from "styled-components";
|
|
11
13
|
import { useIpfsStorage } from "../../hooks/useIpfsStorage";
|
|
@@ -13,10 +15,16 @@ import { fetchIpfsBase64Media } from "../../lib/base64/base64";
|
|
|
13
15
|
import { theme } from "../../theme";
|
|
14
16
|
import { Loading } from "../Loading";
|
|
15
17
|
|
|
16
|
-
import {
|
|
18
|
+
import { MuteButton } from "./MuteButton";
|
|
17
19
|
import { Typography } from "./Typography";
|
|
20
|
+
import { buttonText } from "./styles";
|
|
18
21
|
import { zIndex } from "./zIndex";
|
|
19
22
|
const colors = theme.colors.light;
|
|
23
|
+
const StyledMuteButton = styled(MuteButton)`
|
|
24
|
+
position: absolute;
|
|
25
|
+
top: 1rem;
|
|
26
|
+
right: 1rem;
|
|
27
|
+
`;
|
|
20
28
|
const VideoWrapper = styled.div<{ $hasOnClick?: boolean }>`
|
|
21
29
|
overflow: hidden;
|
|
22
30
|
position: relative;
|
|
@@ -157,7 +165,22 @@ const Video: React.FC<IVideo & React.HTMLAttributes<HTMLDivElement>> = ({
|
|
|
157
165
|
}
|
|
158
166
|
return videoSrc || "";
|
|
159
167
|
}, [videoSrc]);
|
|
160
|
-
|
|
168
|
+
const videoRef = useRef<ElementRef<"video">>(null);
|
|
169
|
+
const [muted, setMuted] = useState<boolean>(!!videoProps?.muted);
|
|
170
|
+
useEffect(() => {
|
|
171
|
+
if (videoRef.current) {
|
|
172
|
+
videoRef.current.defaultMuted = muted;
|
|
173
|
+
}
|
|
174
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
175
|
+
}, [videoRef.current?.defaultMuted]);
|
|
176
|
+
useEffect(() => {
|
|
177
|
+
if (videoRef.current) {
|
|
178
|
+
videoRef.current.autoplay = false;
|
|
179
|
+
videoRef.current.pause();
|
|
180
|
+
videoRef.current.muted = muted;
|
|
181
|
+
videoRef.current.play();
|
|
182
|
+
}
|
|
183
|
+
}, [muted]);
|
|
161
184
|
if (!isLoaded && !isError) {
|
|
162
185
|
if (ComponentWhileLoading) {
|
|
163
186
|
return <ComponentWhileLoading />;
|
|
@@ -198,11 +221,18 @@ const Video: React.FC<IVideo & React.HTMLAttributes<HTMLDivElement>> = ({
|
|
|
198
221
|
>
|
|
199
222
|
{children || ""}
|
|
200
223
|
{videoSrc && (
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
224
|
+
<>
|
|
225
|
+
<StyledMuteButton
|
|
226
|
+
muted={muted}
|
|
227
|
+
onClick={() => setMuted((prev) => !prev)}
|
|
228
|
+
/>
|
|
229
|
+
<VideoHtml
|
|
230
|
+
ref={videoRef}
|
|
231
|
+
data-testid={dataTestId}
|
|
232
|
+
{...videoProps}
|
|
233
|
+
src={mp4Src || ""}
|
|
234
|
+
/>
|
|
235
|
+
</>
|
|
206
236
|
)}
|
|
207
237
|
</VideoWrapper>
|
|
208
238
|
);
|
package/src/index.tsx
CHANGED
|
@@ -54,6 +54,7 @@ export * from "./components/modal/components/Redeem/DetailView/ExternalExchangeD
|
|
|
54
54
|
export * from "./components/ui/Grid";
|
|
55
55
|
export * from "./components/ui/GridContainer";
|
|
56
56
|
export * from "./components/ui/Typography";
|
|
57
|
+
export * from "./components/ui/MuteButton";
|
|
57
58
|
export * from "./lib/magicLink/logout";
|
|
58
59
|
export * from "./lib/magicLink/provider";
|
|
59
60
|
export * from "./lib/const/networks";
|