@blerp/design 1.2.39 → 1.2.41
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/index.cjs.js +22 -19
- package/dist/index.esm.js +23 -20
- package/dist/index.umd.js +22 -19
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1570,7 +1570,7 @@ Blerp$1.propTypes = {
|
|
|
1570
1570
|
};
|
|
1571
1571
|
|
|
1572
1572
|
var UserCard$1 = function UserCard(_ref) {
|
|
1573
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1573
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn5, _user$twitchChannelIn6;
|
|
1574
1574
|
|
|
1575
1575
|
var user = _ref.user,
|
|
1576
1576
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1588,7 +1588,9 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1588
1588
|
alignItems: "center",
|
|
1589
1589
|
padding: "16px",
|
|
1590
1590
|
boxSizing: "border-box",
|
|
1591
|
-
justifyContent: "space-around"
|
|
1591
|
+
justifyContent: "space-around",
|
|
1592
|
+
border: "1px solid transparent",
|
|
1593
|
+
borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn = user.twitchChannelInfo) === null || _user$twitchChannelIn === void 0 ? void 0 : _user$twitchChannelIn.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
|
|
1592
1594
|
}
|
|
1593
1595
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1594
1596
|
sx: {
|
|
@@ -1600,13 +1602,22 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1600
1602
|
height: collapsed ? "49px" : "89px",
|
|
1601
1603
|
borderRadius: "50%",
|
|
1602
1604
|
border: "2px solid transparent",
|
|
1603
|
-
borderColor: (user === null || user === void 0 ? void 0 : (_user$
|
|
1605
|
+
borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
|
|
1604
1606
|
padding: collapsed ? "3px" : "6px",
|
|
1605
1607
|
boxSizing: "border-box"
|
|
1606
1608
|
},
|
|
1607
1609
|
src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
1608
1610
|
alt: "profile"
|
|
1609
|
-
}), (user === null || user === void 0 ? void 0 : user.
|
|
1611
|
+
}), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.broadcasterType) === "partner" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
|
|
1612
|
+
sx: {
|
|
1613
|
+
position: "absolute",
|
|
1614
|
+
bottom: collapsed ? "0" : "5px",
|
|
1615
|
+
right: collapsed ? "0" : "5px",
|
|
1616
|
+
fontSize: "17px",
|
|
1617
|
+
backgroundColor: "grey4.main",
|
|
1618
|
+
borderRadius: "50%"
|
|
1619
|
+
}
|
|
1620
|
+
}), (user === null || user === void 0 ? void 0 : user.premiumBlerpUserStatus) === "ACTIVE" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.DiamondRounded, {
|
|
1610
1621
|
sx: {
|
|
1611
1622
|
position: "absolute",
|
|
1612
1623
|
bottom: collapsed ? "0" : "5px",
|
|
@@ -1658,7 +1669,7 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1658
1669
|
fontWeight: "400",
|
|
1659
1670
|
cursor: "inherit"
|
|
1660
1671
|
}
|
|
1661
|
-
}, (user === null || user === void 0 ? void 0 : user.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1672
|
+
}, (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1662
1673
|
sx: {
|
|
1663
1674
|
fontSize: "12px",
|
|
1664
1675
|
fontWeight: "300",
|
|
@@ -2036,8 +2047,8 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
2036
2047
|
top: "0",
|
|
2037
2048
|
left: "0",
|
|
2038
2049
|
transition: "0.3s",
|
|
2039
|
-
opacity: hoveringAddTo ? "0" : "1",
|
|
2040
|
-
|
|
2050
|
+
opacity: hoveringAddTo ? "0" : "1" // width: hoveringAddTo ? "0%" : "50%",
|
|
2051
|
+
// display: hoveringAddTo && "none",
|
|
2041
2052
|
|
|
2042
2053
|
}
|
|
2043
2054
|
}, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
|
|
@@ -2059,7 +2070,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
2059
2070
|
};
|
|
2060
2071
|
|
|
2061
2072
|
var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
2062
|
-
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2073
|
+
var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnContext, _bite$soundEmotesCont, _bite$discordContext, _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2063
2074
|
|
|
2064
2075
|
var Waveform = _ref6.Waveform,
|
|
2065
2076
|
bite = _ref6.bite,
|
|
@@ -2098,15 +2109,11 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2098
2109
|
|
|
2099
2110
|
var _useState7 = React.useState(false),
|
|
2100
2111
|
_useState8 = _slicedToArray__default['default'](_useState7, 2),
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
var _useState9 = React.useState(false),
|
|
2105
|
-
_useState10 = _slicedToArray__default['default'](_useState9, 2),
|
|
2106
|
-
hoveringAddTo = _useState10[0],
|
|
2107
|
-
setHoveringAddTo = _useState10[1];
|
|
2112
|
+
hoveringAddTo = _useState8[0],
|
|
2113
|
+
setHoveringAddTo = _useState8[1];
|
|
2108
2114
|
|
|
2109
2115
|
var titleRef = React.useRef(null);
|
|
2116
|
+
var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnContext = bite.walkOnContext) === null || _bite$walkOnContext === void 0 ? void 0 : _bite$walkOnContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont._id) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id);
|
|
2110
2117
|
|
|
2111
2118
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2112
2119
|
if (playState === "played") {
|
|
@@ -2175,11 +2182,7 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2175
2182
|
};
|
|
2176
2183
|
|
|
2177
2184
|
var handleAddToPlace = function handleAddToPlace(added) {
|
|
2178
|
-
setAddedToPlace(true);
|
|
2179
2185
|
onAddToPlace(added);
|
|
2180
|
-
setTimeout(function () {
|
|
2181
|
-
setAddedToPlace(false);
|
|
2182
|
-
}, 2000);
|
|
2183
2186
|
};
|
|
2184
2187
|
|
|
2185
2188
|
if (!bite) {
|
package/dist/index.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import React__default, { useState, useEffect, useContext, useRef, createContext,
|
|
|
6
6
|
import { ColorExtractor } from 'react-color-extractor';
|
|
7
7
|
import styled, { ThemeContext, keyframes, ThemeProvider as ThemeProvider$1 } from 'styled-components';
|
|
8
8
|
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
9
|
-
import { PauseCircleOutlineRounded, LockRounded, VerifiedRounded, CheckRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
|
|
9
|
+
import { PauseCircleOutlineRounded, LockRounded, VerifiedRounded, DiamondRounded, CheckRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
|
|
10
10
|
import BookmarkOutlinedIcon from '@mui/icons-material/BookmarkOutlined';
|
|
11
11
|
import LockRoundedIcon from '@mui/icons-material/LockRounded';
|
|
12
12
|
import DoNotDisturbRoundedIcon from '@mui/icons-material/DoNotDisturbRounded';
|
|
@@ -1495,7 +1495,7 @@ Blerp$1.propTypes = {
|
|
|
1495
1495
|
};
|
|
1496
1496
|
|
|
1497
1497
|
var UserCard$1 = function UserCard(_ref) {
|
|
1498
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1498
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn5, _user$twitchChannelIn6;
|
|
1499
1499
|
|
|
1500
1500
|
var user = _ref.user,
|
|
1501
1501
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1513,7 +1513,9 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1513
1513
|
alignItems: "center",
|
|
1514
1514
|
padding: "16px",
|
|
1515
1515
|
boxSizing: "border-box",
|
|
1516
|
-
justifyContent: "space-around"
|
|
1516
|
+
justifyContent: "space-around",
|
|
1517
|
+
border: "1px solid transparent",
|
|
1518
|
+
borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn = user.twitchChannelInfo) === null || _user$twitchChannelIn === void 0 ? void 0 : _user$twitchChannelIn.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
|
|
1517
1519
|
}
|
|
1518
1520
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
1519
1521
|
sx: {
|
|
@@ -1525,13 +1527,22 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1525
1527
|
height: collapsed ? "49px" : "89px",
|
|
1526
1528
|
borderRadius: "50%",
|
|
1527
1529
|
border: "2px solid transparent",
|
|
1528
|
-
borderColor: (user === null || user === void 0 ? void 0 : (_user$
|
|
1530
|
+
borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
|
|
1529
1531
|
padding: collapsed ? "3px" : "6px",
|
|
1530
1532
|
boxSizing: "border-box"
|
|
1531
1533
|
},
|
|
1532
1534
|
src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
1533
1535
|
alt: "profile"
|
|
1534
|
-
}), (user === null || user === void 0 ? void 0 : user.
|
|
1536
|
+
}), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.broadcasterType) === "partner" && /*#__PURE__*/React__default.createElement(VerifiedRounded, {
|
|
1537
|
+
sx: {
|
|
1538
|
+
position: "absolute",
|
|
1539
|
+
bottom: collapsed ? "0" : "5px",
|
|
1540
|
+
right: collapsed ? "0" : "5px",
|
|
1541
|
+
fontSize: "17px",
|
|
1542
|
+
backgroundColor: "grey4.main",
|
|
1543
|
+
borderRadius: "50%"
|
|
1544
|
+
}
|
|
1545
|
+
}), (user === null || user === void 0 ? void 0 : user.premiumBlerpUserStatus) === "ACTIVE" && /*#__PURE__*/React__default.createElement(DiamondRounded, {
|
|
1535
1546
|
sx: {
|
|
1536
1547
|
position: "absolute",
|
|
1537
1548
|
bottom: collapsed ? "0" : "5px",
|
|
@@ -1583,7 +1594,7 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1583
1594
|
fontWeight: "400",
|
|
1584
1595
|
cursor: "inherit"
|
|
1585
1596
|
}
|
|
1586
|
-
}, (user === null || user === void 0 ? void 0 : user.followerCount) || 0), /*#__PURE__*/React__default.createElement(Text, {
|
|
1597
|
+
}, (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.followerCount) || 0), /*#__PURE__*/React__default.createElement(Text, {
|
|
1587
1598
|
sx: {
|
|
1588
1599
|
fontSize: "12px",
|
|
1589
1600
|
fontWeight: "300",
|
|
@@ -1961,8 +1972,8 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
1961
1972
|
top: "0",
|
|
1962
1973
|
left: "0",
|
|
1963
1974
|
transition: "0.3s",
|
|
1964
|
-
opacity: hoveringAddTo ? "0" : "1",
|
|
1965
|
-
|
|
1975
|
+
opacity: hoveringAddTo ? "0" : "1" // width: hoveringAddTo ? "0%" : "50%",
|
|
1976
|
+
// display: hoveringAddTo && "none",
|
|
1966
1977
|
|
|
1967
1978
|
}
|
|
1968
1979
|
}, /*#__PURE__*/React__default.createElement(RatingInfo, {
|
|
@@ -1984,7 +1995,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
|
|
|
1984
1995
|
};
|
|
1985
1996
|
|
|
1986
1997
|
var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
1987
|
-
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
1998
|
+
var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnContext, _bite$soundEmotesCont, _bite$discordContext, _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
1988
1999
|
|
|
1989
2000
|
var Waveform = _ref6.Waveform,
|
|
1990
2001
|
bite = _ref6.bite,
|
|
@@ -2023,15 +2034,11 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2023
2034
|
|
|
2024
2035
|
var _useState7 = useState(false),
|
|
2025
2036
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
var _useState9 = useState(false),
|
|
2030
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
2031
|
-
hoveringAddTo = _useState10[0],
|
|
2032
|
-
setHoveringAddTo = _useState10[1];
|
|
2037
|
+
hoveringAddTo = _useState8[0],
|
|
2038
|
+
setHoveringAddTo = _useState8[1];
|
|
2033
2039
|
|
|
2034
2040
|
var titleRef = useRef(null);
|
|
2041
|
+
var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnContext = bite.walkOnContext) === null || _bite$walkOnContext === void 0 ? void 0 : _bite$walkOnContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont._id) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id);
|
|
2035
2042
|
|
|
2036
2043
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2037
2044
|
if (playState === "played") {
|
|
@@ -2100,11 +2107,7 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
|
2100
2107
|
};
|
|
2101
2108
|
|
|
2102
2109
|
var handleAddToPlace = function handleAddToPlace(added) {
|
|
2103
|
-
setAddedToPlace(true);
|
|
2104
2110
|
onAddToPlace(added);
|
|
2105
|
-
setTimeout(function () {
|
|
2106
|
-
setAddedToPlace(false);
|
|
2107
|
-
}, 2000);
|
|
2108
2111
|
};
|
|
2109
2112
|
|
|
2110
2113
|
if (!bite) {
|
package/dist/index.umd.js
CHANGED
|
@@ -1516,7 +1516,7 @@
|
|
|
1516
1516
|
};
|
|
1517
1517
|
|
|
1518
1518
|
var UserCard$1 = function UserCard(_ref) {
|
|
1519
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1519
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn5, _user$twitchChannelIn6;
|
|
1520
1520
|
|
|
1521
1521
|
var user = _ref.user,
|
|
1522
1522
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1534,7 +1534,9 @@
|
|
|
1534
1534
|
alignItems: "center",
|
|
1535
1535
|
padding: "16px",
|
|
1536
1536
|
boxSizing: "border-box",
|
|
1537
|
-
justifyContent: "space-around"
|
|
1537
|
+
justifyContent: "space-around",
|
|
1538
|
+
border: "1px solid transparent",
|
|
1539
|
+
borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn = user.twitchChannelInfo) === null || _user$twitchChannelIn === void 0 ? void 0 : _user$twitchChannelIn.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
|
|
1538
1540
|
}
|
|
1539
1541
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1540
1542
|
sx: {
|
|
@@ -1546,13 +1548,22 @@
|
|
|
1546
1548
|
height: collapsed ? "49px" : "89px",
|
|
1547
1549
|
borderRadius: "50%",
|
|
1548
1550
|
border: "2px solid transparent",
|
|
1549
|
-
borderColor: (user === null || user === void 0 ? void 0 : (_user$
|
|
1551
|
+
borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
|
|
1550
1552
|
padding: collapsed ? "3px" : "6px",
|
|
1551
1553
|
boxSizing: "border-box"
|
|
1552
1554
|
},
|
|
1553
1555
|
src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
1554
1556
|
alt: "profile"
|
|
1555
|
-
}), (user === null || user === void 0 ? void 0 : user.
|
|
1557
|
+
}), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.broadcasterType) === "partner" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
|
|
1558
|
+
sx: {
|
|
1559
|
+
position: "absolute",
|
|
1560
|
+
bottom: collapsed ? "0" : "5px",
|
|
1561
|
+
right: collapsed ? "0" : "5px",
|
|
1562
|
+
fontSize: "17px",
|
|
1563
|
+
backgroundColor: "grey4.main",
|
|
1564
|
+
borderRadius: "50%"
|
|
1565
|
+
}
|
|
1566
|
+
}), (user === null || user === void 0 ? void 0 : user.premiumBlerpUserStatus) === "ACTIVE" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.DiamondRounded, {
|
|
1556
1567
|
sx: {
|
|
1557
1568
|
position: "absolute",
|
|
1558
1569
|
bottom: collapsed ? "0" : "5px",
|
|
@@ -1604,7 +1615,7 @@
|
|
|
1604
1615
|
fontWeight: "400",
|
|
1605
1616
|
cursor: "inherit"
|
|
1606
1617
|
}
|
|
1607
|
-
}, (user === null || user === void 0 ? void 0 : user.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1618
|
+
}, (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.followerCount) || 0), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1608
1619
|
sx: {
|
|
1609
1620
|
fontSize: "12px",
|
|
1610
1621
|
fontWeight: "300",
|
|
@@ -1982,8 +1993,8 @@
|
|
|
1982
1993
|
top: "0",
|
|
1983
1994
|
left: "0",
|
|
1984
1995
|
transition: "0.3s",
|
|
1985
|
-
opacity: hoveringAddTo ? "0" : "1",
|
|
1986
|
-
|
|
1996
|
+
opacity: hoveringAddTo ? "0" : "1" // width: hoveringAddTo ? "0%" : "50%",
|
|
1997
|
+
// display: hoveringAddTo && "none",
|
|
1987
1998
|
|
|
1988
1999
|
}
|
|
1989
2000
|
}, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
|
|
@@ -2005,7 +2016,7 @@
|
|
|
2005
2016
|
};
|
|
2006
2017
|
|
|
2007
2018
|
var NewBlerp$1 = function NewBlerp(_ref6) {
|
|
2008
|
-
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2019
|
+
var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnContext, _bite$soundEmotesCont, _bite$discordContext, _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2009
2020
|
|
|
2010
2021
|
var Waveform = _ref6.Waveform,
|
|
2011
2022
|
bite = _ref6.bite,
|
|
@@ -2044,15 +2055,11 @@
|
|
|
2044
2055
|
|
|
2045
2056
|
var _useState7 = React.useState(false),
|
|
2046
2057
|
_useState8 = _slicedToArray__default['default'](_useState7, 2),
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
var _useState9 = React.useState(false),
|
|
2051
|
-
_useState10 = _slicedToArray__default['default'](_useState9, 2),
|
|
2052
|
-
hoveringAddTo = _useState10[0],
|
|
2053
|
-
setHoveringAddTo = _useState10[1];
|
|
2058
|
+
hoveringAddTo = _useState8[0],
|
|
2059
|
+
setHoveringAddTo = _useState8[1];
|
|
2054
2060
|
|
|
2055
2061
|
var titleRef = React.useRef(null);
|
|
2062
|
+
var addedToPlace = (bite === null || bite === void 0 ? void 0 : (_bite$whitelistContex = bite.whitelistContext) === null || _bite$whitelistContex === void 0 ? void 0 : _bite$whitelistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsCo = bite.channelPointsContext) === null || _bite$channelPointsCo === void 0 ? void 0 : _bite$channelPointsCo._id) || (bite === null || bite === void 0 ? void 0 : (_bite$walkOnContext = bite.walkOnContext) === null || _bite$walkOnContext === void 0 ? void 0 : _bite$walkOnContext._id) || (bite === null || bite === void 0 ? void 0 : (_bite$soundEmotesCont = bite.soundEmotesContext) === null || _bite$soundEmotesCont === void 0 ? void 0 : _bite$soundEmotesCont._id) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id);
|
|
2056
2063
|
|
|
2057
2064
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
2058
2065
|
if (playState === "played") {
|
|
@@ -2121,11 +2128,7 @@
|
|
|
2121
2128
|
};
|
|
2122
2129
|
|
|
2123
2130
|
var handleAddToPlace = function handleAddToPlace(added) {
|
|
2124
|
-
setAddedToPlace(true);
|
|
2125
2131
|
onAddToPlace(added);
|
|
2126
|
-
setTimeout(function () {
|
|
2127
|
-
setAddedToPlace(false);
|
|
2128
|
-
}, 2000);
|
|
2129
2132
|
};
|
|
2130
2133
|
|
|
2131
2134
|
if (!bite) {
|