@blerp/design 1.2.20 → 1.2.22
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 +53 -10
- package/dist/index.esm.js +52 -10
- package/dist/index.umd.js +53 -10
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ var BookmarkOutlinedIcon = require('@mui/icons-material/BookmarkOutlined');
|
|
|
14
14
|
var LockRoundedIcon = require('@mui/icons-material/LockRounded');
|
|
15
15
|
var AddRoundedIcon = require('@mui/icons-material/AddRounded');
|
|
16
16
|
var ArrowDropDownRoundedIcon = require('@mui/icons-material/ArrowDropDownRounded');
|
|
17
|
-
require('@mui/icons-material/DoNotDisturbRounded');
|
|
17
|
+
var DoNotDisturbRoundedIcon = require('@mui/icons-material/DoNotDisturbRounded');
|
|
18
18
|
var FavoriteIcon = require('@mui/icons-material/Favorite');
|
|
19
19
|
var FavoriteBorderIcon = require('@mui/icons-material/FavoriteBorder');
|
|
20
20
|
var PauseRoundedIcon = require('@mui/icons-material/PauseRounded');
|
|
@@ -91,6 +91,7 @@ var BookmarkOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(BookmarkO
|
|
|
91
91
|
var LockRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LockRoundedIcon);
|
|
92
92
|
var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
|
|
93
93
|
var ArrowDropDownRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDropDownRoundedIcon);
|
|
94
|
+
var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
|
|
94
95
|
var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
|
|
95
96
|
var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
|
|
96
97
|
var PauseRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(PauseRoundedIcon);
|
|
@@ -2216,6 +2217,7 @@ var RatingInfo = function RatingInfo(_ref5) {
|
|
|
2216
2217
|
|
|
2217
2218
|
var ReportedWarning = function ReportedWarning(_ref6) {
|
|
2218
2219
|
var showWarning = _ref6.showWarning,
|
|
2220
|
+
blacklisted = _ref6.blacklisted,
|
|
2219
2221
|
saved = _ref6.saved,
|
|
2220
2222
|
count = _ref6.count,
|
|
2221
2223
|
onClick = _ref6.onClick;
|
|
@@ -2231,6 +2233,28 @@ var ReportedWarning = function ReportedWarning(_ref6) {
|
|
|
2231
2233
|
setHovering = _useState6[1];
|
|
2232
2234
|
|
|
2233
2235
|
var renderInfo = function renderInfo() {
|
|
2236
|
+
if (blacklisted) {
|
|
2237
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DoNotDisturbRoundedIcon__default['default'], {
|
|
2238
|
+
sx: {
|
|
2239
|
+
marginBottom: "20px"
|
|
2240
|
+
}
|
|
2241
|
+
}), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
2242
|
+
sx: {
|
|
2243
|
+
fontSize: "18px",
|
|
2244
|
+
fontWeight: "600",
|
|
2245
|
+
color: "white.override"
|
|
2246
|
+
}
|
|
2247
|
+
}, "Blocked"), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
2248
|
+
color: "whiteOverride",
|
|
2249
|
+
variant: "outlined",
|
|
2250
|
+
sx: {
|
|
2251
|
+
marginTop: "20px"
|
|
2252
|
+
},
|
|
2253
|
+
onClick: function onClick() {
|
|
2254
|
+
setShow(false);
|
|
2255
|
+
}
|
|
2256
|
+
}, "View"));
|
|
2257
|
+
}
|
|
2234
2258
|
|
|
2235
2259
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(WarningRoundedIcon__default['default'], {
|
|
2236
2260
|
sx: {
|
|
@@ -2343,15 +2367,28 @@ var BlerpTopRow = function BlerpTopRow(_ref7) {
|
|
|
2343
2367
|
};
|
|
2344
2368
|
|
|
2345
2369
|
var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
2346
|
-
var _bite$image, _bite$image$original;
|
|
2370
|
+
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original;
|
|
2347
2371
|
|
|
2348
2372
|
var Waveform = _ref8.Waveform,
|
|
2349
2373
|
bite = _ref8.bite,
|
|
2350
2374
|
playState = _ref8.playState,
|
|
2351
2375
|
play = _ref8.play,
|
|
2352
|
-
onTitleClick = _ref8.onTitleClick,
|
|
2353
|
-
|
|
2354
|
-
|
|
2376
|
+
_ref8$onTitleClick = _ref8.onTitleClick,
|
|
2377
|
+
onTitleClick = _ref8$onTitleClick === void 0 ? function () {
|
|
2378
|
+
console.log("onTitleClick");
|
|
2379
|
+
} : _ref8$onTitleClick,
|
|
2380
|
+
_ref8$onUsernameClick = _ref8.onUsernameClick,
|
|
2381
|
+
onUsernameClick = _ref8$onUsernameClick === void 0 ? function () {
|
|
2382
|
+
console.log("onUsernameClick");
|
|
2383
|
+
} : _ref8$onUsernameClick,
|
|
2384
|
+
_ref8$onFavoriteClick = _ref8.onFavoriteClick,
|
|
2385
|
+
onFavoriteClick = _ref8$onFavoriteClick === void 0 ? function () {
|
|
2386
|
+
console.log("onFavoriteClick");
|
|
2387
|
+
} : _ref8$onFavoriteClick,
|
|
2388
|
+
_ref8$onAddToPlace = _ref8.onAddToPlace,
|
|
2389
|
+
onAddToPlace = _ref8$onAddToPlace === void 0 ? function () {
|
|
2390
|
+
console.log("onAddToPlace");
|
|
2391
|
+
} : _ref8$onAddToPlace,
|
|
2355
2392
|
_ref8$trending = _ref8.trending,
|
|
2356
2393
|
trending = _ref8$trending === void 0 ? false : _ref8$trending;
|
|
2357
2394
|
|
|
@@ -2431,9 +2468,10 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2431
2468
|
});
|
|
2432
2469
|
};
|
|
2433
2470
|
|
|
2434
|
-
var handleAddToPlace = function handleAddToPlace(
|
|
2471
|
+
var handleAddToPlace = function handleAddToPlace(e) {
|
|
2435
2472
|
setAddedToPlace(true);
|
|
2436
|
-
console.log(place);
|
|
2473
|
+
onAddToPlace(); // console.log(e, place);
|
|
2474
|
+
|
|
2437
2475
|
setTimeout(function () {
|
|
2438
2476
|
setAddedToPlace(false);
|
|
2439
2477
|
}, 2000);
|
|
@@ -2448,7 +2486,8 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2448
2486
|
background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
|
|
2449
2487
|
}
|
|
2450
2488
|
}, /*#__PURE__*/React__default['default'].createElement(ReportedWarning, {
|
|
2451
|
-
showWarning:
|
|
2489
|
+
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,
|
|
2490
|
+
blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
|
|
2452
2491
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2453
2492
|
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2454
2493
|
onClick: function onClick() {
|
|
@@ -4189,6 +4228,7 @@ var colors = {
|
|
|
4189
4228
|
secondaryButtonGrey: "#8A8587",
|
|
4190
4229
|
thirdButtonGrey: "#BEBEBC",
|
|
4191
4230
|
ibisRed: "#FE295C",
|
|
4231
|
+
ibisRedDark: "#B43757",
|
|
4192
4232
|
starling: "#3507B4",
|
|
4193
4233
|
seafoam: "#0FEBC5",
|
|
4194
4234
|
buntingBlue: "#27AAFF",
|
|
@@ -4214,6 +4254,7 @@ var overrideColors = {
|
|
|
4214
4254
|
secondaryButtonGreyOverride: colors.secondaryButtonGrey,
|
|
4215
4255
|
thirdButtonGreyOverride: colors.thirdButtonGrey,
|
|
4216
4256
|
ibisRedOverride: colors.ibisRed,
|
|
4257
|
+
ibisRedDarkOverride: colors.ibisRedDark,
|
|
4217
4258
|
starlingOverride: colors.starling,
|
|
4218
4259
|
seafoamOverride: colors.seafoam,
|
|
4219
4260
|
buntingBlueOverride: colors.buntingBlue,
|
|
@@ -4237,6 +4278,7 @@ var darkColors = _objectSpread$5({
|
|
|
4237
4278
|
secondaryButtonGrey: colors.secondaryButtonGrey,
|
|
4238
4279
|
thirdButtonGrey: colors.thirdButtonGrey,
|
|
4239
4280
|
ibisRed: colors.ibisRed,
|
|
4281
|
+
ibisRedDark: colors.ibisRedDark,
|
|
4240
4282
|
starling: colors.starling,
|
|
4241
4283
|
seafoam: colors.seafoam,
|
|
4242
4284
|
buntingBlue: colors.buntingBlue,
|
|
@@ -4337,7 +4379,7 @@ var lightPalette = {
|
|
|
4337
4379
|
},
|
|
4338
4380
|
ibisRed: {
|
|
4339
4381
|
main: colors.ibisRed,
|
|
4340
|
-
dark:
|
|
4382
|
+
dark: colors.ibisRedDark
|
|
4341
4383
|
},
|
|
4342
4384
|
seafoam: {
|
|
4343
4385
|
light: colors.seafoam,
|
|
@@ -4460,7 +4502,8 @@ var darkPalette = {
|
|
|
4460
4502
|
contrastText: "#000"
|
|
4461
4503
|
},
|
|
4462
4504
|
ibisRed: {
|
|
4463
|
-
main: colors.ibisRed
|
|
4505
|
+
main: colors.ibisRed,
|
|
4506
|
+
dark: colors.ibisRedDark
|
|
4464
4507
|
},
|
|
4465
4508
|
seafoam: {
|
|
4466
4509
|
light: colors.seafoam,
|
package/dist/index.esm.js
CHANGED
|
@@ -11,7 +11,7 @@ import BookmarkOutlinedIcon from '@mui/icons-material/BookmarkOutlined';
|
|
|
11
11
|
import LockRoundedIcon from '@mui/icons-material/LockRounded';
|
|
12
12
|
import AddRoundedIcon from '@mui/icons-material/AddRounded';
|
|
13
13
|
import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded';
|
|
14
|
-
import '@mui/icons-material/DoNotDisturbRounded';
|
|
14
|
+
import DoNotDisturbRoundedIcon from '@mui/icons-material/DoNotDisturbRounded';
|
|
15
15
|
import FavoriteIcon from '@mui/icons-material/Favorite';
|
|
16
16
|
import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
|
|
17
17
|
import PauseRoundedIcon from '@mui/icons-material/PauseRounded';
|
|
@@ -2141,6 +2141,7 @@ var RatingInfo = function RatingInfo(_ref5) {
|
|
|
2141
2141
|
|
|
2142
2142
|
var ReportedWarning = function ReportedWarning(_ref6) {
|
|
2143
2143
|
var showWarning = _ref6.showWarning,
|
|
2144
|
+
blacklisted = _ref6.blacklisted,
|
|
2144
2145
|
saved = _ref6.saved,
|
|
2145
2146
|
count = _ref6.count,
|
|
2146
2147
|
onClick = _ref6.onClick;
|
|
@@ -2156,6 +2157,28 @@ var ReportedWarning = function ReportedWarning(_ref6) {
|
|
|
2156
2157
|
setHovering = _useState6[1];
|
|
2157
2158
|
|
|
2158
2159
|
var renderInfo = function renderInfo() {
|
|
2160
|
+
if (blacklisted) {
|
|
2161
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DoNotDisturbRoundedIcon, {
|
|
2162
|
+
sx: {
|
|
2163
|
+
marginBottom: "20px"
|
|
2164
|
+
}
|
|
2165
|
+
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
2166
|
+
sx: {
|
|
2167
|
+
fontSize: "18px",
|
|
2168
|
+
fontWeight: "600",
|
|
2169
|
+
color: "white.override"
|
|
2170
|
+
}
|
|
2171
|
+
}, "Blocked"), hovering && /*#__PURE__*/React__default.createElement(Button, {
|
|
2172
|
+
color: "whiteOverride",
|
|
2173
|
+
variant: "outlined",
|
|
2174
|
+
sx: {
|
|
2175
|
+
marginTop: "20px"
|
|
2176
|
+
},
|
|
2177
|
+
onClick: function onClick() {
|
|
2178
|
+
setShow(false);
|
|
2179
|
+
}
|
|
2180
|
+
}, "View"));
|
|
2181
|
+
}
|
|
2159
2182
|
|
|
2160
2183
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningRoundedIcon, {
|
|
2161
2184
|
sx: {
|
|
@@ -2268,15 +2291,28 @@ var BlerpTopRow = function BlerpTopRow(_ref7) {
|
|
|
2268
2291
|
};
|
|
2269
2292
|
|
|
2270
2293
|
var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
2271
|
-
var _bite$image, _bite$image$original;
|
|
2294
|
+
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original;
|
|
2272
2295
|
|
|
2273
2296
|
var Waveform = _ref8.Waveform,
|
|
2274
2297
|
bite = _ref8.bite,
|
|
2275
2298
|
playState = _ref8.playState,
|
|
2276
2299
|
play = _ref8.play,
|
|
2277
|
-
onTitleClick = _ref8.onTitleClick,
|
|
2278
|
-
|
|
2279
|
-
|
|
2300
|
+
_ref8$onTitleClick = _ref8.onTitleClick,
|
|
2301
|
+
onTitleClick = _ref8$onTitleClick === void 0 ? function () {
|
|
2302
|
+
console.log("onTitleClick");
|
|
2303
|
+
} : _ref8$onTitleClick,
|
|
2304
|
+
_ref8$onUsernameClick = _ref8.onUsernameClick,
|
|
2305
|
+
onUsernameClick = _ref8$onUsernameClick === void 0 ? function () {
|
|
2306
|
+
console.log("onUsernameClick");
|
|
2307
|
+
} : _ref8$onUsernameClick,
|
|
2308
|
+
_ref8$onFavoriteClick = _ref8.onFavoriteClick,
|
|
2309
|
+
onFavoriteClick = _ref8$onFavoriteClick === void 0 ? function () {
|
|
2310
|
+
console.log("onFavoriteClick");
|
|
2311
|
+
} : _ref8$onFavoriteClick,
|
|
2312
|
+
_ref8$onAddToPlace = _ref8.onAddToPlace,
|
|
2313
|
+
onAddToPlace = _ref8$onAddToPlace === void 0 ? function () {
|
|
2314
|
+
console.log("onAddToPlace");
|
|
2315
|
+
} : _ref8$onAddToPlace,
|
|
2280
2316
|
_ref8$trending = _ref8.trending,
|
|
2281
2317
|
trending = _ref8$trending === void 0 ? false : _ref8$trending;
|
|
2282
2318
|
|
|
@@ -2356,9 +2392,10 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2356
2392
|
});
|
|
2357
2393
|
};
|
|
2358
2394
|
|
|
2359
|
-
var handleAddToPlace = function handleAddToPlace(
|
|
2395
|
+
var handleAddToPlace = function handleAddToPlace(e) {
|
|
2360
2396
|
setAddedToPlace(true);
|
|
2361
|
-
console.log(place);
|
|
2397
|
+
onAddToPlace(); // console.log(e, place);
|
|
2398
|
+
|
|
2362
2399
|
setTimeout(function () {
|
|
2363
2400
|
setAddedToPlace(false);
|
|
2364
2401
|
}, 2000);
|
|
@@ -2373,7 +2410,8 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2373
2410
|
background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
|
|
2374
2411
|
}
|
|
2375
2412
|
}, /*#__PURE__*/React__default.createElement(ReportedWarning, {
|
|
2376
|
-
showWarning:
|
|
2413
|
+
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,
|
|
2414
|
+
blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
|
|
2377
2415
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2378
2416
|
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2379
2417
|
onClick: function onClick() {
|
|
@@ -4114,6 +4152,7 @@ var colors = {
|
|
|
4114
4152
|
secondaryButtonGrey: "#8A8587",
|
|
4115
4153
|
thirdButtonGrey: "#BEBEBC",
|
|
4116
4154
|
ibisRed: "#FE295C",
|
|
4155
|
+
ibisRedDark: "#B43757",
|
|
4117
4156
|
starling: "#3507B4",
|
|
4118
4157
|
seafoam: "#0FEBC5",
|
|
4119
4158
|
buntingBlue: "#27AAFF",
|
|
@@ -4139,6 +4178,7 @@ var overrideColors = {
|
|
|
4139
4178
|
secondaryButtonGreyOverride: colors.secondaryButtonGrey,
|
|
4140
4179
|
thirdButtonGreyOverride: colors.thirdButtonGrey,
|
|
4141
4180
|
ibisRedOverride: colors.ibisRed,
|
|
4181
|
+
ibisRedDarkOverride: colors.ibisRedDark,
|
|
4142
4182
|
starlingOverride: colors.starling,
|
|
4143
4183
|
seafoamOverride: colors.seafoam,
|
|
4144
4184
|
buntingBlueOverride: colors.buntingBlue,
|
|
@@ -4162,6 +4202,7 @@ var darkColors = _objectSpread$5({
|
|
|
4162
4202
|
secondaryButtonGrey: colors.secondaryButtonGrey,
|
|
4163
4203
|
thirdButtonGrey: colors.thirdButtonGrey,
|
|
4164
4204
|
ibisRed: colors.ibisRed,
|
|
4205
|
+
ibisRedDark: colors.ibisRedDark,
|
|
4165
4206
|
starling: colors.starling,
|
|
4166
4207
|
seafoam: colors.seafoam,
|
|
4167
4208
|
buntingBlue: colors.buntingBlue,
|
|
@@ -4262,7 +4303,7 @@ var lightPalette = {
|
|
|
4262
4303
|
},
|
|
4263
4304
|
ibisRed: {
|
|
4264
4305
|
main: colors.ibisRed,
|
|
4265
|
-
dark:
|
|
4306
|
+
dark: colors.ibisRedDark
|
|
4266
4307
|
},
|
|
4267
4308
|
seafoam: {
|
|
4268
4309
|
light: colors.seafoam,
|
|
@@ -4385,7 +4426,8 @@ var darkPalette = {
|
|
|
4385
4426
|
contrastText: "#000"
|
|
4386
4427
|
},
|
|
4387
4428
|
ibisRed: {
|
|
4388
|
-
main: colors.ibisRed
|
|
4429
|
+
main: colors.ibisRed,
|
|
4430
|
+
dark: colors.ibisRedDark
|
|
4389
4431
|
},
|
|
4390
4432
|
seafoam: {
|
|
4391
4433
|
light: colors.seafoam,
|
package/dist/index.umd.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
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/AddRounded'), require('@mui/icons-material/ArrowDropDownRounded'), 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('@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('@babel/runtime/helpers/defineProperty'), 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/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'), require('@mui/icons-material/VisibilityOffRounded')) :
|
|
3
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/AddRounded', '@mui/icons-material/ArrowDropDownRounded', '@mui/icons-material/DoNotDisturbRounded', '@mui/icons-material/Favorite', '@mui/icons-material/FavoriteBorder', '@mui/icons-material/PauseRounded', '@mui/icons-material/PlayArrowRounded', '@mui/icons-material/WarningRounded', '@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', '@babel/runtime/helpers/defineProperty', '@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/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', '@mui/icons-material/VisibilityOffRounded'], 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.AddRoundedIcon, global.ArrowDropDownRoundedIcon,
|
|
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.AddRoundedIcon, global.ArrowDropDownRoundedIcon, global.DoNotDisturbRoundedIcon, global.FavoriteIcon, global.FavoriteBorderIcon, global.PauseRoundedIcon, global.PlayArrowRoundedIcon, global.WarningRoundedIcon, global._asyncToGenerator, global._regeneratorRuntime, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, 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, global.VisibilityOffRoundedIcon));
|
|
5
5
|
}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, AddRoundedIcon, ArrowDropDownRoundedIcon, DoNotDisturbRoundedIcon, FavoriteIcon, FavoriteBorderIcon, PauseRoundedIcon, PlayArrowRoundedIcon, WarningRoundedIcon, _asyncToGenerator, _regeneratorRuntime, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
var LockRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(LockRoundedIcon);
|
|
37
37
|
var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
|
|
38
38
|
var ArrowDropDownRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDropDownRoundedIcon);
|
|
39
|
+
var DoNotDisturbRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DoNotDisturbRoundedIcon);
|
|
39
40
|
var FavoriteIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteIcon);
|
|
40
41
|
var FavoriteBorderIcon__default = /*#__PURE__*/_interopDefaultLegacy(FavoriteBorderIcon);
|
|
41
42
|
var PauseRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(PauseRoundedIcon);
|
|
@@ -2161,6 +2162,7 @@
|
|
|
2161
2162
|
|
|
2162
2163
|
var ReportedWarning = function ReportedWarning(_ref6) {
|
|
2163
2164
|
var showWarning = _ref6.showWarning,
|
|
2165
|
+
blacklisted = _ref6.blacklisted,
|
|
2164
2166
|
saved = _ref6.saved,
|
|
2165
2167
|
count = _ref6.count,
|
|
2166
2168
|
onClick = _ref6.onClick;
|
|
@@ -2176,6 +2178,28 @@
|
|
|
2176
2178
|
setHovering = _useState6[1];
|
|
2177
2179
|
|
|
2178
2180
|
var renderInfo = function renderInfo() {
|
|
2181
|
+
if (blacklisted) {
|
|
2182
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DoNotDisturbRoundedIcon__default['default'], {
|
|
2183
|
+
sx: {
|
|
2184
|
+
marginBottom: "20px"
|
|
2185
|
+
}
|
|
2186
|
+
}), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
2187
|
+
sx: {
|
|
2188
|
+
fontSize: "18px",
|
|
2189
|
+
fontWeight: "600",
|
|
2190
|
+
color: "white.override"
|
|
2191
|
+
}
|
|
2192
|
+
}, "Blocked"), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
2193
|
+
color: "whiteOverride",
|
|
2194
|
+
variant: "outlined",
|
|
2195
|
+
sx: {
|
|
2196
|
+
marginTop: "20px"
|
|
2197
|
+
},
|
|
2198
|
+
onClick: function onClick() {
|
|
2199
|
+
setShow(false);
|
|
2200
|
+
}
|
|
2201
|
+
}, "View"));
|
|
2202
|
+
}
|
|
2179
2203
|
|
|
2180
2204
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(WarningRoundedIcon__default['default'], {
|
|
2181
2205
|
sx: {
|
|
@@ -2288,15 +2312,28 @@
|
|
|
2288
2312
|
};
|
|
2289
2313
|
|
|
2290
2314
|
var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
2291
|
-
var _bite$image, _bite$image$original;
|
|
2315
|
+
var _bite$blacklistContex, _bite$reportedContent, _bite$blacklistContex2, _bite$image, _bite$image$original;
|
|
2292
2316
|
|
|
2293
2317
|
var Waveform = _ref8.Waveform,
|
|
2294
2318
|
bite = _ref8.bite,
|
|
2295
2319
|
playState = _ref8.playState,
|
|
2296
2320
|
play = _ref8.play,
|
|
2297
|
-
onTitleClick = _ref8.onTitleClick,
|
|
2298
|
-
|
|
2299
|
-
|
|
2321
|
+
_ref8$onTitleClick = _ref8.onTitleClick,
|
|
2322
|
+
onTitleClick = _ref8$onTitleClick === void 0 ? function () {
|
|
2323
|
+
console.log("onTitleClick");
|
|
2324
|
+
} : _ref8$onTitleClick,
|
|
2325
|
+
_ref8$onUsernameClick = _ref8.onUsernameClick,
|
|
2326
|
+
onUsernameClick = _ref8$onUsernameClick === void 0 ? function () {
|
|
2327
|
+
console.log("onUsernameClick");
|
|
2328
|
+
} : _ref8$onUsernameClick,
|
|
2329
|
+
_ref8$onFavoriteClick = _ref8.onFavoriteClick,
|
|
2330
|
+
onFavoriteClick = _ref8$onFavoriteClick === void 0 ? function () {
|
|
2331
|
+
console.log("onFavoriteClick");
|
|
2332
|
+
} : _ref8$onFavoriteClick,
|
|
2333
|
+
_ref8$onAddToPlace = _ref8.onAddToPlace,
|
|
2334
|
+
onAddToPlace = _ref8$onAddToPlace === void 0 ? function () {
|
|
2335
|
+
console.log("onAddToPlace");
|
|
2336
|
+
} : _ref8$onAddToPlace,
|
|
2300
2337
|
_ref8$trending = _ref8.trending,
|
|
2301
2338
|
trending = _ref8$trending === void 0 ? false : _ref8$trending;
|
|
2302
2339
|
|
|
@@ -2376,9 +2413,10 @@
|
|
|
2376
2413
|
});
|
|
2377
2414
|
};
|
|
2378
2415
|
|
|
2379
|
-
var handleAddToPlace = function handleAddToPlace(
|
|
2416
|
+
var handleAddToPlace = function handleAddToPlace(e) {
|
|
2380
2417
|
setAddedToPlace(true);
|
|
2381
|
-
console.log(place);
|
|
2418
|
+
onAddToPlace(); // console.log(e, place);
|
|
2419
|
+
|
|
2382
2420
|
setTimeout(function () {
|
|
2383
2421
|
setAddedToPlace(false);
|
|
2384
2422
|
}, 2000);
|
|
@@ -2393,7 +2431,8 @@
|
|
|
2393
2431
|
background: addedToPlace ? "white" : (bite === null || bite === void 0 ? void 0 : bite.isPremium) && "linear-gradient(315deg, #a839ff 0%, #53c3db 100%)"
|
|
2394
2432
|
}
|
|
2395
2433
|
}, /*#__PURE__*/React__default['default'].createElement(ReportedWarning, {
|
|
2396
|
-
showWarning:
|
|
2434
|
+
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,
|
|
2435
|
+
blacklisted: bite === null || bite === void 0 ? void 0 : (_bite$blacklistContex2 = bite.blacklistContext) === null || _bite$blacklistContex2 === void 0 ? void 0 : _bite$blacklistContex2._id,
|
|
2397
2436
|
saved: bite === null || bite === void 0 ? void 0 : bite.saved,
|
|
2398
2437
|
count: bite === null || bite === void 0 ? void 0 : bite.totalSaveCount,
|
|
2399
2438
|
onClick: function onClick() {
|
|
@@ -4134,6 +4173,7 @@
|
|
|
4134
4173
|
secondaryButtonGrey: "#8A8587",
|
|
4135
4174
|
thirdButtonGrey: "#BEBEBC",
|
|
4136
4175
|
ibisRed: "#FE295C",
|
|
4176
|
+
ibisRedDark: "#B43757",
|
|
4137
4177
|
starling: "#3507B4",
|
|
4138
4178
|
seafoam: "#0FEBC5",
|
|
4139
4179
|
buntingBlue: "#27AAFF",
|
|
@@ -4159,6 +4199,7 @@
|
|
|
4159
4199
|
secondaryButtonGreyOverride: colors.secondaryButtonGrey,
|
|
4160
4200
|
thirdButtonGreyOverride: colors.thirdButtonGrey,
|
|
4161
4201
|
ibisRedOverride: colors.ibisRed,
|
|
4202
|
+
ibisRedDarkOverride: colors.ibisRedDark,
|
|
4162
4203
|
starlingOverride: colors.starling,
|
|
4163
4204
|
seafoamOverride: colors.seafoam,
|
|
4164
4205
|
buntingBlueOverride: colors.buntingBlue,
|
|
@@ -4182,6 +4223,7 @@
|
|
|
4182
4223
|
secondaryButtonGrey: colors.secondaryButtonGrey,
|
|
4183
4224
|
thirdButtonGrey: colors.thirdButtonGrey,
|
|
4184
4225
|
ibisRed: colors.ibisRed,
|
|
4226
|
+
ibisRedDark: colors.ibisRedDark,
|
|
4185
4227
|
starling: colors.starling,
|
|
4186
4228
|
seafoam: colors.seafoam,
|
|
4187
4229
|
buntingBlue: colors.buntingBlue,
|
|
@@ -4282,7 +4324,7 @@
|
|
|
4282
4324
|
},
|
|
4283
4325
|
ibisRed: {
|
|
4284
4326
|
main: colors.ibisRed,
|
|
4285
|
-
dark:
|
|
4327
|
+
dark: colors.ibisRedDark
|
|
4286
4328
|
},
|
|
4287
4329
|
seafoam: {
|
|
4288
4330
|
light: colors.seafoam,
|
|
@@ -4405,7 +4447,8 @@
|
|
|
4405
4447
|
contrastText: "#000"
|
|
4406
4448
|
},
|
|
4407
4449
|
ibisRed: {
|
|
4408
|
-
main: colors.ibisRed
|
|
4450
|
+
main: colors.ibisRed,
|
|
4451
|
+
dark: colors.ibisRedDark
|
|
4409
4452
|
},
|
|
4410
4453
|
seafoam: {
|
|
4411
4454
|
light: colors.seafoam,
|