@blerp/design 1.2.45 → 1.2.47

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +125 -98
  2. package/dist/index.esm.js +125 -98
  3. package/dist/index.umd.js +125 -98
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1846,7 +1846,8 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1846
1846
  direction: "row",
1847
1847
  sx: {
1848
1848
  transition: "0.3s",
1849
- opacity: hide ? "0" : hovering ? "1" : "0"
1849
+ opacity: hide ? "0" : hovering ? "1" : "0",
1850
+ alignItems: "center"
1850
1851
  }
1851
1852
  }, (item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1852
1853
  title: "Added to Channel Points"
@@ -1871,79 +1872,103 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1871
1872
  }
1872
1873
  }))), (item === null || item === void 0 ? void 0 : (_item$soundEmotesCont = item.soundEmotesContext) === null || _item$soundEmotesCont === void 0 ? void 0 : _item$soundEmotesCont._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1873
1874
  title: "Added to Sound Emotes"
1874
- }, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.MusicNoteRounded, {
1875
+ }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.MusicNoteRounded, {
1875
1876
  sx: {
1876
1877
  fontSize: "15px",
1877
1878
  filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
1878
1879
  }
1879
- })));
1880
+ }))));
1880
1881
  };
1881
1882
 
1882
- var RatingInfo = function RatingInfo(_ref3) {
1883
- var rating = _ref3.rating;
1884
-
1885
- switch (rating) {
1886
- case "G":
1887
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1888
-
1889
- case "PG":
1890
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1883
+ var RatingInfoItem = function RatingInfoItem(_ref3) {
1884
+ var tooltipText = _ref3.tooltipText,
1885
+ displayText = _ref3.displayText;
1886
+ return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1887
+ title: tooltipText
1888
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
1889
+ sx: {
1890
+ fontSize: "9px",
1891
+ fontWeight: "600",
1892
+ backgroundColor: "white.override",
1893
+ borderRadius: "2px",
1894
+ border: "4px solid transparent",
1895
+ borderColor: "#000000a7",
1896
+ color: "notBlack.override",
1897
+ padding: "1px 2px",
1898
+ height: "auto",
1899
+ width: "fit-content",
1900
+ marginBottom: "12px"
1901
+ }
1902
+ }, displayText));
1903
+ };
1891
1904
 
1892
- case "PG13":
1893
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1905
+ var RatingInfo = function RatingInfo(_ref4) {
1906
+ var bite = _ref4.bite;
1907
+ var ratingText = {
1908
+ tooltipText: "",
1909
+ text: ""
1910
+ };
1894
1911
 
1895
- case "R":
1896
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1912
+ if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
1913
+ var _bite$newAudienceRati, _bite$newAudienceRati2;
1897
1914
 
1898
- case "NC17":
1899
- return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1900
- title: "Not Safe For Work"
1901
- }, /*#__PURE__*/React__default['default'].createElement(Text, {
1902
- sx: {
1903
- fontSize: "9px",
1904
- fontWeight: "600",
1905
- backgroundColor: "white.override",
1906
- borderRadius: "2px",
1907
- border: "4px solid transparent",
1908
- borderColor: "#000000c7",
1909
- color: "notBlack.override",
1910
- padding: "1px 2px",
1911
- height: "auto",
1912
- width: "fit-content",
1913
- marginBottom: "12px"
1914
- }
1915
- }, "NSFW"));
1915
+ if (!(bite !== null && bite !== void 0 && (_bite$newAudienceRati = bite.newAudienceRating) !== null && _bite$newAudienceRati !== void 0 && _bite$newAudienceRati.length)) {
1916
+ // unrated
1917
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1918
+ ratingText.text = "UNRATED";
1919
+ }
1916
1920
 
1917
- case "UR":
1918
- return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1919
- title: "Hasn't Been Reviewed"
1920
- }, /*#__PURE__*/React__default['default'].createElement(Text, {
1921
- sx: {
1922
- fontSize: "9px",
1923
- fontWeight: "600",
1924
- backgroundColor: "white.override",
1925
- borderRadius: "2px",
1926
- border: "4px solid transparent",
1927
- borderColor: "#000000a7",
1928
- color: "notBlack.override",
1929
- padding: "1px 2px",
1930
- height: "auto",
1931
- width: "fit-content",
1932
- marginBottom: "12px"
1933
- }
1934
- }, "UNRATED"));
1921
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1922
+ direction: "row",
1923
+ alignItems: "center"
1924
+ }, bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
1925
+ if (rating === "SAFE") {
1926
+ // nothing
1927
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1928
+ } else if (rating === "NSFW") {
1929
+ // NSFW
1930
+ ratingText.tooltipText = "Not Safe For Work";
1931
+ ratingText.text = "NSFW";
1932
+ } else if (rating === "EXPLICIT") {
1933
+ // EXPLICIT
1934
+ ratingText.tooltipText = "Explicit";
1935
+ ratingText.text = "EXPLICIT";
1936
+ } else if (rating === "DMCA") {
1937
+ // DMCA
1938
+ ratingText.tooltipText = "DMCA";
1939
+ ratingText.text = "DMCA";
1940
+ } else {
1941
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1942
+ }
1935
1943
 
