@blerp/design 1.0.35 → 1.0.39
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 +20 -11
- package/dist/index.esm.js +20 -11
- package/dist/index.umd.js +20 -11
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -366,7 +366,7 @@ var BlerpSavePopup = function BlerpSavePopup(_ref) {
|
|
|
366
366
|
onClick: function onClick() {
|
|
367
367
|
return setOpenSave(false);
|
|
368
368
|
}
|
|
369
|
-
}, "DONE"), unsaveButton ? unsaveButton : /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
369
|
+
}, "DONE"), unsaveButton ? unsaveButton : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (!bite.isPremium || !bite.owned) && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
370
370
|
onClick: function onClick() {
|
|
371
371
|
handleClickUnsave();
|
|
372
372
|
setOpenSave(false);
|
|
@@ -385,7 +385,7 @@ var BlerpSavePopup = function BlerpSavePopup(_ref) {
|
|
|
385
385
|
margin: "0"
|
|
386
386
|
}
|
|
387
387
|
})
|
|
388
|
-
}, "UNSAVE")));
|
|
388
|
+
}, "UNSAVE"))));
|
|
389
389
|
};
|
|
390
390
|
|
|
391
391
|
var _templateObject$d;
|
|
@@ -393,6 +393,7 @@ var LineClamp$2 = styled__default['default'].div(_templateObject$d || (_template
|
|
|
393
393
|
|
|
394
394
|
var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
395
395
|
var bite = _ref.bite,
|
|
396
|
+
title = _ref.title,
|
|
396
397
|
isLinkTitle = _ref.isLinkTitle,
|
|
397
398
|
handleClickTitle = _ref.handleClickTitle,
|
|
398
399
|
isPremium = _ref.isPremium,
|
|
@@ -426,7 +427,7 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
|
426
427
|
}
|
|
427
428
|
},
|
|
428
429
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
429
|
-
}, bite.title)));
|
|
430
|
+
}, title || bite.title)));
|
|
430
431
|
}
|
|
431
432
|
|
|
432
433
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
@@ -459,7 +460,7 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
|
459
460
|
}
|
|
460
461
|
},
|
|
461
462
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
462
|
-
}, bite.title))) : /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
|
|
463
|
+
}, title || bite.title))) : /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
|
|
463
464
|
onClick: function onClick(e) {
|
|
464
465
|
if (handleClickTitle) {
|
|
465
466
|
e.stopPropagation();
|
|
@@ -476,7 +477,7 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
|
476
477
|
}
|
|
477
478
|
},
|
|
478
479
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
479
|
-
}, bite.title)));
|
|
480
|
+
}, title || bite.title)));
|
|
480
481
|
};
|
|
481
482
|
|
|
482
483
|
var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
|
|
@@ -1096,7 +1097,7 @@ var reactionIconUrls$1 = {
|
|
|
1096
1097
|
FUNNY: "https://storage.googleapis.com/blerp_products/Icons/Funny%403x.svg",
|
|
1097
1098
|
MUSIC: "https://storage.googleapis.com/blerp_products/Icons/Music%403x.svg",
|
|
1098
1099
|
NSFW: "https://storage.googleapis.com/blerp_products/Icons/NSFW%403x.svg",
|
|
1099
|
-
SAD: "https://storage.googleapis.com/blerp_products/Icons/Sad
|
|
1100
|
+
SAD: "https://storage.googleapis.com/blerp_products/Icons/Sad.svg",
|
|
1100
1101
|
SCARY: "https://storage.googleapis.com/blerp_products/Icons/Scary%403x.svg",
|
|
1101
1102
|
ANGRY: "https://storage.googleapis.com/blerp_products/Icons/Anger%403x.svg",
|
|
1102
1103
|
HAPPY: "https://storage.googleapis.com/blerp_products/Icons/Happy%403x.svg",
|
|
@@ -1108,6 +1109,7 @@ var Blerp$1 = function Blerp(_ref) {
|
|
|
1108
1109
|
var _bite$image, _bite$image$original;
|
|
1109
1110
|
|
|
1110
1111
|
var bite = _ref.bite,
|
|
1112
|
+
title = _ref.title,
|
|
1111
1113
|
variantSize = _ref.variantSize,
|
|
1112
1114
|
isSelected = _ref.isSelected,
|
|
1113
1115
|
playingState = _ref.playingState,
|
|
@@ -1253,7 +1255,7 @@ var Blerp$1 = function Blerp(_ref) {
|
|
|
1253
1255
|
right: "0",
|
|
1254
1256
|
transition: "background .15s ease-in-out",
|
|
1255
1257
|
background: profileColors ? "linear-gradient(180deg, ".concat(profileColors[0]).concat(isPremium ? isLocked ? isBlerpHovered ? "C4" : "78" : isBlerpHovered ? "" : "C4" : "0", ", ").concat(theme.colors.grey5Override).concat(isPremium ? isLocked ? isBlerpHovered ? "C4" : "78" : isBlerpHovered ? "" : "C4" : "0", ")") : "",
|
|
1256
|
-
backgroundColor: !profileColors && "grey5.override"
|
|
1258
|
+
backgroundColor: isPremium && !profileColors && "grey5.override"
|
|
1257
1259
|
}
|
|
1258
1260
|
}), /*#__PURE__*/React__default['default'].createElement(reactColorExtractor.ColorExtractor, {
|
|
1259
1261
|
src: bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url,
|
|
@@ -1288,6 +1290,7 @@ var Blerp$1 = function Blerp(_ref) {
|
|
|
1288
1290
|
handleClickLock: handleClickLock
|
|
1289
1291
|
}), /*#__PURE__*/React__default['default'].createElement(BlerpTitleRow, {
|
|
1290
1292
|
bite: bite,
|
|
1293
|
+
title: title,
|
|
1291
1294
|
isLinkTitle: isLinkTitle,
|
|
1292
1295
|
handleClickTitle: handleClickTitle,
|
|
1293
1296
|
isPremium: isPremium,
|
|
@@ -7032,7 +7035,9 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7032
7035
|
handleClickBackground = _ref.handleClickBackground,
|
|
7033
7036
|
handleClickSave = _ref.handleClickSave,
|
|
7034
7037
|
handleClickView = _ref.handleClickView,
|
|
7035
|
-
handleClickUnlock = _ref.handleClickUnlock
|
|
7038
|
+
handleClickUnlock = _ref.handleClickUnlock;
|
|
7039
|
+
_ref.handleClickPrimaryAction;
|
|
7040
|
+
var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
|
|
7036
7041
|
primaryActionButton = _ref.primaryActionButton,
|
|
7037
7042
|
secondaryActionButton = _ref.secondaryActionButton,
|
|
7038
7043
|
fluid = _ref.fluid,
|
|
@@ -7320,6 +7325,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7320
7325
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
7321
7326
|
onClick: function onClick(e) {
|
|
7322
7327
|
e.stopPropagation(); // NEEDS TO DIRECT TO CREATOR'S PROFILE
|
|
7328
|
+
|
|
7329
|
+
handleClickSecondaryAction();
|
|
7323
7330
|
},
|
|
7324
7331
|
sx: {
|
|
7325
7332
|
position: "absolute",
|
|
@@ -7462,9 +7469,9 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7462
7469
|
handleClickSave = _ref.handleClickSave,
|
|
7463
7470
|
handleClickDrag = _ref.handleClickDrag,
|
|
7464
7471
|
handleClickView = _ref.handleClickView,
|
|
7465
|
-
handleClickUnlock = _ref.handleClickUnlock
|
|
7466
|
-
_ref.handleClickPrimaryAction
|
|
7467
|
-
|
|
7472
|
+
handleClickUnlock = _ref.handleClickUnlock,
|
|
7473
|
+
handleClickPrimaryAction = _ref.handleClickPrimaryAction,
|
|
7474
|
+
handleClickSecondaryAction = _ref.handleClickSecondaryAction,
|
|
7468
7475
|
primaryActionButton = _ref.primaryActionButton,
|
|
7469
7476
|
secondaryActionButton = _ref.secondaryActionButton,
|
|
7470
7477
|
fluid = _ref.fluid,
|
|
@@ -7588,6 +7595,8 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7588
7595
|
handleClickUnlock: handleClickUnlock,
|
|
7589
7596
|
handleClickSave: handleClickSave,
|
|
7590
7597
|
handleClickDrag: handleClickDrag,
|
|
7598
|
+
handleClickPrimaryAction: handleClickPrimaryAction,
|
|
7599
|
+
handleClickSecondaryAction: handleClickSecondaryAction,
|
|
7591
7600
|
primaryActionButton: primaryActionButton,
|
|
7592
7601
|
secondaryActionButton: secondaryActionButton,
|
|
7593
7602
|
fluid: fluid,
|
package/dist/index.esm.js
CHANGED
|
@@ -319,7 +319,7 @@ var BlerpSavePopup = function BlerpSavePopup(_ref) {
|
|
|
319
319
|
onClick: function onClick() {
|
|
320
320
|
return setOpenSave(false);
|
|
321
321
|
}
|
|
322
|
-
}, "DONE"), unsaveButton ? unsaveButton : /*#__PURE__*/React.createElement(Button, {
|
|
322
|
+
}, "DONE"), unsaveButton ? unsaveButton : /*#__PURE__*/React.createElement(React.Fragment, null, (!bite.isPremium || !bite.owned) && /*#__PURE__*/React.createElement(Button, {
|
|
323
323
|
onClick: function onClick() {
|
|
324
324
|
handleClickUnsave();
|
|
325
325
|
setOpenSave(false);
|
|
@@ -338,7 +338,7 @@ var BlerpSavePopup = function BlerpSavePopup(_ref) {
|
|
|
338
338
|
margin: "0"
|
|
339
339
|
}
|
|
340
340
|
})
|
|
341
|
-
}, "UNSAVE")));
|
|
341
|
+
}, "UNSAVE"))));
|
|
342
342
|
};
|
|
343
343
|
|
|
344
344
|
var _templateObject$d;
|
|
@@ -346,6 +346,7 @@ var LineClamp$2 = styled.div(_templateObject$d || (_templateObject$d = _taggedTe
|
|
|
346
346
|
|
|
347
347
|
var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
348
348
|
var bite = _ref.bite,
|
|
349
|
+
title = _ref.title,
|
|
349
350
|
isLinkTitle = _ref.isLinkTitle,
|
|
350
351
|
handleClickTitle = _ref.handleClickTitle,
|
|
351
352
|
isPremium = _ref.isPremium,
|
|
@@ -379,7 +380,7 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
|
379
380
|
}
|
|
380
381
|
},
|
|
381
382
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
382
|
-
}, bite.title)));
|
|
383
|
+
}, title || bite.title)));
|
|
383
384
|
}
|
|
384
385
|
|
|
385
386
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -412,7 +413,7 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
|
412
413
|
}
|
|
413
414
|
},
|
|
414
415
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
415
|
-
}, bite.title))) : /*#__PURE__*/React.createElement(LineClamp$2, {
|
|
416
|
+
}, title || bite.title))) : /*#__PURE__*/React.createElement(LineClamp$2, {
|
|
416
417
|
onClick: function onClick(e) {
|
|
417
418
|
if (handleClickTitle) {
|
|
418
419
|
e.stopPropagation();
|
|
@@ -429,7 +430,7 @@ var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
|
429
430
|
}
|
|
430
431
|
},
|
|
431
432
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
432
|
-
}, bite.title)));
|
|
433
|
+
}, title || bite.title)));
|
|
433
434
|
};
|
|
434
435
|
|
|
435
436
|
var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
|
|
@@ -1049,7 +1050,7 @@ var reactionIconUrls$1 = {
|
|
|
1049
1050
|
FUNNY: "https://storage.googleapis.com/blerp_products/Icons/Funny%403x.svg",
|
|
1050
1051
|
MUSIC: "https://storage.googleapis.com/blerp_products/Icons/Music%403x.svg",
|
|
1051
1052
|
NSFW: "https://storage.googleapis.com/blerp_products/Icons/NSFW%403x.svg",
|
|
1052
|
-
SAD: "https://storage.googleapis.com/blerp_products/Icons/Sad
|
|
1053
|
+
SAD: "https://storage.googleapis.com/blerp_products/Icons/Sad.svg",
|
|
1053
1054
|
SCARY: "https://storage.googleapis.com/blerp_products/Icons/Scary%403x.svg",
|
|
1054
1055
|
ANGRY: "https://storage.googleapis.com/blerp_products/Icons/Anger%403x.svg",
|
|
1055
1056
|
HAPPY: "https://storage.googleapis.com/blerp_products/Icons/Happy%403x.svg",
|
|
@@ -1061,6 +1062,7 @@ var Blerp$1 = function Blerp(_ref) {
|
|
|
1061
1062
|
var _bite$image, _bite$image$original;
|
|
1062
1063
|
|
|
1063
1064
|
var bite = _ref.bite,
|
|
1065
|
+
title = _ref.title,
|
|
1064
1066
|
variantSize = _ref.variantSize,
|
|
1065
1067
|
isSelected = _ref.isSelected,
|
|
1066
1068
|
playingState = _ref.playingState,
|
|
@@ -1206,7 +1208,7 @@ var Blerp$1 = function Blerp(_ref) {
|
|
|
1206
1208
|
right: "0",
|
|
1207
1209
|
transition: "background .15s ease-in-out",
|
|
1208
1210
|
background: profileColors ? "linear-gradient(180deg, ".concat(profileColors[0]).concat(isPremium ? isLocked ? isBlerpHovered ? "C4" : "78" : isBlerpHovered ? "" : "C4" : "0", ", ").concat(theme.colors.grey5Override).concat(isPremium ? isLocked ? isBlerpHovered ? "C4" : "78" : isBlerpHovered ? "" : "C4" : "0", ")") : "",
|
|
1209
|
-
backgroundColor: !profileColors && "grey5.override"
|
|
1211
|
+
backgroundColor: isPremium && !profileColors && "grey5.override"
|
|
1210
1212
|
}
|
|
1211
1213
|
}), /*#__PURE__*/React.createElement(ColorExtractor, {
|
|
1212
1214
|
src: bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url,
|
|
@@ -1241,6 +1243,7 @@ var Blerp$1 = function Blerp(_ref) {
|
|
|
1241
1243
|
handleClickLock: handleClickLock
|
|
1242
1244
|
}), /*#__PURE__*/React.createElement(BlerpTitleRow, {
|
|
1243
1245
|
bite: bite,
|
|
1246
|
+
title: title,
|
|
1244
1247
|
isLinkTitle: isLinkTitle,
|
|
1245
1248
|
handleClickTitle: handleClickTitle,
|
|
1246
1249
|
isPremium: isPremium,
|
|
@@ -6985,7 +6988,9 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
6985
6988
|
handleClickBackground = _ref.handleClickBackground,
|
|
6986
6989
|
handleClickSave = _ref.handleClickSave,
|
|
6987
6990
|
handleClickView = _ref.handleClickView,
|
|
6988
|
-
handleClickUnlock = _ref.handleClickUnlock
|
|
6991
|
+
handleClickUnlock = _ref.handleClickUnlock;
|
|
6992
|
+
_ref.handleClickPrimaryAction;
|
|
6993
|
+
var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
|
|
6989
6994
|
primaryActionButton = _ref.primaryActionButton,
|
|
6990
6995
|
secondaryActionButton = _ref.secondaryActionButton,
|
|
6991
6996
|
fluid = _ref.fluid,
|
|
@@ -7273,6 +7278,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7273
7278
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
7274
7279
|
onClick: function onClick(e) {
|
|
7275
7280
|
e.stopPropagation(); // NEEDS TO DIRECT TO CREATOR'S PROFILE
|
|
7281
|
+
|
|
7282
|
+
handleClickSecondaryAction();
|
|
7276
7283
|
},
|
|
7277
7284
|
sx: {
|
|
7278
7285
|
position: "absolute",
|
|
@@ -7415,9 +7422,9 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7415
7422
|
handleClickSave = _ref.handleClickSave,
|
|
7416
7423
|
handleClickDrag = _ref.handleClickDrag,
|
|
7417
7424
|
handleClickView = _ref.handleClickView,
|
|
7418
|
-
handleClickUnlock = _ref.handleClickUnlock
|
|
7419
|
-
_ref.handleClickPrimaryAction
|
|
7420
|
-
|
|
7425
|
+
handleClickUnlock = _ref.handleClickUnlock,
|
|
7426
|
+
handleClickPrimaryAction = _ref.handleClickPrimaryAction,
|
|
7427
|
+
handleClickSecondaryAction = _ref.handleClickSecondaryAction,
|
|
7421
7428
|
primaryActionButton = _ref.primaryActionButton,
|
|
7422
7429
|
secondaryActionButton = _ref.secondaryActionButton,
|
|
7423
7430
|
fluid = _ref.fluid,
|
|
@@ -7541,6 +7548,8 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
7541
7548
|
handleClickUnlock: handleClickUnlock,
|
|
7542
7549
|
handleClickSave: handleClickSave,
|
|
7543
7550
|
handleClickDrag: handleClickDrag,
|
|
7551
|
+
handleClickPrimaryAction: handleClickPrimaryAction,
|
|
7552
|
+
handleClickSecondaryAction: handleClickSecondaryAction,
|
|
7544
7553
|
primaryActionButton: primaryActionButton,
|
|
7545
7554
|
secondaryActionButton: secondaryActionButton,
|
|
7546
7555
|
fluid: fluid,
|
package/dist/index.umd.js
CHANGED
|
@@ -320,7 +320,7 @@
|
|
|
320
320
|
onClick: function onClick() {
|
|
321
321
|
return setOpenSave(false);
|
|
322
322
|
}
|
|
323
|
-
}, "DONE"), unsaveButton ? unsaveButton : /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
323
|
+
}, "DONE"), unsaveButton ? unsaveButton : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (!bite.isPremium || !bite.owned) && /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
324
324
|
onClick: function onClick() {
|
|
325
325
|
handleClickUnsave();
|
|
326
326
|
setOpenSave(false);
|
|
@@ -339,7 +339,7 @@
|
|
|
339
339
|
margin: "0"
|
|
340
340
|
}
|
|
341
341
|
})
|
|
342
|
-
}, "UNSAVE")));
|
|
342
|
+
}, "UNSAVE"))));
|
|
343
343
|
};
|
|
344
344
|
|
|
345
345
|
var _templateObject$d;
|
|
@@ -347,6 +347,7 @@
|
|
|
347
347
|
|
|
348
348
|
var BlerpTitleRow = function BlerpTitleRow(_ref) {
|
|
349
349
|
var bite = _ref.bite,
|
|
350
|
+
title = _ref.title,
|
|
350
351
|
isLinkTitle = _ref.isLinkTitle,
|
|
351
352
|
handleClickTitle = _ref.handleClickTitle,
|
|
352
353
|
isPremium = _ref.isPremium,
|
|
@@ -380,7 +381,7 @@
|
|
|
380
381
|
}
|
|
381
382
|
},
|
|
382
383
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
383
|
-
}, bite.title)));
|
|
384
|
+
}, title || bite.title)));
|
|
384
385
|
}
|
|
385
386
|
|
|
386
387
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
@@ -413,7 +414,7 @@
|
|
|
413
414
|
}
|
|
414
415
|
},
|
|
415
416
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
416
|
-
}, bite.title))) : /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
|
|
417
|
+
}, title || bite.title))) : /*#__PURE__*/React__default['default'].createElement(LineClamp$2, {
|
|
417
418
|
onClick: function onClick(e) {
|
|
418
419
|
if (handleClickTitle) {
|
|
419
420
|
e.stopPropagation();
|
|
@@ -430,7 +431,7 @@
|
|
|
430
431
|
}
|
|
431
432
|
},
|
|
432
433
|
lineHeight: sizeParams.buttonSize === "small" ? "16px" : "24px"
|
|
433
|
-
}, bite.title)));
|
|
434
|
+
}, title || bite.title)));
|
|
434
435
|
};
|
|
435
436
|
|
|
436
437
|
var PlayOutlineIcon = function PlayOutlineIcon(_ref) {
|
|
@@ -1050,7 +1051,7 @@
|
|
|
1050
1051
|
FUNNY: "https://storage.googleapis.com/blerp_products/Icons/Funny%403x.svg",
|
|
1051
1052
|
MUSIC: "https://storage.googleapis.com/blerp_products/Icons/Music%403x.svg",
|
|
1052
1053
|
NSFW: "https://storage.googleapis.com/blerp_products/Icons/NSFW%403x.svg",
|
|
1053
|
-
SAD: "https://storage.googleapis.com/blerp_products/Icons/Sad
|
|
1054
|
+
SAD: "https://storage.googleapis.com/blerp_products/Icons/Sad.svg",
|
|
1054
1055
|
SCARY: "https://storage.googleapis.com/blerp_products/Icons/Scary%403x.svg",
|
|
1055
1056
|
ANGRY: "https://storage.googleapis.com/blerp_products/Icons/Anger%403x.svg",
|
|
1056
1057
|
HAPPY: "https://storage.googleapis.com/blerp_products/Icons/Happy%403x.svg",
|
|
@@ -1062,6 +1063,7 @@
|
|
|
1062
1063
|
var _bite$image, _bite$image$original;
|
|
1063
1064
|
|
|
1064
1065
|
var bite = _ref.bite,
|
|
1066
|
+
title = _ref.title,
|
|
1065
1067
|
variantSize = _ref.variantSize,
|
|
1066
1068
|
isSelected = _ref.isSelected,
|
|
1067
1069
|
playingState = _ref.playingState,
|
|
@@ -1207,7 +1209,7 @@
|
|
|
1207
1209
|
right: "0",
|
|
1208
1210
|
transition: "background .15s ease-in-out",
|
|
1209
1211
|
background: profileColors ? "linear-gradient(180deg, ".concat(profileColors[0]).concat(isPremium ? isLocked ? isBlerpHovered ? "C4" : "78" : isBlerpHovered ? "" : "C4" : "0", ", ").concat(theme.colors.grey5Override).concat(isPremium ? isLocked ? isBlerpHovered ? "C4" : "78" : isBlerpHovered ? "" : "C4" : "0", ")") : "",
|
|
1210
|
-
backgroundColor: !profileColors && "grey5.override"
|
|
1212
|
+
backgroundColor: isPremium && !profileColors && "grey5.override"
|
|
1211
1213
|
}
|
|
1212
1214
|
}), /*#__PURE__*/React__default['default'].createElement(reactColorExtractor.ColorExtractor, {
|
|
1213
1215
|
src: bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url,
|
|
@@ -1242,6 +1244,7 @@
|
|
|
1242
1244
|
handleClickLock: handleClickLock
|
|
1243
1245
|
}), /*#__PURE__*/React__default['default'].createElement(BlerpTitleRow, {
|
|
1244
1246
|
bite: bite,
|
|
1247
|
+
title: title,
|
|
1245
1248
|
isLinkTitle: isLinkTitle,
|
|
1246
1249
|
handleClickTitle: handleClickTitle,
|
|
1247
1250
|
isPremium: isPremium,
|
|
@@ -6986,7 +6989,9 @@
|
|
|
6986
6989
|
handleClickBackground = _ref.handleClickBackground,
|
|
6987
6990
|
handleClickSave = _ref.handleClickSave,
|
|
6988
6991
|
handleClickView = _ref.handleClickView,
|
|
6989
|
-
handleClickUnlock = _ref.handleClickUnlock
|
|
6992
|
+
handleClickUnlock = _ref.handleClickUnlock;
|
|
6993
|
+
_ref.handleClickPrimaryAction;
|
|
6994
|
+
var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
|
|
6990
6995
|
primaryActionButton = _ref.primaryActionButton,
|
|
6991
6996
|
secondaryActionButton = _ref.secondaryActionButton,
|
|
6992
6997
|
fluid = _ref.fluid,
|
|
@@ -7274,6 +7279,8 @@
|
|
|
7274
7279
|
}, /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
7275
7280
|
onClick: function onClick(e) {
|
|
7276
7281
|
e.stopPropagation(); // NEEDS TO DIRECT TO CREATOR'S PROFILE
|
|
7282
|
+
|
|
7283
|
+
handleClickSecondaryAction();
|
|
7277
7284
|
},
|
|
7278
7285
|
sx: {
|
|
7279
7286
|
position: "absolute",
|
|
@@ -7416,9 +7423,9 @@
|
|
|
7416
7423
|
handleClickSave = _ref.handleClickSave,
|
|
7417
7424
|
handleClickDrag = _ref.handleClickDrag,
|
|
7418
7425
|
handleClickView = _ref.handleClickView,
|
|
7419
|
-
handleClickUnlock = _ref.handleClickUnlock
|
|
7420
|
-
_ref.handleClickPrimaryAction
|
|
7421
|
-
|
|
7426
|
+
handleClickUnlock = _ref.handleClickUnlock,
|
|
7427
|
+
handleClickPrimaryAction = _ref.handleClickPrimaryAction,
|
|
7428
|
+
handleClickSecondaryAction = _ref.handleClickSecondaryAction,
|
|
7422
7429
|
primaryActionButton = _ref.primaryActionButton,
|
|
7423
7430
|
secondaryActionButton = _ref.secondaryActionButton,
|
|
7424
7431
|
fluid = _ref.fluid,
|
|
@@ -7542,6 +7549,8 @@
|
|
|
7542
7549
|
handleClickUnlock: handleClickUnlock,
|
|
7543
7550
|
handleClickSave: handleClickSave,
|
|
7544
7551
|
handleClickDrag: handleClickDrag,
|
|
7552
|
+
handleClickPrimaryAction: handleClickPrimaryAction,
|
|
7553
|
+
handleClickSecondaryAction: handleClickSecondaryAction,
|
|
7545
7554
|
primaryActionButton: primaryActionButton,
|
|
7546
7555
|
secondaryActionButton: secondaryActionButton,
|
|
7547
7556
|
fluid: fluid,
|