@blerp/design 1.2.46 → 1.2.48

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