1936
- default:
1937
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1944
+ return /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1945
+ tooltipText: ratingText.tooltipText,
1946
+ displayText: ratingText.text
1947
+ });
1948
+ }));
1949
+ } else if (bite !== null && bite !== void 0 && bite.audienceRating) {
1950
+ // what you have now
1951
+ ratingText.tooltipText = null;
1952
+ ratingText.text = null;
1953
+ } else {
1954
+ // unrated
1955
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1956
+ ratingText.text = "UNRATED";
1938
1957
  }
1958
+
1959
+ if (!ratingText.tooltipText) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1960
+ return /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1961
+ tooltipText: ratingText.tooltipText,
1962
+ displayText: ratingText.text
1963
+ });
1939
1964
  };
1940
1965
 
1941
- var ReportedWarning = function ReportedWarning(_ref4) {
1942
- var showWarning = _ref4.showWarning,
1943
- blacklisted = _ref4.blacklisted,
1944
- saved = _ref4.saved,
1945
- count = _ref4.count,
1946
- onClick = _ref4.onClick;
1966
+ var ReportedWarning = function ReportedWarning(_ref5) {
1967
+ var showWarning = _ref5.showWarning,
1968
+ blacklisted = _ref5.blacklisted,
1969
+ saved = _ref5.saved,
1970
+ count = _ref5.count,
1971
+ onClick = _ref5.onClick;
1947
1972
 
1948
1973
  var _useState = React.useState(showWarning),
1949
1974
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -1997,7 +2022,7 @@ var ReportedWarning = function ReportedWarning(_ref4) {
1997
2022
  color: "white.override",
1998
2023
  textAlign: "center"
1999
2024
  }
2000
- }, "This Has Been ", /*#__PURE__*/React__default['default'].createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
2025
+ }, "This content has been", /*#__PURE__*/React__default['default'].createElement("br", null), " reported and may be unsafe."), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
2001
2026
  color: "whiteOverride",
2002
2027
  variant: "outlined",
2003
2028
  sx: {
@@ -2046,15 +2071,15 @@ var ReportedWarning = function ReportedWarning(_ref4) {
2046
2071
  })), renderInfo());
2047
2072
  };
2048
2073
 
2049
- var BlerpTopRow = function BlerpTopRow(_ref5) {
2050
- var bite = _ref5.bite,
2051
- hovering = _ref5.hovering,
2052
- onPlusClick = _ref5.onPlusClick,
2053
- _onOptionClicked = _ref5.onOptionClicked,
2054
- selectedOption = _ref5.selectedOption,
2055
- renderAddContentButton = _ref5.renderAddContentButton,
2056
- hoveringAddTo = _ref5.hoveringAddTo,
2057
- setHoveringAddTo = _ref5.setHoveringAddTo;
2074
+ var BlerpTopRow = function BlerpTopRow(_ref6) {
2075
+ var bite = _ref6.bite,
2076
+ hovering = _ref6.hovering,
2077
+ onPlusClick = _ref6.onPlusClick,
2078
+ _onOptionClicked = _ref6.onOptionClicked,
2079
+ selectedOption = _ref6.selectedOption,
2080
+ renderAddContentButton = _ref6.renderAddContentButton,
2081
+ hoveringAddTo = _ref6.hoveringAddTo,
2082
+ setHoveringAddTo = _ref6.setHoveringAddTo;
2058
2083
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
2059
2084
  direction: "row",
2060
2085
  justifyContent: "space-between",
@@ -2075,7 +2100,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2075
2100
 
2076
2101
  }
2077
2102
  }, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2078
- rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
2103
+ bite: bite
2079
2104
  }), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
2080
2105
  item: bite,
2081
2106
  hovering: hovering
@@ -2092,38 +2117,38 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2092
2117
  }));
2093
2118
  };
2094
2119
 
