@blerp/design 1.2.46 → 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 +123 -97
  2. package/dist/index.esm.js +123 -97
  3. package/dist/index.umd.js +123 -97
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1872,79 +1872,103 @@ 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
+ ratingText.tooltipText = null;
1952
+ ratingText.text = null;
1953
+ } else {
1954
+ // unrated
1955
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1956
+ ratingText.text = "UNRATED";
1939
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
+ });
1940
1964
  };
1941
1965
 
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;
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;
1948
1972
 
1949
1973
  var _useState = React.useState(showWarning),
1950
1974
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -1998,7 +2022,7 @@ var ReportedWarning = function ReportedWarning(_ref4) {
1998
2022
  color: "white.override",
1999
2023
  textAlign: "center"
2000
2024
  }
2001
- }, "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, {
2002
2026
  color: "whiteOverride",
2003
2027
  variant: "outlined",
2004
2028
  sx: {
@@ -2047,15 +2071,15 @@ var ReportedWarning = function ReportedWarning(_ref4) {
2047
2071
  })), renderInfo());
2048
2072
  };
2049
2073
 
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;
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;
2059
2083
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
2060
2084
  direction: "row",
2061
2085
  justifyContent: "space-between",
@@ -2076,7 +2100,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2076
2100
 
2077
2101
  }
2078
2102
  }, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2079
- rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
2103
+ bite: bite
2080
2104
  }), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
2081
2105
  item: bite,
2082
2106
  hovering: hovering
@@ -2093,38 +2117,38 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2093
2117
  }));
2094
2118
  };
2095
2119
 
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;
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;
2098
2122
 
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 () {
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 () {
2105
2129
  console.log("onTitleClick");
2106
- } : _ref6$onTitleClick,
2107
- _ref6$onUsernameClick = _ref6.onUsernameClick,
2108
- onUsernameClick = _ref6$onUsernameClick === void 0 ? function () {
2130
+ } : _ref7$onTitleClick,
2131
+ _ref7$onUsernameClick = _ref7.onUsernameClick,
2132
+ onUsernameClick = _ref7$onUsernameClick === void 0 ? function () {
2109
2133
  console.log("onUsernameClick");
2110
- } : _ref6$onUsernameClick,
2111
- _ref6$onFavoriteClick = _ref6.onFavoriteClick,
2112
- onFavoriteClick = _ref6$onFavoriteClick === void 0 ? function () {
2134
+ } : _ref7$onUsernameClick,
2135
+ _ref7$onFavoriteClick = _ref7.onFavoriteClick,
2136
+ onFavoriteClick = _ref7$onFavoriteClick === void 0 ? function () {
2113
2137
  console.log("onFavoriteClick");
2114
- } : _ref6$onFavoriteClick,
2115
- _ref6$onAddToPlace = _ref6.onAddToPlace,
2116
- onAddToPlace = _ref6$onAddToPlace === void 0 ? function () {
2138
+ } : _ref7$onFavoriteClick,
2139
+ _ref7$onAddToPlace = _ref7.onAddToPlace,
2140
+ onAddToPlace = _ref7$onAddToPlace === void 0 ? function () {
2117
2141
  console.log("onAddToPlace");
2118
- } : _ref6$onAddToPlace,
2119
- _ref6$onOptionClicked = _ref6.onOptionClicked,
2120
- onOptionClicked = _ref6$onOptionClicked === void 0 ? function () {
2142
+ } : _ref7$onAddToPlace,
2143
+ _ref7$onOptionClicked = _ref7.onOptionClicked,
2144
+ onOptionClicked = _ref7$onOptionClicked === void 0 ? function () {
2121
2145
  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;
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;
2128
2152
 
2129
2153
  var _useState5 = React.useState(false),
2130
2154
  _useState6 = _slicedToArray__default['default'](_useState5, 2),
@@ -2143,6 +2167,7 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2143
2167
 
2144
2168
  var titleRef = React.useRef(null);
2145
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";
2146
2171
 
2147
2172
  var renderPlayStateIcon = function renderPlayStateIcon() {
2148
2173
  if (playState === "played") {
@@ -2223,7 +2248,8 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2223
2248
  background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
2224
2249
  }
2225
2250
  }, /*#__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,
2251
+ showWarning: showWarning,
2252
+ bite: bite,
2227
2253
  blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
2228
2254
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2229
2255
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
package/dist/index.esm.js CHANGED
@@ -1797,79 +1797,103 @@ 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
+ ratingText.tooltipText = null;
1877
+ ratingText.text = null;
1878
+ } else {
1879
+ // unrated
1880
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1881
+ ratingText.text = "UNRATED";
1864
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
+ });
1865
1889
  };
1866
1890
 
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;
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;
1873
1897
 
1874
1898
  var _useState = useState(showWarning),
1875
1899
  _useState2 = _slicedToArray(_useState, 2),
@@ -1923,7 +1947,7 @@ var ReportedWarning = function ReportedWarning(_ref4) {
1923
1947
  color: "white.override",
1924
1948
  textAlign: "center"
1925
1949
  }
1926
- }, "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, {
1927
1951
  color: "whiteOverride",
1928
1952
  variant: "outlined",
1929
1953
  sx: {
@@ -1972,15 +1996,15 @@ var ReportedWarning = function ReportedWarning(_ref4) {
1972
1996
  })), renderInfo());
1973
1997
  };
1974
1998
 
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;
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;
1984
2008
  return /*#__PURE__*/React__default.createElement(Stack, {
1985
2009
  direction: "row",
1986
2010
  justifyContent: "space-between",
@@ -2001,7 +2025,7 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2001
2025
 
2002
2026
  }
2003
2027
  }, /*#__PURE__*/React__default.createElement(RatingInfo, {
2004
- rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
2028
+ bite: bite
2005
2029
  }), /*#__PURE__*/React__default.createElement(AddedToIcons, {
2006
2030
  item: bite,
2007
2031
  hovering: hovering
@@ -2018,38 +2042,38 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
2018
2042
  }));
2019
2043
  };
2020
2044
 
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;
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;
2023
2047
 
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 () {
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 () {
2030
2054
  console.log("onTitleClick");
2031
- } : _ref6$onTitleClick,
2032
- _ref6$onUsernameClick = _ref6.onUsernameClick,
2033
- onUsernameClick = _ref6$onUsernameClick === void 0 ? function () {
2055
+ } : _ref7$onTitleClick,
2056
+ _ref7$onUsernameClick = _ref7.onUsernameClick,
2057
+ onUsernameClick = _ref7$onUsernameClick === void 0 ? function () {
2034
2058
  console.log("onUsernameClick");
2035
- } : _ref6$onUsernameClick,
2036
- _ref6$onFavoriteClick = _ref6.onFavoriteClick,
2037
- onFavoriteClick = _ref6$onFavoriteClick === void 0 ? function () {
2059
+ } : _ref7$onUsernameClick,
2060
+ _ref7$onFavoriteClick = _ref7.onFavoriteClick,
2061
+ onFavoriteClick = _ref7$onFavoriteClick === void 0 ? function () {
2038
2062
  console.log("onFavoriteClick");
2039
- } : _ref6$onFavoriteClick,
2040
- _ref6$onAddToPlace = _ref6.onAddToPlace,
2041
- onAddToPlace = _ref6$onAddToPlace === void 0 ? function () {
2063
+ } : _ref7$onFavoriteClick,
2064
+ _ref7$onAddToPlace = _ref7.onAddToPlace,
2065
+ onAddToPlace = _ref7$onAddToPlace === void 0 ? function () {
2042
2066
  console.log("onAddToPlace");
2043
- } : _ref6$onAddToPlace,
2044
- _ref6$onOptionClicked = _ref6.onOptionClicked,
2045
- onOptionClicked = _ref6$onOptionClicked === void 0 ? function () {
2067
+ } : _ref7$onAddToPlace,
2068
+ _ref7$onOptionClicked = _ref7.onOptionClicked,
2069
+ onOptionClicked = _ref7$onOptionClicked === void 0 ? function () {
2046
2070
  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;
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;
2053
2077
 
2054
2078
  var _useState5 = useState(false),
2055
2079
  _useState6 = _slicedToArray(_useState5, 2),
@@ -2068,6 +2092,7 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2068
2092
 
2069
2093
  var titleRef = useRef(null);
2070
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";
2071
2096
 
2072
2097
  var renderPlayStateIcon = function renderPlayStateIcon() {
2073
2098
  if (playState === "played") {
@@ -2148,7 +2173,8 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
2148
2173
  background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
2149
2174
  }
2150
2175
  }, /*#__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,
2176
+ showWarning: showWarning,
2177
+ bite: bite,
2152
2178
  blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
2153
2179
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2154
2180
  count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
package/dist/index.umd.js CHANGED
@@ -1818,79 +1818,103 @@
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
+ ratingText.tooltipText = null;
1898
+ ratingText.text = null;
1899
+ } else {
1900
+ // unrated
1901
+ ratingText.tooltipText = "Hasn't Been Reviewed";
1902
+ ratingText.text = "UNRATED";
1885
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
+ });
1886
1910
  };
1887
1911
 
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;
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;
1894
1918
 
1895
1919
  var _useState = React.useState(showWarning),
1896
1920
  _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -1944,7 +1968,7 @@
1944
1968
  color: "white.override",
1945
1969
  textAlign: "center"
1946
1970
  }
1947
- }, "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, {
1948
1972
  color: "whiteOverride",
1949
1973
  variant: "outlined",
1950
1974
  sx: {
@@ -1993,15 +2017,15 @@
1993
2017
  })), renderInfo());
1994
2018
  };
1995
2019
 
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;
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;
2005
2029
  return /*#__PURE__*/React__default['default'].createElement(Stack, {
2006
2030
  direction: "row",
2007
2031
  justifyContent: "space-between",
@@ -2022,7 +2046,7 @@
2022
2046
 
2023
2047
  }
2024
2048
  }, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2025
- rating: bite === null || bite === void 0 ? void 0 : bite.audienceRating
2049
+ bite: bite
2026
2050
  }), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
2027
2051
  item: bite,
2028
2052
  hovering: hovering
@@ -2039,38 +2063,38 @@
2039
2063
  }));
2040
2064
  };
2041
2065
 
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;
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;
2044
2068
 
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 () {
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 () {
2051
2075
  console.log("onTitleClick");
2052
- } : _ref6$onTitleClick,
2053
- _ref6$onUsernameClick = _ref6.onUsernameClick,
2054
- onUsernameClick = _ref6$onUsernameClick === void 0 ? function () {
2076
+ } : _ref7$onTitleClick,
2077
+ _ref7$onUsernameClick = _ref7.onUsernameClick,
2078
+ onUsernameClick = _ref7$onUsernameClick === void 0 ? function () {
2055
2079
  console.log("onUsernameClick");
2056
- } : _ref6$onUsernameClick,
2057
- _ref6$onFavoriteClick = _ref6.onFavoriteClick,
2058
- onFavoriteClick = _ref6$onFavoriteClick === void 0 ? function () {
2080
+ } : _ref7$onUsernameClick,
2081
+ _ref7$onFavoriteClick = _ref7.onFavoriteClick,
2082
+ onFavoriteClick = _ref7$onFavoriteClick === void 0 ? function () {
2059
2083
  console.log("onFavoriteClick");
2060
- } : _ref6$onFavoriteClick,
2061
- _ref6$onAddToPlace = _ref6.onAddToPlace,
2062
- onAddToPlace = _ref6$onAddToPlace === void 0 ? function () {
2084
+ } : _ref7$onFavoriteClick,
2085
+ _ref7$onAddToPlace = _ref7.onAddToPlace,
2086
+ onAddToPlace = _ref7$onAddToPlace === void 0 ? function () {
2063
2087
  console.log("onAddToPlace");
2064
- } : _ref6$onAddToPlace,
2065
- _ref6$onOptionClicked = _ref6.onOptionClicked,
2066
- onOptionClicked = _ref6$onOptionClicked === void 0 ? function () {
2088
+ } : _ref7$onAddToPlace,
2089
+ _ref7$onOptionClicked = _ref7.onOptionClicked,
2090
+ onOptionClicked = _ref7$onOptionClicked === void 0 ? function () {
2067
2091
  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;
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;
2074
2098
 
2075
2099
  var _useState5 = React.useState(false),
2076
2100
  _useState6 = _slicedToArray__default['default'](_useState5, 2),
@@ -2089,6 +2113,7 @@
2089
2113
 
2090
2114
  var titleRef = React.useRef(null);
2091
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";
2092
2117
 
2093
2118
  var renderPlayStateIcon = function renderPlayStateIcon() {
2094
2119
  if (playState === "played") {
@@ -2169,7 +2194,8 @@
2169
2194
  background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
2170
2195
  }
2171
2196
  }, /*#__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,
2197
+ showWarning: showWarning,
2198
+ bite: bite,
2173
2199
  blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
2174
2200
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2175
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.46",
3
+ "version": "1.2.47",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {