@blerp/design 1.2.53 → 1.2.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +101 -95
- package/dist/index.esm.js +98 -93
- package/dist/index.umd.js +99 -96
- package/package.json +1 -1
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('@
|
|
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', '@
|
|
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.
|
|
5
|
-
}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon,
|
|
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('@mui/icons-material/LanguageRounded'), require('@mui/icons-material/ThumbsUpDownRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/LayersRounded'), 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/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', '@mui/icons-material/LanguageRounded', '@mui/icons-material/ThumbsUpDownRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/LayersRounded', '@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/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, null, global.LanguageRoundedIcon, null, global.ViewModuleRoundedIcon, global.LayersRoundedIcon, 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, 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, VisibilityRounded, LanguageRoundedIcon, ThumbsUpDownRounded, ViewModuleRoundedIcon, LayersRoundedIcon, _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, 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,7 +34,6 @@
|
|
|
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);
|
|
38
37
|
var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
|
|
39
38
|
var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
|
|
40
39
|
var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
|
|
@@ -42,7 +41,10 @@
|
|
|
42
41
|
var PlayArrowRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(PlayArrowRoundedIcon);
|
|
43
42
|
var WarningRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(WarningRoundedIcon);
|
|
44
43
|
var VisibilityOffRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityOffRoundedIcon);
|
|
45
|
-
var
|
|
44
|
+
var LanguageRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LanguageRoundedIcon);
|
|
45
|
+
var ViewModuleRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ViewModuleRoundedIcon);
|
|
46
|
+
var LayersRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LayersRoundedIcon);
|
|
47
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
46
48
|
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
47
49
|
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
48
50
|
var BookmarkAddOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkAddOutlinedIcon);
|
|
@@ -70,7 +72,6 @@
|
|
|
70
72
|
var PersonRemoveRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(PersonRemoveRoundedIcon);
|
|
71
73
|
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
72
74
|
var MenuRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(MenuRoundedIcon);
|
|
73
|
-
var ViewModuleRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ViewModuleRoundedIcon);
|
|
74
75
|
var SortRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(SortRoundedIcon);
|
|
75
76
|
var ChevronRightRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightRoundedIcon);
|
|
76
77
|
var PersonRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(PersonRoundedIcon);
|
|
@@ -1642,9 +1643,9 @@
|
|
|
1642
1643
|
}, "created")))));
|
|
1643
1644
|
};
|
|
1644
1645
|
|
|
1645
|
-
function ownKeys$
|
|
1646
|
+
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; }
|
|
1646
1647
|
|
|
1647
|
-
function _objectSpread$
|
|
1648
|
+
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; }
|
|
1648
1649
|
var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
|
|
1649
1650
|
var user = _ref.user,
|
|
1650
1651
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1712,7 +1713,7 @@
|
|
|
1712
1713
|
collapsed: collapsed,
|
|
1713
1714
|
user: user
|
|
1714
1715
|
})), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1715
|
-
sx: _objectSpread$
|
|
1716
|
+
sx: _objectSpread$6({
|
|
1716
1717
|
fontWeight: "300",
|
|
1717
1718
|
fontSize: "12px",
|
|
1718
1719
|
color: "grey7.main",
|
|
@@ -1729,10 +1730,6 @@
|
|
|
1729
1730
|
};
|
|
1730
1731
|
|
|
1731
1732
|
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; }
|
|
1736
1733
|
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"])));
|
|
1737
1734
|
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) {
|
|
1738
1735
|
return props.theme.colors.grey7;
|
|
@@ -1784,7 +1781,7 @@
|
|
|
1784
1781
|
}, savedCount));
|
|
1785
1782
|
};
|
|
1786
1783
|
var AddedToIcons = function AddedToIcons(_ref2) {
|
|
1787
|
-
var _item$channelPointsCo, _item$whitelistContex, _item$
|
|
1784
|
+
var _item$soundEmotesCont, _item$channelPointsCo, _item$channelPointsBu, _item$whitelistContex, _item$walkOnChannelCo, _item$organizationalG;
|
|
1788
1785
|
|
|
1789
1786
|
var item = _ref2.item,
|
|
1790
1787
|
hovering = _ref2.hovering,
|
|
@@ -1794,35 +1791,45 @@
|
|
|
1794
1791
|
direction: "row",
|
|
1795
1792
|
sx: {
|
|
1796
1793
|
transition: "0.3s",
|
|
1797
|
-
opacity: hide ? "0" : hovering ? "
|
|
1798
|
-
alignItems: "
|
|
1794
|
+
opacity: hide ? "0" : hovering ? "0" : "1",
|
|
1795
|
+
alignItems: "start",
|
|
1796
|
+
justifyContent: "end",
|
|
1797
|
+
flexWrap: "wrap",
|
|
1798
|
+
flex: 1
|
|
1799
1799
|
}
|
|
1800
|
-
}, (item === null || item === void 0 ? void 0 : (_item$
|
|
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['default'].createElement(Tooltip, {
|
|
1801
|
+
title: "Added to Universal Extension"
|
|
1802
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(LanguageRoundedIcon__default['default'], {
|
|
1803
|
+
sx: {
|
|
1804
|
+
fontSize: "20px",
|
|
1805
|
+
filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
|
|
1806
|
+
}
|
|
1807
|
+
}))), ((item === null || item === void 0 ? void 0 : (_item$channelPointsCo = item.channelPointsContext) === null || _item$channelPointsCo === void 0 ? void 0 : _item$channelPointsCo._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsBu = item.channelPointsBucketsContext) === null || _item$channelPointsBu === void 0 ? void 0 : _item$channelPointsBu.length) > 0) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
|
|
1801
1808
|
title: "Added to Channel Points"
|
|
1802
1809
|
}, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
|
|
1803
1810
|
sx: {
|
|
1804
|
-
fontSize: "
|
|
1811
|
+
fontSize: "20px",
|
|
1805
1812
|
filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
|
|
1806
1813
|
}
|
|
1807
1814
|
}))), (item === null || item === void 0 ? void 0 : (_item$whitelistContex = item.whitelistContext) === null || _item$whitelistContex === void 0 ? void 0 : _item$whitelistContex._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
|
|
1808
1815
|
title: "Added to Bits Library"
|
|
1809
1816
|
}, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
|
|
1810
1817
|
sx: {
|
|
1811
|
-
fontSize: "
|
|
1818
|
+
fontSize: "20px",
|
|
1812
1819
|
filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
|
|
1813
1820
|
}
|
|
1814
|
-
}))), (item === null || item === void 0 ? void 0 : (_item$
|
|
1821
|
+
}))), (item === null || item === void 0 ? void 0 : (_item$walkOnChannelCo = item.walkOnChannelContext) === null || _item$walkOnChannelCo === void 0 ? void 0 : _item$walkOnChannelCo._id) && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
|
|
1815
1822
|
title: "Added to WalkOn"
|
|
1816
1823
|
}, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
|
|
1817
1824
|
sx: {
|
|
1818
|
-
fontSize: "
|
|
1825
|
+
fontSize: "20px",
|
|
1819
1826
|
filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
|
|
1820
1827
|
}
|
|
1821
|
-
}))), (item === null || item === void 0 ? void 0 : (_item$
|
|
1822
|
-
title: "Added to
|
|
1823
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(
|
|
1828
|
+
}))), (item === null || item === void 0 ? void 0 : (_item$organizationalG = item.organizationalGroupEdgesContext) === null || _item$organizationalG === void 0 ? void 0 : _item$organizationalG.length) > 0 && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
|
|
1829
|
+
title: "Added to Group"
|
|
1830
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(LayersRoundedIcon__default['default'], {
|
|
1824
1831
|
sx: {
|
|
1825
|
-
fontSize: "
|
|
1832
|
+
fontSize: "20px",
|
|
1826
1833
|
filter: "drop-shadow(0px 0.972222px 8.75px rgba(0, 0, 0, 0.73))"
|
|
1827
1834
|
}
|
|
1828
1835
|
}))));
|
|
@@ -1844,28 +1851,18 @@
|
|
|
1844
1851
|
color: "notBlack.override",
|
|
1845
1852
|
padding: "1px 2px",
|
|
1846
1853
|
height: "auto",
|
|
1847
|
-
width: "fit-content"
|
|
1848
|
-
marginBottom: "12px"
|
|
1854
|
+
width: "fit-content"
|
|
1849
1855
|
}
|
|
1850
1856
|
}, displayText));
|
|
1851
1857
|
};
|
|
1852
1858
|
|
|
1853
1859
|
var RatingInfo = function RatingInfo(_ref4) {
|
|
1854
|
-
var bite = _ref4.bite
|
|
1860
|
+
var bite = _ref4.bite,
|
|
1861
|
+
hovering = _ref4.hovering;
|
|
1855
1862
|
var ratingText = {
|
|
1856
1863
|
tooltipText: "",
|
|
1857
1864
|
text: ""
|
|
1858
1865
|
};
|
|
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
|
-
};
|
|
1869
1866
|
|
|
1870
1867
|
if (bite !== null && bite !== void 0 && bite.newAudienceRating) {
|
|
1871
1868
|
var _bite$newAudienceRati, _bite$newAudienceRati2;
|
|
@@ -1878,16 +1875,14 @@
|
|
|
1878
1875
|
|
|
1879
1876
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1880
1877
|
direction: "row",
|
|
1881
|
-
alignItems: "
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
},
|
|
1889
|
-
sx: _objectSpread$6({}, visStyle)
|
|
1890
|
-
})), bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
|
|
1878
|
+
alignItems: "start",
|
|
1879
|
+
sx: {
|
|
1880
|
+
transition: "0.2s",
|
|
1881
|
+
flex: 3,
|
|
1882
|
+
flexWrap: "wrap",
|
|
1883
|
+
marginTop: hovering ? "35px" : "0"
|
|
1884
|
+
}
|
|
1885
|
+
}, bite === null || bite === void 0 ? void 0 : (_bite$newAudienceRati2 = bite.newAudienceRating) === null || _bite$newAudienceRati2 === void 0 ? void 0 : _bite$newAudienceRati2.map(function (rating) {
|
|
1891
1886
|
if (rating === "SAFE") {
|
|
1892
1887
|
// nothing
|
|
1893
1888
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
@@ -1930,19 +1925,22 @@
|
|
|
1930
1925
|
ratingText.text = "UNRATED";
|
|
1931
1926
|
}
|
|
1932
1927
|
|
|
1933
|
-
if (!ratingText.tooltipText) return /*#__PURE__*/React__default['default'].createElement(
|
|
1928
|
+
if (!ratingText.tooltipText) return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1929
|
+
direction: "row",
|
|
1930
|
+
sx: {
|
|
1931
|
+
flex: 0
|
|
1932
|
+
}
|
|
1933
|
+
});
|
|
1934
1934
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1935
1935
|
direction: "row",
|
|
1936
|
-
alignItems: "
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
1944
|
-
sx: _objectSpread$6({}, visStyle)
|
|
1945
|
-
})), /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
|
|
1936
|
+
alignItems: "start",
|
|
1937
|
+
sx: {
|
|
1938
|
+
transition: "0.2s",
|
|
1939
|
+
flex: 3,
|
|
1940
|
+
flexWrap: "wrap",
|
|
1941
|
+
marginTop: hovering ? "35px" : "0"
|
|
1942
|
+
}
|
|
1943
|
+
}, /*#__PURE__*/React__default['default'].createElement(RatingInfoItem, {
|
|
1946
1944
|
tooltipText: ratingText.tooltipText,
|
|
1947
1945
|
displayText: ratingText.text
|
|
1948
1946
|
}));
|
|
@@ -2074,21 +2072,24 @@
|
|
|
2074
2072
|
minHeight: "20px"
|
|
2075
2073
|
}
|
|
2076
2074
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
2075
|
+
direction: "row",
|
|
2076
|
+
alignItems: "start",
|
|
2077
|
+
justifyContent: "space-between",
|
|
2077
2078
|
sx: {
|
|
2078
2079
|
position: "absolute",
|
|
2079
2080
|
top: "0",
|
|
2080
2081
|
left: "0",
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2082
|
+
width: "100%",
|
|
2083
|
+
overflow: "hidden",
|
|
2084
|
+
transition: "0.2s",
|
|
2085
|
+
pointerEvents: "none"
|
|
2086
2086
|
}
|
|
2087
2087
|
}, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
|
|
2088
|
+
hovering: hovering,
|
|
2088
2089
|
bite: bite
|
|
2089
2090
|
}), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
|
|
2090
2091
|
item: bite,
|
|
2091
|
-
hovering: hovering
|
|
2092
|
+
hovering: hovering || hoveringAddTo
|
|
2092
2093
|
})), renderAddContentButton({
|
|
2093
2094
|
item: bite,
|
|
2094
2095
|
hovering: hovering,
|
|
@@ -2103,7 +2104,7 @@
|
|
|
2103
2104
|
};
|
|
2104
2105
|
|
|
2105
2106
|
var NewBlerp$1 = function NewBlerp(_ref7) {
|
|
2106
|
-
var _bite$whitelistContex, _bite$channelPointsCo, _bite$
|
|
2107
|
+
var _bite$whitelistContex, _bite$channelPointsCo, _bite$walkOnChannelCo, _bite$soundEmotesCont, _bite$discordContext, _bite$channelPointsBu, _bite$organizationalG, _bite$blacklistContex, _bite$blacklistContex2, _bite$image, _bite$image$original, _titleRef$current, _titleRef$current$get;
|
|
2107
2108
|
|
|
2108
2109
|
var Waveform = _ref7.Waveform,
|
|
2109
2110
|
bite = _ref7.bite,
|
|
@@ -2151,7 +2152,7 @@
|
|
|
2151
2152
|
setHoveringAddTo = _useState10[1];
|
|
2152
2153
|
|
|
2153
2154
|
var titleRef = React.useRef(null);
|
|
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$
|
|
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$walkOnChannelCo = bite.walkOnChannelContext) === null || _bite$walkOnChannelCo === void 0 ? void 0 : _bite$walkOnChannelCo._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) || (bite === null || bite === void 0 ? void 0 : (_bite$channelPointsBu = bite.channelPointsBucketsContext) === null || _bite$channelPointsBu === void 0 ? void 0 : _bite$channelPointsBu.length) > 0 || (bite === null || bite === void 0 ? void 0 : (_bite$organizationalG = bite.organizationalGroupEdgesContext) === null || _bite$organizationalG === void 0 ? void 0 : _bite$organizationalG.length) > 0;
|
|
2155
2156
|
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";
|
|
2156
2157
|
|
|
2157
2158
|
var renderPlayStateIcon = function renderPlayStateIcon() {
|
|
@@ -89146,6 +89147,8 @@
|
|
|
89146
89147
|
};
|
|
89147
89148
|
|
|
89148
89149
|
var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
|
|
89150
|
+
var _window;
|
|
89151
|
+
|
|
89149
89152
|
var amount = _ref.amount,
|
|
89150
89153
|
setSalesTax = _ref.setSalesTax,
|
|
89151
89154
|
setTotal = _ref.setTotal,
|
|
@@ -89154,14 +89157,25 @@
|
|
|
89154
89157
|
postalCode = _ref.postalCode,
|
|
89155
89158
|
setPostalCode = _ref.setPostalCode;
|
|
89156
89159
|
React.useEffect(function () {
|
|
89157
|
-
var
|
|
89160
|
+
var scriptUrl = "https://js.quaderno.io/v4/";
|
|
89158
89161
|
|
|
89159
|
-
|
|
89160
|
-
|
|
89161
|
-
|
|
89162
|
-
|
|
89163
|
-
}
|
|
89162
|
+
if (!document.querySelector("script[src=\"".concat(scriptUrl, "\"]"))) {
|
|
89163
|
+
var script = document.createElement("script");
|
|
89164
|
+
script.src = scriptUrl;
|
|
89165
|
+
document.head.appendChild(script);
|
|
89166
|
+
}
|
|
89164
89167
|
}, []);
|
|
89168
|
+
React.useEffect(function () {
|
|
89169
|
+
if (window.Quaderno) {
|
|
89170
|
+
var _window$Quaderno;
|
|
89171
|
+
|
|
89172
|
+
(_window$Quaderno = window.Quaderno) === null || _window$Quaderno === void 0 ? void 0 : _window$Quaderno.init("pk_live_JLZ6dgFdcXEVZySpVxb7").then(function () {
|
|
89173
|
+
console.log("Quaderno.js successfully initialized");
|
|
89174
|
+
}).catch(function (error) {
|
|
89175
|
+
console.log(error.description, error.messages);
|
|
89176
|
+
});
|
|
89177
|
+
}
|
|
89178
|
+
}, [(_window = window) === null || _window === void 0 ? void 0 : _window.Quaderno]);
|
|
89165
89179
|
|
|
89166
89180
|
var reloadTaxes = /*#__PURE__*/function () {
|
|
89167
89181
|
var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(options) {
|
|
@@ -89180,7 +89194,6 @@
|
|
|
89180
89194
|
|
|
89181
89195
|
case 4:
|
|
89182
89196
|
taxObject = _context.sent;
|
|
89183
|
-
console.log(taxObject);
|
|
89184
89197
|
taxAmount = parseFloat(amount * (taxObject.rate / 100)).toFixed(2);
|
|
89185
89198
|
totalAmount = (parseFloat(amount) + parseFloat(taxAmount)).toFixed(2);
|
|
89186
89199
|
setSalesTax(taxAmount);
|
|
@@ -89191,7 +89204,7 @@
|
|
|
89191
89204
|
// taxObject.name + " " + taxObject.rate + "%"; // ie.: VAT 20%
|
|
89192
89205
|
// });
|
|
89193
89206
|
|
|
89194
|
-
case
|
|
89207
|
+
case 9:
|
|
89195
89208
|
case "end":
|
|
89196
89209
|
return _context.stop();
|
|
89197
89210
|
}
|
|
@@ -89212,21 +89225,17 @@
|
|
|
89212
89225
|
}, wait);
|
|
89213
89226
|
}
|
|
89214
89227
|
|
|
89215
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
89228
|
+
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
89216
89229
|
id: "quaderno-payment-form",
|
|
89217
|
-
|
|
89218
|
-
width: "100%"
|
|
89219
|
-
},
|
|
89220
|
-
"data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7"
|
|
89221
|
-
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
89230
|
+
"data-publishable-key": "pk_live_JLZ6dgFdcXEVZySpVxb7",
|
|
89222
89231
|
direction: "row",
|
|
89223
89232
|
justifyContent: "space-between",
|
|
89224
89233
|
width: "90%",
|
|
89225
89234
|
alignItems: "center",
|
|
89226
|
-
margin: "
|
|
89235
|
+
margin: "10px auto"
|
|
89227
89236
|
}, /*#__PURE__*/React__default['default'].createElement(Dropdown, {
|
|
89228
89237
|
id: "country",
|
|
89229
|
-
buttonTitle: country.name,
|
|
89238
|
+
buttonTitle: country === null || country === void 0 ? void 0 : country.name,
|
|
89230
89239
|
buttonLabel: "Country",
|
|
89231
89240
|
buttonStyle: {
|
|
89232
89241
|
backgroundColor: "white.override",
|
|
@@ -90005,12 +90014,14 @@
|
|
|
90005
90014
|
label: "Postal Code",
|
|
90006
90015
|
size: "small",
|
|
90007
90016
|
required: true,
|
|
90017
|
+
variant: "filled",
|
|
90018
|
+
color: "grey4",
|
|
90008
90019
|
sx: {
|
|
90009
|
-
backgroundColor: "white.override",
|
|
90010
90020
|
width: "150px",
|
|
90011
|
-
margin: "12px 16px",
|
|
90012
90021
|
"& label": {
|
|
90013
|
-
|
|
90022
|
+
color: "grey4.real",
|
|
90023
|
+
position: "absolute",
|
|
90024
|
+
"&:hover": {}
|
|
90014
90025
|
}
|
|
90015
90026
|
},
|
|
90016
90027
|
onChange: function onChange(e) {
|
|
@@ -90022,7 +90033,7 @@
|
|
|
90022
90033
|
}, 1500);
|
|
90023
90034
|
setPostalCode(e.target.value);
|
|
90024
90035
|
}
|
|
90025
|
-
}))
|
|
90036
|
+
}));
|
|
90026
90037
|
};
|
|
90027
90038
|
|
|
90028
90039
|
var _templateObject;
|
|
@@ -90326,14 +90337,6 @@
|
|
|
90326
90337
|
}();
|
|
90327
90338
|
|
|
90328
90339
|
if (show) {
|
|
90329
|
-
var scriptUrl = "https://js.quaderno.io/v4/";
|
|
90330
|
-
|
|
90331
|
-
if (!document.querySelector("script[src=\"".concat(scriptUrl, "\"]"))) {
|
|
90332
|
-
var script = document.createElement("script");
|
|
90333
|
-
script.src = scriptUrl;
|
|
90334
|
-
document.head.appendChild(script);
|
|
90335
|
-
}
|
|
90336
|
-
|
|
90337
90340
|
createBraintreeDropIn();
|
|
90338
90341
|
}
|
|
90339
90342
|
}, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);
|