2095
- var NewBlerp$1 = function NewBlerp(_ref6) {
2096
- 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;
2120
+ var NewBlerp$1 = function NewBlerp(_ref7) {
2121
+ var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnContext, _bite$soundEmotesCont, _bite$discordContext, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2097
2122
 
2098
- var Waveform = _ref6.Waveform,
2099
- bite = _ref6.bite,
2100
- playState = _ref6.playState,
2101
- play = _ref6.play,
2102
- _ref6$onTitleClick = _ref6.onTitleClick,
2103
- onTitleClick = _ref6$onTitleClick === void 0 ? function () {
2123
+ var Waveform = _ref7.Waveform,
2124
+ bite = _ref7.bite,
2125
+ playState = _ref7.playState,
2126
+ play = _ref7.play,
2127
+ _ref7$onTitleClick = _ref7.onTitleClick,
2128
+ onTitleClick = _ref7$onTitleClick === void 0 ? function () {
2104
2129
  console.log("onTitleClick");
2105
- } : _ref6$onTitleClick,
2106
- _ref6$onUsernameClick = _ref6.onUsernameClick,
2107
- onUsernameClick = _ref6$onUsernameClick === void 0 ? function () {
2130
+ } : _ref7$onTitleClick,
2131
+ _ref7$onUsernameClick = _ref7.onUsernameClick,
2132
+ onUsernameClick = _ref7$onUsernameClick === void 0 ? function () {
2108
2133
  console.log("onUsernameClick");
2109
- } : _ref6$onUsernameClick,
2110
- _ref6$onFavoriteClick = _ref6.onFavoriteClick,
2111
- onFavoriteClick = _ref6$onFavoriteClick === void 0 ? function () {
2134
+ } : _ref7$onUsernameClick,
2135
+ _ref7$onFavoriteClick = _ref7.onFavoriteClick,
2136
+ onFavoriteClick = _ref7$onFavoriteClick === void 0 ? function () {
2112
2137
  console.log("onFavoriteClick");
2113
- } : _ref6$onFavoriteClick,
2114
- _ref6$onAddToPlace = _ref6.onAddToPlace,
2115
- onAddToPlace = _ref6$onAddToPlace === void 0 ? function () {
2138
+ } : _ref7$onFavoriteClick,
2139
+ _ref7$onAddToPlace = _ref7.onAddToPlace,
2140
+ onAddToPlace = _ref7$onAddToPlace === void 0 ? function () {
2116
2141
  console.log("onAddToPlace");
2117
- } : _ref6$onAddToPlace,
2118
- _ref6$onOptionClicked = _ref6.onOptionClicked,
2119
- onOptionClicked = _ref6$onOptionClicked === void 0 ? function () {
2142
+ } : _ref7$onAddToPlace,
2143
+ _ref7$onOptionClicked = _ref7.onOptionClicked,
2144
+ onOptionClicked = _ref7$onOptionClicked === void 0 ? function () {
2120
2145
  console.log("onAddToPlace");
2121
- } : _ref6$onOptionClicked,
2122
- selectedOption = _ref6.selectedOption,
2123
- _ref6$trending = _ref6.trending,
2124
- trending = _ref6$trending === void 0 ? false : _ref6$trending,
2125
- renderAddContentButton = _ref6.renderAddContentButton,
2126
- renderThreeDot = _ref6.renderThreeDot;
2146
+ } : _ref7$onOptionClicked,
2147
+ selectedOption = _ref7.selectedOption,
2148
+ _ref7$trending = _ref7.trending,
2149
+ trending = _ref7$trending === void 0 ? false : _ref7$trending,
2150
+ renderAddContentButton = _ref7.renderAddContentButton,
2151
+ renderThreeDot = _ref7.renderThreeDot;
2127
2152
 
2128
2153
  var _useState5 = React.useState(false),
2129
2154
  _useState6 = _slicedToArray__default['default'](_useState5, 2),
@@ -2142,6 +2167,7 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2142
2167
 
2143
2168
  var titleRef = React.useRef(null);
2144
2169
  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);
2170
+ var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
2145
2171
 
2146
2172
  var renderPlayStateIcon = function renderPlayStateIcon() {
2147
2173
  if (playState === "played") {
@@ -2222,7 +2248,8 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2222
2248
  background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
2223
2249
  }
2224
2250
  }, /*#__PURE__*/React__default['default'].createElement(ReportedWarning, {
2225
- showWarning: (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$reportedContent = bite.reportedContentIds) === null || _bite$reportedContent === void 0 ? void 0 : _bite$reportedContent.length) > 3,
2251
+ showWarning: showWarning,
2252
+ bite: bite,
2226
2253
  blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
2227
2254
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2228
2255
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
package/dist/index.esm.js CHANGED
@@ -1771,7 +1771,8 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1771
1771
  direction: "row",
1772
1772
  sx: {
1773
1773
  transition: "0.3s",
1774
- opacity: hide ? "0" : hovering ? "1" : "0"
1774
+ opacity: hide ? "0" : hovering ? "1" : "0",
1775
+ alignItems: "center"
1775
1776
  }
1776
1777
  }, (item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) && /*#__PURE__*/React__default.createElement(Tooltip, {
1777
1778
  title: "Added to Channel Points"
@@ -1796,79 +1797,103 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1796
1797
  }
1797
1798
  }))), (item === null || item === void 0 ? void 0 : (_item$soundEmotesCont = item.soundEmotesContext) === null || _item$soundEmotesCont === void 0 ? void 0 : _item$soundEmotesCont._id) && /*#__PURE__*/React__default.createElement(Tooltip, {
1798
1799
  title: "Added to Sound Emotes"
1799
- }, /*#__PURE__*/React__default.createElement(MusicNoteRounded, {
1800
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(MusicNoteRounded, {
1800
1801
  sx: {
1801
1802
  fontSize: "15px",
1802
1803
  filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
1803
1804
  }
1804
- })));
1805
+ }))));
1805
1806
  };
1806
1807
 
1807
- var RatingInfo = function RatingInfo(_ref3) {
1808
- var rating = _ref3.rating;
1809
-
1810
- switch (rating) {
1811
- case "G":
1812
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1813
-
1814
- case "PG":
1815
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1808
+ var RatingInfoItem = function RatingInfoItem(_ref3) {
1809
+ var tooltipText = _ref3.tooltipText,
1810
+ displayText = _ref3.displayText;
1811
+ return /*#__PURE__*/React__default.createElement(Tooltip, {
1812
+ title: tooltipText
1813
+ }, /*#__PURE__*/React__default.createElement(Text, {
1814
+ sx: {
1815
+ fontSize: "9px",
1816
+ fontWeight: "600",
1817
+ backgroundColor: "white.override",
1818
+ borderRadius: "2px",
1819
+ border: "4px solid transparent",
1820
+ borderColor: "#000000a7",
1821
+ color: "notBlack.override",
1822
+ padding: "1px 2px",
1823
+ height: "auto",
1824
+ width: "fit-content",
1825
+ marginBottom: "12px"
1826
+ }
1827
+ }, displayText));
1828
+ };
1816
1829
 
1817
- case "PG13":
1818
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1830
+ var RatingInfo = function RatingInfo(_ref4) {
1831
+ var bite = _ref4.bite;
1832
+ var ratingText = {
1833
+ tooltipText: "",
1834
+ text: ""
1835
+ };
1819
1836
 
1820
- case "R":
1821
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1837
+ if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
1838
+ var _bite$newAudienceRati, _bite$newAudienceRati2;
1822
1839
 
1823
- case "NC17":
1824
- return /*#__PURE__*/React__default.createElement(Tooltip, {
1825
- title: "Not Safe For Work"
1826
- }, /*#__PURE__*/React__default.createElement(Text, {
1827
- sx: {
1828
- fontSize: "9px",
1829
- fontWeight: "600",
1830
- backgroundColor: "white.override",
1831
- borderRadius: "2px",
1832
- border: "4px solid transparent",
1833
- borderColor: "#000000c7",
1834
- color: "notBlack.override",
1835
- padding: "1px 2px",
1836
- height: "auto",
1837
- width: "fit-content",
1838
- marginBottom: "12px"
1839
- }
1840
- }, "NSFW"));
1840
+ if (!(bite !== null && bite !== void 0 && (_bite$newAudienceRati = bite.newAudienceRating) !== null && _bite$newAudienceRati !== void 0 && _bite$newAudienceRati.length)) {
1841
+ // unrated
1842
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1843
+ ratingText.text = "UNRATED";
1844
+ }
1841
1845
 
1842
- case "UR":
1843
- return /*#__PURE__*/React__default.createElement(Tooltip, {
1844
- title: "Hasn't Been Reviewed"
1845
- }, /*#__PURE__*/React__default.createElement(Text, {
1846
- sx: {
1847
- fontSize: "9px",
1848
- fontWeight: "600",
1849
- backgroundColor: "white.override",
1850
- borderRadius: "2px",
1851
- border: "4px solid transparent",
1852
- borderColor: "#000000a7",
1853
- color: "notBlack.override",
1854
- padding: "1px 2px",
1855
- height: "auto",
1856
- width: "fit-content",
1857
- marginBottom: "12px"
1858
- }
1859
- }, "UNRATED"));
1846
+ return /*#__PURE__*/React__default.createElement(Stack, {
1847
+ direction: "row",
1848
+ alignItems: "center"
1849
+ }, bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
1850
+ if (rating === "SAFE") {
1851
+ // nothing
1852
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1853
+ } else if (rating === "NSFW") {
1854
+ // NSFW
1855
+ ratingText.tooltipText = "Not Safe For Work";
1856
+ ratingText.text = "NSFW";
1857
+ } else if (rating === "EXPLICIT") {
1858
+ // EXPLICIT
1859
+ ratingText.tooltipText = "Explicit";
1860
+ ratingText.text = "EXPLICIT";
1861
+ } else if (rating === "DMCA") {
1862
+ // DMCA
1863
+ ratingText.tooltipText = "DMCA";
1864
+ ratingText.text = "DMCA";
1865
+ } else {
1866
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1867
+ }
1860
1868
 
1861
- default:
1862
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1869
+ return /*#__PURE__*/React__default.createElement(RatingInfoItem, {
1870
+ tooltipText: ratingText.tooltipText,
1871
+ displayText: ratingText.text
1872
+ });
1873
+ }));
1874
+ } else if (bite !== null && bite !== void 0 && bite.audienceRating) {
1875
+ // what you have now
1876
+ ratingText.tooltipText = null;
1877
+ ratingText.text = null;
1878
+ } else {
1879
+ // unrated
1880
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1881
+ ratingText.text = "UNRATED";
1863
1882
  }
1883
+
1884
+ if (!ratingText.tooltipText) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1885
+ return /*#__PURE__*/React__default.createElement(RatingInfoItem, {
1886
+ tooltipText: ratingText.tooltipText,
1887
+ displayText: ratingText.text
1888
+ });
1864
1889
  };
1865
1890
 
1866
- var ReportedWarning = function ReportedWarning(_ref4) {
1867
- var showWarning = _ref4.showWarning,
1868
- blacklisted = _ref4.blacklisted,
1869
- saved = _ref4.saved,
1870
- count = _ref4.count,
1871
- onClick = _ref4.onClick;
1891
+ var ReportedWarning = function ReportedWarning(_ref5) {
1892
+ var showWarning = _ref5.showWarning,
1893
+ blacklisted = _ref5.blacklisted,
1894
+ saved = _ref5.saved,
1895
+ count = _ref5.count,
1896
+ onClick = _ref5.onClick;
1872
1897
 
1873
1898
  var _useState = useState(showWarning),
1874
1899
  _useState2 = _slicedToArray(_useState, 2),
@@ -1922,7 +1947,7 @@ var ReportedWarning = function ReportedWarning(_ref4) {
1922
1947
  color: "white.override",
1923
1948
  textAlign: "center"
1924
1949
  }
1925
- }, "This Has Been ", /*#__PURE__*/React__default.createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default.createElement(Button, {
1950
+ }, "This content has been", /*#__PURE__*/React__default.createElement("br", null), " reported and may be unsafe."), hovering && /*#__PURE__*/React__default.createElement(Button, {
1926
1951
  color: "whiteOverride",
1927
1952
  variant: "outlined",
1928
1953
  sx: {
@@ -1971,15 +1996,15 @@ var ReportedWarning = function ReportedWarning(_ref4) {
1971
1996
  })), renderInfo());
1972
1997
  };
1973
1998
 
1974
- var BlerpTopRow = function BlerpTopRow(_ref5) {
1975
- var bite = _ref5.bite,
1976
- hovering = _ref5.hovering,
1977
- onPlusClick = _ref5.onPlusClick,
1978
- _onOptionClicked = _ref5.onOptionClicked,
1979
- selectedOption = _ref5.selectedOption,
1980
- renderAddContentButton = _ref5.renderAddContentButton,
1981
- hoveringAddTo = _ref5.hoveringAddTo,
1982
- setHoveringAddTo = _ref5.setHoveringAddTo;
1999
+ var BlerpTopRow = function BlerpTopRow(_ref6) {
2000
+ var bite = _ref6.bite,
2001
+ hovering = _ref6.hovering,
2002
+ onPlusClick = _ref6.onPlusClick,
2003
+ _onOptionClicked = _ref6.onOptionClicked,
2004
+ selectedOption = _ref6.selectedOption,
2005
+ renderAddContentButton = _ref6.renderAddContentButton,
2006
+ hoveringAddTo = _ref6.hoveringAddTo,
2007
+ setHoveringAddTo = _ref6.setHoveringAddTo;
1983
2008
  return /*#__PURE__*/React__default.createElement(Stack, {
1984
2009
  direction: "row",
1985
2010
  justifyContent: "space-between",
@@ -2000,7 +2025,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2000
2025
 
2001
2026
  }
2002
2027
  }, /*#__PURE__*/React__default.createElement(RatingInfo, {
2003
- rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
2028
+ bite: bite
2004
2029
  }), /*#__PURE__*/React__default.createElement(AddedToIcons, {
2005
2030
  item: bite,
2006
2031
  hovering: hovering
@@ -2017,38 +2042,38 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2017
2042
  }));
2018
2043
  };
2019
2044
 
2020
- var NewBlerp$1 = function NewBlerp(_ref6) {
2021
- 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;
2045
+ var NewBlerp$1 = function NewBlerp(_ref7) {
2046
+ var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnContext, _bite$soundEmotesCont, _bite$discordContext, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2022
2047
 
2023
- var Waveform = _ref6.Waveform,
2024
- bite = _ref6.bite,
2025
- playState = _ref6.playState,
2026
- play = _ref6.play,
2027
- _ref6$onTitleClick = _ref6.onTitleClick,
2028
- onTitleClick = _ref6$onTitleClick === void 0 ? function () {
2048
+ var Waveform = _ref7.Waveform,
2049
+ bite = _ref7.bite,
2050
+ playState = _ref7.playState,
2051
+ play = _ref7.play,
2052
+ _ref7$onTitleClick = _ref7.onTitleClick,
2053
+ onTitleClick = _ref7$onTitleClick === void 0 ? function () {
2029
2054
  console.log("onTitleClick");
2030
- } : _ref6$onTitleClick,
2031
- _ref6$onUsernameClick = _ref6.onUsernameClick,
2032
- onUsernameClick = _ref6$onUsernameClick === void 0 ? function () {
2055
+ } : _ref7$onTitleClick,
2056
+ _ref7$onUsernameClick = _ref7.onUsernameClick,
2057
+ onUsernameClick = _ref7$onUsernameClick === void 0 ? function () {
2033
2058
  console.log("onUsernameClick");
2034
- } : _ref6$onUsernameClick,
2035
- _ref6$onFavoriteClick = _ref6.onFavoriteClick,
2036
- onFavoriteClick = _ref6$onFavoriteClick === void 0 ? function () {
2059
+ } : _ref7$onUsernameClick,
2060
+ _ref7$onFavoriteClick = _ref7.onFavoriteClick,
2061
+ onFavoriteClick = _ref7$onFavoriteClick === void 0 ? function () {
2037
2062
  console.log("onFavoriteClick");
2038
- } : _ref6$onFavoriteClick,
2039
- _ref6$onAddToPlace = _ref6.onAddToPlace,
2040
- onAddToPlace = _ref6$onAddToPlace === void 0 ? function () {
2063
+ } : _ref7$onFavoriteClick,
2064
+ _ref7$onAddToPlace = _ref7.onAddToPlace,
2065
+ onAddToPlace = _ref7$onAddToPlace === void 0 ? function () {
2041
2066
  console.log("onAddToPlace");
2042
- } : _ref6$onAddToPlace,
2043
- _ref6$onOptionClicked = _ref6.onOptionClicked,
2044
- onOptionClicked = _ref6$onOptionClicked === void 0 ? function () {
2067
+ } : _ref7$onAddToPlace,
2068
+ _ref7$onOptionClicked = _ref7.onOptionClicked,
2069
+ onOptionClicked = _ref7$onOptionClicked === void 0 ? function () {
2045
2070
  console.log("onAddToPlace");
2046
- } : _ref6$onOptionClicked,
2047
- selectedOption = _ref6.selectedOption,
2048
- _ref6$trending = _ref6.trending,
2049
- trending = _ref6$trending === void 0 ? false : _ref6$trending,
2050
- renderAddContentButton = _ref6.renderAddContentButton,
2051
- renderThreeDot = _ref6.renderThreeDot;
2071
+ } : _ref7$onOptionClicked,
2072
+ selectedOption = _ref7.selectedOption,
2073
+ _ref7$trending = _ref7.trending,
2074
+ trending = _ref7$trending === void 0 ? false : _ref7$trending,
2075
+ renderAddContentButton = _ref7.renderAddContentButton,
2076
+ renderThreeDot = _ref7.renderThreeDot;
2052
2077
 
2053
2078
  var _useState5 = useState(false),
2054
2079
  _useState6 = _slicedToArray(_useState5, 2),
@@ -2067,6 +2092,7 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2067
2092
 
2068
2093
  var titleRef = useRef(null);
2069
2094
  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);
2095
+ var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
2070
2096
 
2071
2097
  var renderPlayStateIcon = function renderPlayStateIcon() {
2072
2098
  if (playState === "played") {
@@ -2147,7 +2173,8 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2147
2173
  background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
2148
2174
  }
2149
2175
  }, /*#__PURE__*/React__default.createElement(ReportedWarning, {
2150
- showWarning: (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$reportedContent = bite.reportedContentIds) === null || _bite$reportedContent === void 0 ? void 0 : _bite$reportedContent.length) > 3,
2176
+ showWarning: showWarning,
2177
+ bite: bite,
2151
2178
  blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
2152
2179
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2153
2180
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
package/dist/index.umd.js CHANGED
@@ -1792,7 +1792,8 @@
1792
1792
  direction: "row",
1793
1793
  sx: {
1794
1794
  transition: "0.3s",
1795
- opacity: hide ? "0" : hovering ? "1" : "0"
1795
+ opacity: hide ? "0" : hovering ? "1" : "0",
1796
+ alignItems: "center"
1796
1797
  }
1797
1798
  }, (item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1798
1799
  title: "Added to Channel Points"
@@ -1817,79 +1818,103 @@
1817
1818
  }
1818
1819
  }))), (item === null || item === void 0 ? void 0 : (_item$soundEmotesCont = item.soundEmotesContext) === null || _item$soundEmotesCont === void 0 ? void 0 : _item$soundEmotesCont._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1819
1820
  title: "Added to Sound Emotes"
1820
- }, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.MusicNoteRounded, {
1821
+ }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.MusicNoteRounded, {
1821
1822
  sx: {
1822
1823
  fontSize: "15px",
1823
1824
  filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
1824
1825
  }
1825
- })));
1826
+ }))));
1826
1827
  };
1827
1828
 
1828
- var RatingInfo = function RatingInfo(_ref3) {
1829
- var rating = _ref3.rating;
1830
-
1831
- switch (rating) {
1832
- case "G":
1833
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1834
-
1835
- case "PG":
1836
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1829
+ var RatingInfoItem = function RatingInfoItem(_ref3) {
1830
+ var tooltipText = _ref3.tooltipText,
1831
+ displayText = _ref3.displayText;
1832
+ return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1833
+ title: tooltipText
1834
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
1835
+ sx: {
1836
+ fontSize: "9px",
1837
+ fontWeight: "600",
1838
+ backgroundColor: "white.override",
1839
+ borderRadius: "2px",
1840
+ border: "4px solid transparent",
1841
+ borderColor: "#000000a7",
1842
+ color: "notBlack.override",
1843
+ padding: "1px 2px",
1844
+ height: "auto",
1845
+ width: "fit-content",
1846
+ marginBottom: "12px"
1847
+ }
1848
+ }, displayText));
1849
+ };
1837
1850
 
1838
- case "PG13":
1839
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1851
+ var RatingInfo = function RatingInfo(_ref4) {
1852
+ var bite = _ref4.bite;
1853
+ var ratingText = {
1854
+ tooltipText: "",
1855
+ text: ""
1856
+ };
1840
1857
 
1841
- case "R":
1842
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1858
+ if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
1859
+ var _bite$newAudienceRati, _bite$newAudienceRati2;
1843
1860
 
1844
- case "NC17":
1845
- return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1846
- title: "Not Safe For Work"
1847
- }, /*#__PURE__*/React__default['default'].createElement(Text, {
1848
- sx: {
1849
- fontSize: "9px",
1850
- fontWeight: "600",
1851
- backgroundColor: "white.override",
1852
- borderRadius: "2px",
1853
- border: "4px solid transparent",
1854
- borderColor: "#000000c7",
1855
- color: "notBlack.override",
1856
- padding: "1px 2px",
1857
- height: "auto",
1858
- width: "fit-content",
1859
- marginBottom: "12px"
1860
- }
1861
- }, "NSFW"));
1861
+ if (!(bite !== null && bite !== void 0 && (_bite$newAudienceRati = bite.newAudienceRating) !== null && _bite$newAudienceRati !== void 0 && _bite$newAudienceRati.length)) {
1862
+ // unrated
1863
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1864
+ ratingText.text = "UNRATED";
1865
+ }
1862
1866
 
1863
- case "UR":
1864
- return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1865
- title: "Hasn't Been Reviewed"
1866
- }, /*#__PURE__*/React__default['default'].createElement(Text, {
1867
- sx: {
1868
- fontSize: "9px",
1869
- fontWeight: "600",
1870
- backgroundColor: "white.override",
1871
- borderRadius: "2px",
1872
- border: "4px solid transparent",
1873
- borderColor: "#000000a7",
1874
- color: "notBlack.override",
1875
- padding: "1px 2px",
1876
- height: "auto",
1877
- width: "fit-content",
1878
- marginBottom: "12px"
1879
- }
1880
- }, "UNRATED"));
1867
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1868
+ direction: "row",
1869
+ alignItems: "center"
1870
+ }, bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
1871
+ if (rating === "SAFE") {
1872
+ // nothing
1873
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1874
+ } else if (rating === "NSFW") {
1875
+ // NSFW
1876
+ ratingText.tooltipText = "Not Safe For Work";
1877
+ ratingText.text = "NSFW";
1878
+ } else if (rating === "EXPLICIT") {
1879
+ // EXPLICIT
1880
+ ratingText.tooltipText = "Explicit";
1881
+ ratingText.text = "EXPLICIT";
1882
+ } else if (rating === "DMCA") {
1883
+ // DMCA
1884
+ ratingText.tooltipText = "DMCA";
1885
+ ratingText.text = "DMCA";
1886
+ } else {
1887
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1888
+ }
1881
1889
 
1882
- default:
1883
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1890
+ return /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1891
+ tooltipText: ratingText.tooltipText,
1892
+ displayText: ratingText.text
1893
+ });
1894
+ }));
1895
+ } else if (bite !== null && bite !== void 0 && bite.audienceRating) {
1896
+ // what you have now
1897
+ ratingText.tooltipText = null;
1898
+ ratingText.text = null;
1899
+ } else {
1900
+ // unrated
1901
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1902
+ ratingText.text = "UNRATED";
1884
1903
  }
1904
+
1905
+ if (!ratingText.tooltipText) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
1906
+ return /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1907
+ tooltipText: ratingText.tooltipText,
1908
+ displayText: ratingText.text
1909
+ });
1885
1910
  };
1886
1911
 
1887
- var ReportedWarning = function ReportedWarning(_ref4) {
1888
- var showWarning = _ref4.showWarning,
1889
- blacklisted = _ref4.blacklisted,
1890
- saved = _ref4.saved,
1891
- count = _ref4.count,
1892
- onClick = _ref4.onClick;
1912
+ var ReportedWarning = function ReportedWarning(_ref5) {
1913
+ var showWarning = _ref5.showWarning,
1914
+ blacklisted = _ref5.blacklisted,
1915
+ saved = _ref5.saved,
1916
+ count = _ref5.count,
1917
+ onClick = _ref5.onClick;
1893
1918
 
1894
1919
  var _useState = React.useState(showWarning),
1895
1920
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -1943,7 +1968,7 @@
1943
1968
  color: "white.override",
1944
1969
  textAlign: "center"
1945
1970
  }
1946
- }, "This Has Been ", /*#__PURE__*/React__default['default'].createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
1971
+ }, "This content has been", /*#__PURE__*/React__default['default'].createElement("br", null), " reported and may be unsafe."), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
1947
1972
  color: "whiteOverride",
1948
1973
  variant: "outlined",
1949
1974
  sx: {
@@ -1992,15 +2017,15 @@
1992
2017
  })), renderInfo());
1993
2018
  };
1994
2019
 
1995
- var BlerpTopRow = function BlerpTopRow(_ref5) {
1996
- var bite = _ref5.bite,
1997
- hovering = _ref5.hovering,
1998
- onPlusClick = _ref5.onPlusClick,
1999
- _onOptionClicked = _ref5.onOptionClicked,
2000
- selectedOption = _ref5.selectedOption,
2001
- renderAddContentButton = _ref5.renderAddContentButton,
2002
- hoveringAddTo = _ref5.hoveringAddTo,
2003
- setHoveringAddTo = _ref5.setHoveringAddTo;
2020
+ var BlerpTopRow = function BlerpTopRow(_ref6) {
2021
+ var bite = _ref6.bite,
2022
+ hovering = _ref6.hovering,
2023
+ onPlusClick = _ref6.onPlusClick,
2024
+ _onOptionClicked = _ref6.onOptionClicked,
2025
+ selectedOption = _ref6.selectedOption,
2026
+ renderAddContentButton = _ref6.renderAddContentButton,
2027
+ hoveringAddTo = _ref6.hoveringAddTo,
2028
+ setHoveringAddTo = _ref6.setHoveringAddTo;
2004
2029
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
2005
2030
  direction: "row",
2006
2031
  justifyContent: "space-between",
@@ -2021,7 +2046,7 @@
2021
2046
 
2022
2047
  }
2023
2048
  }, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2024
- rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
2049
+ bite: bite
2025
2050
  }), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
2026
2051
  item: bite,
2027
2052
  hovering: hovering
@@ -2038,38 +2063,38 @@
2038
2063
  }));
2039
2064
  };
2040
2065
 
2041
- var NewBlerp$1 = function NewBlerp(_ref6) {
2042
- 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;
2066
+ var NewBlerp$1 = function NewBlerp(_ref7) {
2067
+ var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnContext, _bite$soundEmotesCont, _bite$discordContext, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
2043
2068
 
2044
- var Waveform = _ref6.Waveform,
2045
- bite = _ref6.bite,
2046
- playState = _ref6.playState,
2047
- play = _ref6.play,
2048
- _ref6$onTitleClick = _ref6.onTitleClick,
2049
- onTitleClick = _ref6$onTitleClick === void 0 ? function () {
2069
+ var Waveform = _ref7.Waveform,
2070
+ bite = _ref7.bite,
2071
+ playState = _ref7.playState,
2072
+ play = _ref7.play,
2073
+ _ref7$onTitleClick = _ref7.onTitleClick,
2074
+ onTitleClick = _ref7$onTitleClick === void 0 ? function () {
2050
2075
  console.log("onTitleClick");
2051
- } : _ref6$onTitleClick,
2052
- _ref6$onUsernameClick = _ref6.onUsernameClick,
2053
- onUsernameClick = _ref6$onUsernameClick === void 0 ? function () {
2076
+ } : _ref7$onTitleClick,
2077
+ _ref7$onUsernameClick = _ref7.onUsernameClick,
2078
+ onUsernameClick = _ref7$onUsernameClick === void 0 ? function () {
2054
2079
  console.log("onUsernameClick");
2055
- } : _ref6$onUsernameClick,
2056
- _ref6$onFavoriteClick = _ref6.onFavoriteClick,
2057
- onFavoriteClick = _ref6$onFavoriteClick === void 0 ? function () {
2080
+ } : _ref7$onUsernameClick,
2081
+ _ref7$onFavoriteClick = _ref7.onFavoriteClick,
2082
+ onFavoriteClick = _ref7$onFavoriteClick === void 0 ? function () {
2058
2083
  console.log("onFavoriteClick");
2059
- } : _ref6$onFavoriteClick,
2060
- _ref6$onAddToPlace = _ref6.onAddToPlace,
2061
- onAddToPlace = _ref6$onAddToPlace === void 0 ? function () {
2084
+ } : _ref7$onFavoriteClick,
2085
+ _ref7$onAddToPlace = _ref7.onAddToPlace,
2086
+ onAddToPlace = _ref7$onAddToPlace === void 0 ? function () {
2062
2087
  console.log("onAddToPlace");
2063
- } : _ref6$onAddToPlace,
2064
- _ref6$onOptionClicked = _ref6.onOptionClicked,
2065
- onOptionClicked = _ref6$onOptionClicked === void 0 ? function () {
2088
+ } : _ref7$onAddToPlace,
2089
+ _ref7$onOptionClicked = _ref7.onOptionClicked,
2090
+ onOptionClicked = _ref7$onOptionClicked === void 0 ? function () {
2066
2091
  console.log("onAddToPlace");
2067
- } : _ref6$onOptionClicked,
2068
- selectedOption = _ref6.selectedOption,
2069
- _ref6$trending = _ref6.trending,
2070
- trending = _ref6$trending === void 0 ? false : _ref6$trending,
2071
- renderAddContentButton = _ref6.renderAddContentButton,
2072
- renderThreeDot = _ref6.renderThreeDot;
2092
+ } : _ref7$onOptionClicked,
2093
+ selectedOption = _ref7.selectedOption,
2094
+ _ref7$trending = _ref7.trending,
2095
+ trending = _ref7$trending === void 0 ? false : _ref7$trending,
2096
+ renderAddContentButton = _ref7.renderAddContentButton,
2097
+ renderThreeDot = _ref7.renderThreeDot;
2073
2098
 
2074
2099
  var _useState5 = React.useState(false),
2075
2100
  _useState6 = _slicedToArray__default['default'](_useState5, 2),
@@ -2088,6 +2113,7 @@
2088
2113
 
2089
2114
  var titleRef = React.useRef(null);
2090
2115
  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);
2116
+ var showWarning = (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "SUPER_URGENT" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "REVIEWED_BLACKLISTED" || (bite === null || bite === void 0 ? void 0 : bite.reportedContentStatus) === "APPEALING";
2091
2117
 
2092
2118
  var renderPlayStateIcon = function renderPlayStateIcon() {
2093
2119
  if (playState === "played") {
@@ -2168,7 +2194,8 @@
2168
2194
  background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
2169
2195
  }
2170
2196
  }, /*#__PURE__*/React__default['default'].createElement(ReportedWarning, {
2171
- showWarning: (bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex = bite.blacklistContext) === null || _bite$blacklistContex === void 0 ? void 0 : _bite$blacklistContex._id) || (bite === null || bite === void 0 ? void 0 : (_bite$reportedContent = bite.reportedContentIds) === null || _bite$reportedContent === void 0 ? void 0 : _bite$reportedContent.length) > 3,
2197
+ showWarning: showWarning,
2198
+ bite: bite,
2172
2199
  blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
2173
2200
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2174
2201
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.2.45",
3
+ "version": "1.2.47",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {