@blerp/design 1.2.50 → 1.2.52

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 +28 -47
  2. package/dist/index.esm.js +27 -46
  3. package/dist/index.umd.js +31 -50
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -12,6 +12,7 @@ var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiter
12
12
  var iconsMaterial = require('@mui/icons-material');
13
13
  var BookmarkOutlinedIcon = require('@mui/icons-material/BookmarkOutlined');
14
14
  var LockRoundedIcon = require('@mui/icons-material/LockRounded');
15
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
15
16
  var DoNotDisturbRoundedIcon = require('@mui/icons-material/DoNotDisturbRounded');
16
17
  var FavoriteIcon = require('@mui/icons-material/Favorite');
17
18
  var FavoriteBorderIcon = require('@mui/icons-material/FavoriteBorder');
@@ -20,7 +21,6 @@ var PlayArrowRoundedIcon = require('@mui/icons-material/PlayArrowRounded');
20
21
  var WarningRoundedIcon = require('@mui/icons-material/WarningRounded');
21
22
  var VisibilityOffRoundedIcon = require('@mui/icons-material/VisibilityOffRounded');
22
23
  var VisibilityRoundedIcon = require('@mui/icons-material/VisibilityRounded');
23
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
24
24
  var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
25
25
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
26
26
  var BookmarkAddOutlinedIcon = require('@mui/icons-material/BookmarkAddOutlined');
@@ -89,6 +89,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
89
89
  var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
90
90
  var BookmarkOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkOutlinedIcon);
91
91
  var LockRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LockRoundedIcon);
92
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
92
93
  var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
93
94
  var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
94
95
  var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
@@ -97,7 +98,6 @@ var PlayArrowRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(PlayArrow
97
98
  var WarningRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(WarningRoundedIcon);
98
99
  var VisibilityOffRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityOffRoundedIcon);
99
100
  var VisibilityRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityRoundedIcon);
100
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
101
101
  var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
102
102
  var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
103
103
  var BookmarkAddOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkAddOutlinedIcon);
@@ -1697,9 +1697,9 @@ var UserCard$1 = function UserCard(_ref) {
1697
1697
  }, "created")))));
1698
1698
  };
1699
1699
 
1700
- function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1700
+ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1701
1701
 
1702
- function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1702
+ function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1703
1703
  var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1704
1704
  var user = _ref.user,
1705
1705
  onUsernameClick = _ref.onUsernameClick,
@@ -1767,7 +1767,7 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1767
1767
  collapsed: collapsed,
1768
1768
  user: user
1769
1769
  })), /*#__PURE__*/React__default['default'].createElement(Text, {
1770
- sx: _objectSpread$6({
1770
+ sx: _objectSpread$7({
1771
1771
  fontWeight: "300",
1772
1772
  fontSize: "12px",
1773
1773
  color: "grey7.main",
@@ -1784,6 +1784,10 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1784
1784
  };
1785
1785
 
1786
1786
  var _templateObject$g, _templateObject2$a, _templateObject3$8;
1787
+
1788
+ function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1789
+
1790
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1787
1791
  var PremiumContainer = styled__default['default'].div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n background: transparent;\n overflow: hidden;\n min-width: 210px;\n max-width: 260px;\n width: 100%;\n max-height: 322px;\n flex: 1;\n min-height: 272px;\n aspect-ratio: 260 / 322;\n gap: 10px;\n border-radius: 18px;\n box-sizing: border-box;\n padding: 2px;\n position: relative;\n transition: 0.3s;\n"])));
1788
1792
  var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
1789
1793
  return props.theme.colors.grey7;
@@ -1869,7 +1873,7 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1869
1873
  fontSize: "15px",
1870
1874
  filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
1871
1875
  }
1872
- }))), (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, {
1876
+ }))), (item === null || item === void 0 ? void 0 : (_item$soundEmotesCont = item.soundEmotesContext) === null || _item$soundEmotesCont === void 0 ? void 0 : _item$soundEmotesCont.hasAdded) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1873
1877
  title: "Added to Sound Emotes"
1874
1878
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.MusicNoteRounded, {
1875
1879
  sx: {
@@ -1907,6 +1911,16 @@ var RatingInfo = function RatingInfo(_ref4) {
1907
1911
  tooltipText: "",
1908
1912
  text: ""
1909
1913
  };
1914
+ var visStyle = {
1915
+ fontSize: "23px",
1916
+ fontWeight: "600",
1917
+ backgroundColor: "#585858a3",
1918
+ border: "4px solid transparent",
1919
+ borderColor: "#585858a3",
1920
+ borderRadius: "4px",
1921
+ color: "whiteOverride.main",
1922
+ marginBottom: "12px"
1923
+ };
1910
1924
 
1911
1925
  if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
1912
1926
  var _bite$newAudienceRati, _bite$newAudienceRati2;
@@ -1923,29 +1937,11 @@ var RatingInfo = function RatingInfo(_ref4) {
1923
1937
  }, (bite === null || bite === void 0 ? void 0 : bite.visibility) === "PRIVATE" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1924
1938
  title: "Private"
1925
1939
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityOffRoundedIcon__default['default'], {
1926
- sx: {
1927
- fontSize: "15px",
1928
- fontWeight: "600",
1929
- backgroundColor: "#585858a3",
1930
- border: "4px solid transparent",
1931
- borderColor: "#585858a3",
1932
- borderRadius: "4px",
1933
- color: "whiteOverride.main",
1934
- marginBottom: "12px"
1935
- }
1940
+ sx: _objectSpread$6({}, visStyle)
1936
1941
  })), (bite === null || bite === void 0 ? void 0 : bite.visibility) === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1937
1942
  title: "Unlisted"
1938
1943
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityRoundedIcon__default['default'], {
1939
- sx: {
1940
- fontSize: "15px",
1941
- fontWeight: "600",
1942
- backgroundColor: "#585858a3",
1943
- border: "4px solid transparent",
1944
- borderColor: "#585858a3",
1945
- borderRadius: "4px",
1946
- color: "whiteOverride.main",
1947
- marginBottom: "12px"
1948
- }
1944
+ sx: _objectSpread$6({}, visStyle)
1949
1945
  })), bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
1950
1946
  if (rating === "SAFE") {
1951
1947
  // nothing
@@ -1996,29 +1992,11 @@ var RatingInfo = function RatingInfo(_ref4) {
1996
1992
  }, (bite === null || bite === void 0 ? void 0 : bite.visibility) === "PRIVATE" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1997
1993
  title: "Private"
1998
1994
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityOffRoundedIcon__default['default'], {
1999
- sx: {
2000
- fontSize: "15px",
2001
- fontWeight: "600",
2002
- backgroundColor: "#585858a3",
2003
- border: "4px solid transparent",
2004
- borderColor: "#585858a3",
2005
- borderRadius: "4px",
2006
- color: "whiteOverride.main",
2007
- marginBottom: "12px"
2008
- }
1995
+ sx: _objectSpread$6({}, visStyle)
2009
1996
  })), (bite === null || bite === void 0 ? void 0 : bite.visibility) === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
2010
1997
  title: "Unlisted"
2011
1998
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityRoundedIcon__default['default'], {
2012
- sx: {
2013
- fontSize: "15px",
2014
- fontWeight: "600",
2015
- backgroundColor: "#585858a3",
2016
- border: "4px solid transparent",
2017
- borderColor: "#585858a3",
2018
- borderRadius: "4px",
2019
- color: "whiteOverride.main",
2020
- marginBottom: "12px"
2021
- }
1999
+ sx: _objectSpread$6({}, visStyle)
2022
2000
  })), /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
2023
2001
  tooltipText: ratingText.tooltipText,
2024
2002
  displayText: ratingText.text
@@ -2228,7 +2206,7 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2228
2206
  setHoveringAddTo = _useState10[1];
2229
2207
 
2230
2208
  var titleRef = React.useRef(null);
2231
- 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);
2209
+ 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.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id);
2232
2210
  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";
2233
2211
 
2234
2212
  var renderPlayStateIcon = function renderPlayStateIcon() {
@@ -90399,6 +90377,9 @@ var CheckoutModal = function CheckoutModal(_ref) {
90399
90377
  }();
90400
90378
 
90401
90379
  if (show) {
90380
+ var script = document.createElement("script");
90381
+ script.src = "https://js.quaderno.io/v4/";
90382
+ document.head.appendChild(script);
90402
90383
  createBraintreeDropIn();
90403
90384
  }
90404
90385
  }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);
package/dist/index.esm.js CHANGED
@@ -9,6 +9,7 @@ import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral
9
9
  import { PauseCircleOutlineRounded, LockRounded, VerifiedRounded, DiamondRounded, MusicNoteRounded, CheckRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
10
10
  import BookmarkOutlinedIcon from '@mui/icons-material/BookmarkOutlined';
11
11
  import LockRoundedIcon from '@mui/icons-material/LockRounded';
12
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
12
13
  import DoNotDisturbRoundedIcon from '@mui/icons-material/DoNotDisturbRounded';
13
14
  import FavoriteIcon from '@mui/icons-material/Favorite';
14
15
  import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
@@ -17,7 +18,6 @@ import PlayArrowRoundedIcon from '@mui/icons-material/PlayArrowRounded';
17
18
  import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
18
19
  import VisibilityOffRoundedIcon from '@mui/icons-material/VisibilityOffRounded';
19
20
  import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
20
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
21
21
  import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
22
22
  import _regeneratorRuntime from '@babel/runtime/regenerator';
23
23
  import BookmarkAddOutlinedIcon from '@mui/icons-material/BookmarkAddOutlined';
@@ -1621,9 +1621,9 @@ var UserCard$1 = function UserCard(_ref) {
1621
1621
  }, "created")))));
1622
1622
  };
1623
1623
 
1624
- function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1624
+ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1625
1625
 
1626
- function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1626
+ function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1627
1627
  var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1628
1628
  var user = _ref.user,
1629
1629
  onUsernameClick = _ref.onUsernameClick,
@@ -1691,7 +1691,7 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1691
1691
  collapsed: collapsed,
1692
1692
  user: user
1693
1693
  })), /*#__PURE__*/React__default.createElement(Text, {
1694
- sx: _objectSpread$6({
1694
+ sx: _objectSpread$7({
1695
1695
  fontWeight: "300",
1696
1696
  fontSize: "12px",
1697
1697
  color: "grey7.main",
@@ -1708,6 +1708,10 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1708
1708
  };
1709
1709
 
1710
1710
  var _templateObject$g, _templateObject2$a, _templateObject3$8;
1711
+
1712
+ function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1713
+
1714
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1711
1715
  var PremiumContainer = styled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n background: transparent;\n overflow: hidden;\n min-width: 210px;\n max-width: 260px;\n width: 100%;\n max-height: 322px;\n flex: 1;\n min-height: 272px;\n aspect-ratio: 260 / 322;\n gap: 10px;\n border-radius: 18px;\n box-sizing: border-box;\n padding: 2px;\n position: relative;\n transition: 0.3s;\n"])));
1712
1716
  var Container$1 = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
1713
1717
  return props.theme.colors.grey7;
@@ -1793,7 +1797,7 @@ var AddedToIcons = function AddedToIcons(_ref2) {
1793
1797
  fontSize: "15px",
1794
1798
  filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
1795
1799
  }
1796
- }))), (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, {
1800
+ }))), (item === null || item === void 0 ? void 0 : (_item$soundEmotesCont = item.soundEmotesContext) === null || _item$soundEmotesCont === void 0 ? void 0 : _item$soundEmotesCont.hasAdded) && /*#__PURE__*/React__default.createElement(Tooltip, {
1797
1801
  title: "Added to Sound Emotes"
1798
1802
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(MusicNoteRounded, {
1799
1803
  sx: {
@@ -1831,6 +1835,16 @@ var RatingInfo = function RatingInfo(_ref4) {
1831
1835
  tooltipText: "",
1832
1836
  text: ""
1833
1837
  };
1838
+ var visStyle = {
1839
+ fontSize: "23px",
1840
+ fontWeight: "600",
1841
+ backgroundColor: "#585858a3",
1842
+ border: "4px solid transparent",
1843
+ borderColor: "#585858a3",
1844
+ borderRadius: "4px",
1845
+ color: "whiteOverride.main",
1846
+ marginBottom: "12px"
1847
+ };
1834
1848
 
1835
1849
  if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
1836
1850
  var _bite$newAudienceRati, _bite$newAudienceRati2;
@@ -1847,29 +1861,11 @@ var RatingInfo = function RatingInfo(_ref4) {
1847
1861
  }, (bite === null || bite === void 0 ? void 0 : bite.visibility) === "PRIVATE" && /*#__PURE__*/React__default.createElement(Tooltip, {
1848
1862
  title: "Private"
1849
1863
  }, /*#__PURE__*/React__default.createElement(VisibilityOffRoundedIcon, {
1850
- sx: {
1851
- fontSize: "15px",
1852
- fontWeight: "600",
1853
- backgroundColor: "#585858a3",
1854
- border: "4px solid transparent",
1855
- borderColor: "#585858a3",
1856
- borderRadius: "4px",
1857
- color: "whiteOverride.main",
1858
- marginBottom: "12px"
1859
- }
1864
+ sx: _objectSpread$6({}, visStyle)
1860
1865
  })), (bite === null || bite === void 0 ? void 0 : bite.visibility) === "UNLISTED" && /*#__PURE__*/React__default.createElement(Tooltip, {
1861
1866
  title: "Unlisted"
1862
1867
  }, /*#__PURE__*/React__default.createElement(VisibilityRoundedIcon, {
1863
- sx: {
1864
- fontSize: "15px",
1865
- fontWeight: "600",
1866
- backgroundColor: "#585858a3",
1867
- border: "4px solid transparent",
1868
- borderColor: "#585858a3",
1869
- borderRadius: "4px",
1870
- color: "whiteOverride.main",
1871
- marginBottom: "12px"
1872
- }
1868
+ sx: _objectSpread$6({}, visStyle)
1873
1869
  })), bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
1874
1870
  if (rating === "SAFE") {
1875
1871
  // nothing
@@ -1920,29 +1916,11 @@ var RatingInfo = function RatingInfo(_ref4) {
1920
1916
  }, (bite === null || bite === void 0 ? void 0 : bite.visibility) === "PRIVATE" && /*#__PURE__*/React__default.createElement(Tooltip, {
1921
1917
  title: "Private"
1922
1918
  }, /*#__PURE__*/React__default.createElement(VisibilityOffRoundedIcon, {
1923
- sx: {
1924
- fontSize: "15px",
1925
- fontWeight: "600",
1926
- backgroundColor: "#585858a3",
1927
- border: "4px solid transparent",
1928
- borderColor: "#585858a3",
1929
- borderRadius: "4px",
1930
- color: "whiteOverride.main",
1931
- marginBottom: "12px"
1932
- }
1919
+ sx: _objectSpread$6({}, visStyle)
1933
1920
  })), (bite === null || bite === void 0 ? void 0 : bite.visibility) === "UNLISTED" && /*#__PURE__*/React__default.createElement(Tooltip, {
1934
1921
  title: "Unlisted"
1935
1922
  }, /*#__PURE__*/React__default.createElement(VisibilityRoundedIcon, {
1936
- sx: {
1937
- fontSize: "15px",
1938
- fontWeight: "600",
1939
- backgroundColor: "#585858a3",
1940
- border: "4px solid transparent",
1941
- borderColor: "#585858a3",
1942
- borderRadius: "4px",
1943
- color: "whiteOverride.main",
1944
- marginBottom: "12px"
1945
- }
1923
+ sx: _objectSpread$6({}, visStyle)
1946
1924
  })), /*#__PURE__*/React__default.createElement(RatingInfoItem, {
1947
1925
  tooltipText: ratingText.tooltipText,
1948
1926
  displayText: ratingText.text
@@ -2152,7 +2130,7 @@ var NewBlerp$1 = function NewBlerp(_ref7) {
2152
2130
  setHoveringAddTo = _useState10[1];
2153
2131
 
2154
2132
  var titleRef = useRef(null);
2155
- 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);
2133
+ 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.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id);
2156
2134
  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";
2157
2135
 
2158
2136
  var renderPlayStateIcon = function renderPlayStateIcon() {
@@ -90323,6 +90301,9 @@ var CheckoutModal = function CheckoutModal(_ref) {
90323
90301
  }();
90324
90302
 
90325
90303
  if (show) {
90304
+ var script = document.createElement("script");
90305
+ script.src = "https://js.quaderno.io/v4/";
90306
+ document.head.appendChild(script);
90326
90307
  createBraintreeDropIn();
90327
90308
  }
90328
90309
  }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/DoNotDisturbRounded'), require('@mui/icons-material/Favorite'), require('@mui/icons-material/FavoriteBorder'), require('@mui/icons-material/PauseRounded'), require('@mui/icons-material/PlayArrowRounded'), require('@mui/icons-material/WarningRounded'), require('@mui/icons-material/VisibilityOffRounded'), require('@mui/icons-material/VisibilityRounded'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('@mui/material/Fade'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/DoNotDisturbRounded', '@mui/icons-material/Favorite', '@mui/icons-material/FavoriteBorder', '@mui/icons-material/PauseRounded', '@mui/icons-material/PlayArrowRounded', '@mui/icons-material/WarningRounded', '@mui/icons-material/VisibilityOffRounded', '@mui/icons-material/VisibilityRounded', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.DoNotDisturbRoundedIcon, global.FavoriteIcon, global.FavoriteBorderIcon, global.PauseRoundedIcon, global.PlayArrowRoundedIcon, global.WarningRoundedIcon, global.VisibilityOffRoundedIcon, global.VisibilityRoundedIcon, global._defineProperty, global._asyncToGenerator, global._regeneratorRuntime, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon));
5
- }(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, DoNotDisturbRoundedIcon, FavoriteIcon, FavoriteBorderIcon, PauseRoundedIcon, PlayArrowRoundedIcon, WarningRoundedIcon, VisibilityOffRoundedIcon, VisibilityRoundedIcon, _defineProperty, _asyncToGenerator, _regeneratorRuntime, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@babel/runtime/helpers/defineProperty'), require('@mui/icons-material/DoNotDisturbRounded'), require('@mui/icons-material/Favorite'), require('@mui/icons-material/FavoriteBorder'), require('@mui/icons-material/PauseRounded'), require('@mui/icons-material/PlayArrowRounded'), require('@mui/icons-material/WarningRounded'), require('@mui/icons-material/VisibilityOffRounded'), require('@mui/icons-material/VisibilityRounded'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('@mui/material/Fade'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@babel/runtime/helpers/defineProperty', '@mui/icons-material/DoNotDisturbRounded', '@mui/icons-material/Favorite', '@mui/icons-material/FavoriteBorder', '@mui/icons-material/PauseRounded', '@mui/icons-material/PlayArrowRounded', '@mui/icons-material/WarningRounded', '@mui/icons-material/VisibilityOffRounded', '@mui/icons-material/VisibilityRounded', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global._defineProperty, global.DoNotDisturbRoundedIcon, global.FavoriteIcon, global.FavoriteBorderIcon, global.PauseRoundedIcon, global.PlayArrowRoundedIcon, global.WarningRoundedIcon, global.VisibilityOffRoundedIcon, global.VisibilityRoundedIcon, global._asyncToGenerator, global._regeneratorRuntime, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon));
5
+ }(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, _defineProperty, DoNotDisturbRoundedIcon, FavoriteIcon, FavoriteBorderIcon, PauseRoundedIcon, PlayArrowRoundedIcon, WarningRoundedIcon, VisibilityOffRoundedIcon, VisibilityRoundedIcon, _asyncToGenerator, _regeneratorRuntime, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -34,6 +34,7 @@
34
34
  var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
35
35
  var BookmarkOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkOutlinedIcon);
36
36
  var LockRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LockRoundedIcon);
37
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
37
38
  var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
38
39
  var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
39
40
  var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
@@ -42,7 +43,6 @@
42
43
  var WarningRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(WarningRoundedIcon);
43
44
  var VisibilityOffRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityOffRoundedIcon);
44
45
  var VisibilityRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityRoundedIcon);
45
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
46
46
  var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
47
47
  var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
48
48
  var BookmarkAddOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkAddOutlinedIcon);
@@ -1642,9 +1642,9 @@
1642
1642
  }, "created")))));
1643
1643
  };
1644
1644
 
1645
- function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1645
+ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1646
1646
 
1647
- function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1647
+ function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1648
1648
  var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
1649
1649
  var user = _ref.user,
1650
1650
  onUsernameClick = _ref.onUsernameClick,
@@ -1712,7 +1712,7 @@
1712
1712
  collapsed: collapsed,
1713
1713
  user: user
1714
1714
  })), /*#__PURE__*/React__default['default'].createElement(Text, {
1715
- sx: _objectSpread$6({
1715
+ sx: _objectSpread$7({
1716
1716
  fontWeight: "300",
1717
1717
  fontSize: "12px",
1718
1718
  color: "grey7.main",
@@ -1729,6 +1729,10 @@
1729
1729
  };
1730
1730
 
1731
1731
  var _templateObject$g, _templateObject2$a, _templateObject3$8;
1732
+
1733
+ function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1734
+
1735
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1732
1736
  var PremiumContainer = styled__default['default'].div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n background: transparent;\n overflow: hidden;\n min-width: 210px;\n max-width: 260px;\n width: 100%;\n max-height: 322px;\n flex: 1;\n min-height: 272px;\n aspect-ratio: 260 / 322;\n gap: 10px;\n border-radius: 18px;\n box-sizing: border-box;\n padding: 2px;\n position: relative;\n transition: 0.3s;\n"])));
1733
1737
  var Container$1 = styled__default['default'].div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n background-color: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n height: 100%;\n padding: 10px;\n border-radius: 17px;\n box-sizing: border-box;\n"])), function (props) {
1734
1738
  return props.theme.colors.grey7;
@@ -1814,7 +1818,7 @@
1814
1818
  fontSize: "15px",
1815
1819
  filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
1816
1820
  }
1817
- }))), (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, {
1821
+ }))), (item === null || item === void 0 ? void 0 : (_item$soundEmotesCont = item.soundEmotesContext) === null || _item$soundEmotesCont === void 0 ? void 0 : _item$soundEmotesCont.hasAdded) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1818
1822
  title: "Added to Sound Emotes"
1819
1823
  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.MusicNoteRounded, {
1820
1824
  sx: {
@@ -1852,6 +1856,16 @@
1852
1856
  tooltipText: "",
1853
1857
  text: ""
1854
1858
  };
1859
+ var visStyle = {
1860
+ fontSize: "23px",
1861
+ fontWeight: "600",
1862
+ backgroundColor: "#585858a3",
1863
+ border: "4px solid transparent",
1864
+ borderColor: "#585858a3",
1865
+ borderRadius: "4px",
1866
+ color: "whiteOverride.main",
1867
+ marginBottom: "12px"
1868
+ };
1855
1869
 
1856
1870
  if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
1857
1871
  var _bite$newAudienceRati, _bite$newAudienceRati2;
@@ -1868,29 +1882,11 @@
1868
1882
  }, (bite === null || bite === void 0 ? void 0 : bite.visibility) === "PRIVATE" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1869
1883
  title: "Private"
1870
1884
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityOffRoundedIcon__default['default'], {
1871
- sx: {
1872
- fontSize: "15px",
1873
- fontWeight: "600",
1874
- backgroundColor: "#585858a3",
1875
- border: "4px solid transparent",
1876
- borderColor: "#585858a3",
1877
- borderRadius: "4px",
1878
- color: "whiteOverride.main",
1879
- marginBottom: "12px"
1880
- }
1885
+ sx: _objectSpread$6({}, visStyle)
1881
1886
  })), (bite === null || bite === void 0 ? void 0 : bite.visibility) === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1882
1887
  title: "Unlisted"
1883
1888
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityRoundedIcon__default['default'], {
1884
- sx: {
1885
- fontSize: "15px",
1886
- fontWeight: "600",
1887
- backgroundColor: "#585858a3",
1888
- border: "4px solid transparent",
1889
- borderColor: "#585858a3",
1890
- borderRadius: "4px",
1891
- color: "whiteOverride.main",
1892
- marginBottom: "12px"
1893
- }
1889
+ sx: _objectSpread$6({}, visStyle)
1894
1890
  })), bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
1895
1891
  if (rating === "SAFE") {
1896
1892
  // nothing
@@ -1941,29 +1937,11 @@
1941
1937
  }, (bite === null || bite === void 0 ? void 0 : bite.visibility) === "PRIVATE" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1942
1938
  title: "Private"
1943
1939
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityOffRoundedIcon__default['default'], {
1944
- sx: {
1945
- fontSize: "15px",
1946
- fontWeight: "600",
1947
- backgroundColor: "#585858a3",
1948
- border: "4px solid transparent",
1949
- borderColor: "#585858a3",
1950
- borderRadius: "4px",
1951
- color: "whiteOverride.main",
1952
- marginBottom: "12px"
1953
- }
1940
+ sx: _objectSpread$6({}, visStyle)
1954
1941
  })), (bite === null || bite === void 0 ? void 0 : bite.visibility) === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1955
1942
  title: "Unlisted"
1956
1943
  }, /*#__PURE__*/React__default['default'].createElement(VisibilityRoundedIcon__default['default'], {
1957
- sx: {
1958
- fontSize: "15px",
1959
- fontWeight: "600",
1960
- backgroundColor: "#585858a3",
1961
- border: "4px solid transparent",
1962
- borderColor: "#585858a3",
1963
- borderRadius: "4px",
1964
- color: "whiteOverride.main",
1965
- marginBottom: "12px"
1966
- }
1944
+ sx: _objectSpread$6({}, visStyle)
1967
1945
  })), /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
1968
1946
  tooltipText: ratingText.tooltipText,
1969
1947
  displayText: ratingText.text
@@ -2173,7 +2151,7 @@
2173
2151
  setHoveringAddTo = _useState10[1];
2174
2152
 
2175
2153
  var titleRef = React.useRef(null);
2176
- 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);
2154
+ 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.hasAdded) || (bite === null || bite === void 0 ? void 0 : (_bite$discordContext = bite.discordContext) === null || _bite$discordContext === void 0 ? void 0 : _bite$discordContext._id);
2177
2155
  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";
2178
2156
 
2179
2157
  var renderPlayStateIcon = function renderPlayStateIcon() {
@@ -90344,6 +90322,9 @@
90344
90322
  }();
90345
90323
 
90346
90324
  if (show) {
90325
+ var script = document.createElement("script");
90326
+ script.src = "https://js.quaderno.io/v4/";
90327
+ document.head.appendChild(script);
90347
90328
  createBraintreeDropIn();
90348
90329
  }
90349
90330
  }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.2.50",
3
+ "version": "1.2.52",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {