@comicrelief/component-library 7.22.1 → 7.23.0
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/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
- package/dist/components/Atoms/Button/Button.js +4 -16
- package/dist/components/Atoms/Button/Button.test.js +0 -5
- package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
- package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
- package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
- package/dist/components/Atoms/Confetti/Confetti.js +8 -23
- package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
- package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
- package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
- package/dist/components/Atoms/Icons/Arrow.js +7 -21
- package/dist/components/Atoms/Icons/AtSign.js +4 -14
- package/dist/components/Atoms/Icons/Chevron.js +7 -21
- package/dist/components/Atoms/Icons/Curve.js +1 -6
- package/dist/components/Atoms/Icons/Download.js +4 -14
- package/dist/components/Atoms/Icons/External.js +4 -14
- package/dist/components/Atoms/Icons/Favourite.js +4 -14
- package/dist/components/Atoms/Icons/Internal.js +4 -14
- package/dist/components/Atoms/Icons/index.js +14 -22
- package/dist/components/Atoms/Input/Input.js +15 -35
- package/dist/components/Atoms/Input/input.test.js +0 -5
- package/dist/components/Atoms/Label/Label.js +12 -24
- package/dist/components/Atoms/Link/Link.js +18 -35
- package/dist/components/Atoms/Link/Link.style.js +9 -25
- package/dist/components/Atoms/Link/Link.test.js +0 -6
- package/dist/components/Atoms/Logo/Logo.js +5 -22
- package/dist/components/Atoms/Logo/Logo.test.js +0 -5
- package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
- package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
- package/dist/components/Atoms/Pagination/List/List.js +10 -21
- package/dist/components/Atoms/Pagination/Pagination.js +25 -47
- package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
- package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
- package/dist/components/Atoms/Picture/Picture.js +19 -39
- package/dist/components/Atoms/Picture/Picture.test.js +0 -6
- package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
- package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
- package/dist/components/Atoms/RichText/RichText.js +4 -15
- package/dist/components/Atoms/RichText/RichText.test.js +0 -5
- package/dist/components/Atoms/Select/Select.js +19 -39
- package/dist/components/Atoms/Select/Select.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
- package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
- package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
- package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
- package/dist/components/Atoms/Text/Text.js +16 -29
- package/dist/components/Atoms/Text/Text.test.js +0 -5
- package/dist/components/Atoms/TextArea/TextArea.js +10 -25
- package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
- package/dist/components/Molecules/Accordion/Accordion.js +8 -29
- package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
- package/dist/components/Molecules/Banner/Banner.js +3 -13
- package/dist/components/Molecules/Banner/Banner.test.js +0 -6
- package/dist/components/Molecules/Box/Box.js +9 -22
- package/dist/components/Molecules/Box/Box.test.js +0 -6
- package/dist/components/Molecules/Card/Card.js +11 -24
- package/dist/components/Molecules/Card/Card.test.js +0 -6
- package/dist/components/Molecules/CardDs/CardDs.js +17 -41
- package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
- package/dist/components/Molecules/Chip/Chip.js +4 -10
- package/dist/components/Molecules/Chip/Chip.style.js +8 -48
- package/dist/components/Molecules/Chip/Chip.test.js +0 -6
- package/dist/components/Molecules/Countdown/Countdown.js +17 -32
- package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
- package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
- package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
- package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
- package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
- package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
- package/dist/components/Molecules/Logos/Logos.js +1 -11
- package/dist/components/Molecules/Lookup/Lookup.js +25 -57
- package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
- package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
- package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
- package/dist/components/Molecules/Promo/Promo.js +33 -47
- package/dist/components/Molecules/Promo/Promo.md +2 -1
- package/dist/components/Molecules/Promo/Promo.style.js +12 -37
- package/dist/components/Molecules/Promo/Promo.test.js +0 -8
- package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
- package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
- package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
- package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
- package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
- package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
- package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
- package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
- package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
- package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
- package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
- package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
- package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
- package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
- package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
- package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
- package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
- package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
- package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
- package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
- package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
- package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
- package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
- package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
- package/dist/components/Organisms/Donate/Donate.js +36 -48
- package/dist/components/Organisms/Donate/Donate.style.js +23 -71
- package/dist/components/Organisms/Donate/Donate.test.js +0 -8
- package/dist/components/Organisms/Donate/Form/Form.js +53 -80
- package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
- package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
- package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
- package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
- package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
- package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
- package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
- package/dist/components/Organisms/Footer/Footer.js +5 -17
- package/dist/components/Organisms/Footer/Footer.style.js +10 -35
- package/dist/components/Organisms/Footer/Footer.test.js +1 -7
- package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
- package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
- package/dist/components/Organisms/Footer/data/data.js +2 -3
- package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
- package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
- package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
- package/dist/components/Organisms/Header/Header.js +4 -14
- package/dist/components/Organisms/Header/Header.style.js +5 -22
- package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
- package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
- package/dist/components/Organisms/Header/data/data.js +2 -3
- package/dist/components/Organisms/Header/header.test.js +5 -2
- package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
- package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
- package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
- package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
- package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
- package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
- package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
- package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
- package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
- package/dist/components/Organisms/Membership/Form/Form.js +50 -83
- package/dist/components/Organisms/Membership/Membership.js +13 -21
- package/dist/components/Organisms/Membership/Membership.style.js +21 -63
- package/dist/components/Organisms/Membership/Membership.test.js +0 -7
- package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
- package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
- package/dist/hoc/shallowWithTheme.js +0 -6
- package/dist/index.js +134 -187
- package/dist/styleguide/CRLogo.js +1 -9
- package/dist/styleguide/StyleGuideRenderer.js +6 -10
- package/dist/styleguide/ThemeWrapper.js +1 -8
- package/dist/styleguide/data/data.js +20 -5
- package/dist/theme/ThemeProvider.js +1 -5
- package/dist/theme/crTheme/buttonColors.js +2 -11
- package/dist/theme/crTheme/colors.js +3 -9
- package/dist/theme/crTheme/fontSizes.js +2 -6
- package/dist/theme/crTheme/linkStyles.js +2 -11
- package/dist/theme/crTheme/theme.js +2 -11
- package/dist/theme/shared/breakpoint.js +4 -9
- package/dist/theme/shared/fontFamilies.js +2 -7
- package/dist/theme/shared/hideVisually.js +1 -4
- package/dist/theme/shared/size.js +5 -11
- package/dist/theme/shared/spacing.js +1 -5
- package/dist/theme/shared/zIndex.js +1 -8
- package/dist/theme/srTheme/buttonColors.js +2 -11
- package/dist/theme/srTheme/colors.js +3 -9
- package/dist/theme/srTheme/fontSizes.js +2 -6
- package/dist/theme/srTheme/linkStyles.js +2 -11
- package/dist/theme/srTheme/theme.js +2 -11
- package/dist/utils/Membership.js +11 -28
- package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
- package/dist/utils/ShareButton/shareTracking.js +1 -5
- package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
- package/dist/utils/allowListed.js +1 -5
- package/dist/utils/allowListed.test.js +0 -2
- package/dist/utils/internalLinkHelper.js +11 -20
- package/dist/utils/navHelper.js +1 -6
- package/package.json +2 -1
- package/react-range-slider-input.d.ts +2 -0
- package/src/components/Molecules/Promo/Promo.md +2 -1
- package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
- package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
- package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
- package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
- package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
- package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
- package/src/index.js +1 -0
- package/src/styleguide/data/data.js +26 -1
|
@@ -1,94 +1,73 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _PopUpComponent = _interopRequireDefault(require("./PopUpComponent"));
|
|
17
|
-
|
|
18
12
|
var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
|
|
19
|
-
|
|
20
13
|
var _MoneyBuy = _interopRequireDefault(require("../MoneyBuy/MoneyBuy"));
|
|
21
|
-
|
|
22
14
|
var _Membership = require("../../../../utils/Membership");
|
|
23
|
-
|
|
24
15
|
var _Donate = require("../Donate.style");
|
|
25
|
-
|
|
26
16
|
var _GivingSelector = _interopRequireDefault(require("../GivingSelector/GivingSelector"));
|
|
27
|
-
|
|
28
17
|
var _excluded = ["data", "donateLink", "otherAmountText", "clientID", "cartID", "mbshipID", "noMoneyBuys", "PopUpText", "chooseAmountText", "submitButtonColor", "otherAmountValue"];
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
34
20
|
var Signup = function Signup(_ref) {
|
|
35
21
|
var _ref$data = _ref.data,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
22
|
+
singleGiving = _ref$data.singleGiving,
|
|
23
|
+
regularGiving = _ref$data.regularGiving,
|
|
24
|
+
donateLink = _ref.donateLink,
|
|
25
|
+
otherAmountText = _ref.otherAmountText,
|
|
26
|
+
clientID = _ref.clientID,
|
|
27
|
+
cartID = _ref.cartID,
|
|
28
|
+
mbshipID = _ref.mbshipID,
|
|
29
|
+
noMoneyBuys = _ref.noMoneyBuys,
|
|
30
|
+
PopUpText = _ref.PopUpText,
|
|
31
|
+
chooseAmountText = _ref.chooseAmountText,
|
|
32
|
+
submitButtonColor = _ref.submitButtonColor,
|
|
33
|
+
otherAmountValue = _ref.otherAmountValue,
|
|
34
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
50
35
|
var _useState = (0, _react.useState)('single'),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
36
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
37
|
+
givingType = _useState2[0],
|
|
38
|
+
setGivingType = _useState2[1];
|
|
55
39
|
var _useState3 = (0, _react.useState)(false),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
40
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
41
|
+
errorMsg = _useState4[0],
|
|
42
|
+
setErrorMsg = _useState4[1];
|
|
60
43
|
var _useState5 = (0, _react.useState)(10),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
44
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
45
|
+
amountDonate = _useState6[0],
|
|
46
|
+
setAmountDonate = _useState6[1];
|
|
65
47
|
var _useState7 = (0, _react.useState)(true),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
48
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
49
|
+
moneyBuyCopy = _useState8[0],
|
|
50
|
+
setMoneyBuyCopy = _useState8[1];
|
|
70
51
|
var _useState9 = (0, _react.useState)(false),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
52
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
53
|
+
popOpen = _useState10[0],
|
|
54
|
+
setPopOpen = _useState10[1];
|
|
55
|
+
// In order to keep track of whether the user has ever been shown the popup
|
|
76
56
|
var _useState11 = (0, _react.useState)(false),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
57
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
58
|
+
popUpShown = _useState12[0],
|
|
59
|
+
setPopUpShown = _useState12[1];
|
|
81
60
|
(0, _react.useEffect)(function () {
|
|
82
61
|
// If a specific 'other amount' has been passed down, use it,
|
|
83
62
|
// otherwise assign based on the associated moneybuys:
|
|
84
63
|
if (otherAmountValue) {
|
|
85
64
|
setAmountDonate(otherAmountValue);
|
|
86
65
|
} else {
|
|
87
|
-
var _givingData = givingType === 'single' ? singleGiving : regularGiving;
|
|
66
|
+
var _givingData = givingType === 'single' ? singleGiving : regularGiving;
|
|
67
|
+
|
|
68
|
+
// Check the 2nd moneybuy exists before using it;
|
|
88
69
|
// 'philantrophy' carts have been set up to use a single moneybuy.
|
|
89
70
|
// See ENG-1685 for more details
|
|
90
|
-
|
|
91
|
-
|
|
92
71
|
var thisAmount = _givingData.moneybuys[1] ? _givingData.moneybuys[1].value : _givingData.moneybuys[0].value;
|
|
93
72
|
setAmountDonate(thisAmount);
|
|
94
73
|
}
|
|
@@ -100,10 +79,8 @@ var Signup = function Signup(_ref) {
|
|
|
100
79
|
if (moneyBuy.value === amountDonate) {
|
|
101
80
|
moneyBuyNewDescription = moneyBuy.description;
|
|
102
81
|
}
|
|
103
|
-
|
|
104
82
|
return index === 1 && amountDonate === undefined && (setMoneyBuyCopy(moneyBuy.description), setAmountDonate(moneyBuy.value));
|
|
105
83
|
});
|
|
106
|
-
|
|
107
84
|
if (!(0, _Membership.isAmountValid)(amountDonate)) {
|
|
108
85
|
if (moneyBuyCopy) setMoneyBuyCopy(false);
|
|
109
86
|
if (!errorMsg) setErrorMsg(true);
|
|
@@ -111,46 +88,45 @@ var Signup = function Signup(_ref) {
|
|
|
111
88
|
if (errorMsg) setErrorMsg(false);
|
|
112
89
|
setMoneyBuyCopy(moneyBuyNewDescription);
|
|
113
90
|
}
|
|
114
|
-
}, [errorMsg, moneyBuyCopy, singleGiving, regularGiving, givingType, amountDonate, otherAmountText]);
|
|
115
|
-
// being *currently* open and it *ever* having been shown to user
|
|
91
|
+
}, [errorMsg, moneyBuyCopy, singleGiving, regularGiving, givingType, amountDonate, otherAmountText]);
|
|
116
92
|
|
|
93
|
+
// Updates our flag that differentiates between the popup
|
|
94
|
+
// being *currently* open and it *ever* having been shown to user
|
|
117
95
|
(0, _react.useEffect)(function () {
|
|
118
96
|
if (popOpen && !popUpShown) setPopUpShown(true);
|
|
119
97
|
}, [popOpen, popUpShown]);
|
|
120
|
-
|
|
121
98
|
var submitDonation = function submitDonation(event, amount, clientId, cartId, mbshipId, donateURL) {
|
|
122
99
|
event.preventDefault();
|
|
123
|
-
|
|
124
100
|
if ((0, _Membership.isAmountValid)(amount) && !errorMsg) {
|
|
125
101
|
(0, _Membership.handleDonateSubmission)(amount, clientId, cartId, mbshipId, donateURL, givingType, popUpShown);
|
|
126
102
|
} else {
|
|
127
103
|
setErrorMsg(true);
|
|
128
104
|
setMoneyBuyCopy(false);
|
|
129
105
|
}
|
|
130
|
-
};
|
|
131
|
-
|
|
106
|
+
};
|
|
132
107
|
|
|
108
|
+
// Update the local state if the prop has been set and changed
|
|
133
109
|
(0, _react.useEffect)(function () {
|
|
134
110
|
if (otherAmountValue) {
|
|
135
111
|
setAmountDonate(otherAmountValue);
|
|
136
112
|
}
|
|
137
|
-
}, [otherAmountValue, setAmountDonate]);
|
|
113
|
+
}, [otherAmountValue, setAmountDonate]);
|
|
138
114
|
|
|
115
|
+
// Create money buy boxes
|
|
139
116
|
var givingData = givingType === 'single' ? singleGiving : regularGiving;
|
|
140
|
-
var showGivingSelector = singleGiving !== null && regularGiving !== null;
|
|
141
|
-
|
|
142
|
-
var amountRef = (0, _react.useRef)(null); // Create ref for amount button
|
|
117
|
+
var showGivingSelector = singleGiving !== null && regularGiving !== null;
|
|
143
118
|
|
|
119
|
+
// Create ref for amount input
|
|
120
|
+
var amountRef = (0, _react.useRef)(null);
|
|
121
|
+
// Create ref for amount button
|
|
144
122
|
var buttonRef = (0, _react.useRef)(null);
|
|
145
123
|
var handleClickOutside = (0, _react.useCallback)(function (event) {
|
|
146
124
|
if (!errorMsg) {
|
|
147
125
|
return;
|
|
148
126
|
}
|
|
149
|
-
|
|
150
127
|
if (buttonRef.current && event.target === buttonRef.current) {
|
|
151
128
|
return;
|
|
152
129
|
}
|
|
153
|
-
|
|
154
130
|
if (amountRef.current && !amountRef.current.contains(event.target)) {
|
|
155
131
|
// Check the 2nd moneybuy exists before using it;
|
|
156
132
|
// 'philantrophy' carts have been set up to use a single moneybuy.
|
|
@@ -158,8 +134,9 @@ var Signup = function Signup(_ref) {
|
|
|
158
134
|
var thisAmount = givingData.moneybuys[1] ? givingData.moneybuys[1].value : givingData.moneybuys[0].value;
|
|
159
135
|
setAmountDonate(thisAmount);
|
|
160
136
|
}
|
|
161
|
-
}, [errorMsg, givingData.moneybuys]);
|
|
137
|
+
}, [errorMsg, givingData.moneybuys]);
|
|
162
138
|
|
|
139
|
+
// Listen for click outside custom amount input if there is no value entered.
|
|
163
140
|
(0, _react.useEffect)(function () {
|
|
164
141
|
// Bind the event listener
|
|
165
142
|
document.addEventListener('mousedown', handleClickOutside);
|
|
@@ -167,20 +144,18 @@ var Signup = function Signup(_ref) {
|
|
|
167
144
|
// Unbind the event listener on clean up
|
|
168
145
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
169
146
|
};
|
|
170
|
-
}, [errorMsg, handleClickOutside]);
|
|
147
|
+
}, [errorMsg, handleClickOutside]);
|
|
171
148
|
|
|
149
|
+
// Create function to conditionally render button text
|
|
172
150
|
var renderButtonText = function renderButtonText() {
|
|
173
151
|
if (errorMsg) {
|
|
174
152
|
return 'Donate';
|
|
175
153
|
}
|
|
176
|
-
|
|
177
154
|
if (givingType === 'single') {
|
|
178
155
|
return "Donate \xA3".concat(amountDonate, " now");
|
|
179
156
|
}
|
|
180
|
-
|
|
181
157
|
return "Donate \xA3".concat(amountDonate, " monthly");
|
|
182
158
|
};
|
|
183
|
-
|
|
184
159
|
return /*#__PURE__*/_react.default.createElement(_Donate.FormWrapper, null, showGivingSelector && /*#__PURE__*/_react.default.createElement(_GivingSelector.default, {
|
|
185
160
|
givingType: givingType,
|
|
186
161
|
changeGivingType: function changeGivingType(data) {
|
|
@@ -250,11 +225,9 @@ var Signup = function Signup(_ref) {
|
|
|
250
225
|
ref: buttonRef
|
|
251
226
|
}, renderButtonText()))));
|
|
252
227
|
};
|
|
253
|
-
|
|
254
228
|
Signup.defaultProps = {
|
|
255
229
|
noMoneyBuys: false,
|
|
256
230
|
otherAmountValue: null,
|
|
257
231
|
data: {}
|
|
258
232
|
};
|
|
259
|
-
var _default = Signup;
|
|
260
|
-
exports.default = _default;
|
|
233
|
+
var _default = exports.default = Signup;
|
|
@@ -1,32 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
|
|
17
|
-
|
|
18
12
|
var _size = require("../../../../theme/shared/size");
|
|
19
|
-
|
|
20
13
|
var _close = _interopRequireDefault(require("../assets/close.svg"));
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
26
16
|
var closeDuration = 0.6;
|
|
27
17
|
var fadeClose = (0, _styledComponents.keyframes)(["0%{opacity:1;max-height:350px;}100%{opacity:0;max-height:0px;display:none;margin-top:-16px;}"]);
|
|
28
18
|
var fadeOpen = (0, _styledComponents.keyframes)(["0%{opacity:0;max-height:0px;display:none;margin-top:-16px;}100%{opacity:1;max-height:350px;}"]);
|
|
29
|
-
|
|
30
19
|
var StyledPopUp = _styledComponents.default.div.withConfig({
|
|
31
20
|
displayName: "PopUpComponent__StyledPopUp",
|
|
32
21
|
componentId: "sc-1d7imlo-0"
|
|
@@ -38,12 +27,10 @@ var StyledPopUp = _styledComponents.default.div.withConfig({
|
|
|
38
27
|
var theme = _ref.theme;
|
|
39
28
|
return theme.color('blue_light');
|
|
40
29
|
}, (0, _size.media)('small'));
|
|
41
|
-
|
|
42
30
|
var TextWrapper = _styledComponents.default.div.withConfig({
|
|
43
31
|
displayName: "PopUpComponent__TextWrapper",
|
|
44
32
|
componentId: "sc-1d7imlo-1"
|
|
45
33
|
})(["margin:0 32px 32px;"]);
|
|
46
|
-
|
|
47
34
|
var Button = _styledComponents.default.button.withConfig({
|
|
48
35
|
displayName: "PopUpComponent__Button",
|
|
49
36
|
componentId: "sc-1d7imlo-2"
|
|
@@ -51,25 +38,22 @@ var Button = _styledComponents.default.button.withConfig({
|
|
|
51
38
|
var theme = _ref2.theme;
|
|
52
39
|
return theme.color('grey');
|
|
53
40
|
});
|
|
54
|
-
|
|
55
41
|
var PopUpComponent = function PopUpComponent(_ref3) {
|
|
56
42
|
var PopUpText = _ref3.PopUpText,
|
|
57
|
-
|
|
58
|
-
|
|
43
|
+
setPopOpen = _ref3.setPopOpen;
|
|
59
44
|
var _useState = (0, _react.useState)(false),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
// this component - once the closing animation is complete
|
|
64
|
-
|
|
45
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
46
|
+
isClosed = _useState2[0],
|
|
47
|
+
setIsClosed = _useState2[1];
|
|
65
48
|
|
|
49
|
+
// Only update centralised state - which renders
|
|
50
|
+
// this component - once the closing animation is complete
|
|
66
51
|
var handleCloser = function handleCloser() {
|
|
67
52
|
setIsClosed(true);
|
|
68
53
|
setTimeout(function () {
|
|
69
54
|
setPopOpen(false);
|
|
70
55
|
}, closeDuration * 1000);
|
|
71
56
|
};
|
|
72
|
-
|
|
73
57
|
return /*#__PURE__*/_react.default.createElement(StyledPopUp, {
|
|
74
58
|
isClosed: isClosed,
|
|
75
59
|
fadeOpen: fadeOpen,
|
|
@@ -84,6 +68,4 @@ var PopUpComponent = function PopUpComponent(_ref3) {
|
|
|
84
68
|
alt: "Close cross icon"
|
|
85
69
|
})), /*#__PURE__*/_react.default.createElement(TextWrapper, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, PopUpText)));
|
|
86
70
|
};
|
|
87
|
-
|
|
88
|
-
var _default = PopUpComponent;
|
|
89
|
-
exports.default = _default;
|
|
71
|
+
var _default = exports.default = PopUpComponent;
|
|
@@ -1,22 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _GivingSelector = require("./GivingSelector.style");
|
|
13
|
-
|
|
14
10
|
var GivingSelector = function GivingSelector(_ref) {
|
|
15
11
|
var givingType = _ref.givingType,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
changeGivingType = _ref.changeGivingType,
|
|
13
|
+
setPopOpen = _ref.setPopOpen,
|
|
14
|
+
mbshipID = _ref.mbshipID;
|
|
20
15
|
// Only updates giving type and popup status when appropriate
|
|
21
16
|
var handleGivingTypeChange = function handleGivingTypeChange(thisButtonType, currentGivingType) {
|
|
22
17
|
if (currentGivingType !== thisButtonType) {
|
|
@@ -24,7 +19,6 @@ var GivingSelector = function GivingSelector(_ref) {
|
|
|
24
19
|
setPopOpen(thisButtonType === 'single');
|
|
25
20
|
}
|
|
26
21
|
};
|
|
27
|
-
|
|
28
22
|
return /*#__PURE__*/_react.default.createElement(_GivingSelector.Wrapper, null, /*#__PURE__*/_react.default.createElement(_GivingSelector.MoneyBox, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
29
23
|
className: "give-once",
|
|
30
24
|
"aria-label": "Single",
|
|
@@ -55,6 +49,4 @@ var GivingSelector = function GivingSelector(_ref) {
|
|
|
55
49
|
htmlFor: "give-monthly--".concat(mbshipID)
|
|
56
50
|
}, "Monthly"), /*#__PURE__*/_react.default.createElement(_GivingSelector.Switch, null)));
|
|
57
51
|
};
|
|
58
|
-
|
|
59
|
-
var _default = GivingSelector;
|
|
60
|
-
exports.default = _default;
|
|
52
|
+
var _default = exports.default = GivingSelector;
|
|
@@ -1,40 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports.
|
|
9
|
-
|
|
7
|
+
exports.Wrapper = exports.Switch = exports.MoneyBox = exports.Label = void 0;
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
9
|
var _size = require("../../../../theme/shared/size");
|
|
13
|
-
|
|
14
10
|
var _spacing = _interopRequireDefault(require("../../../../theme/shared/spacing"));
|
|
15
|
-
|
|
16
11
|
var _zIndex = _interopRequireDefault(require("../../../../theme/shared/zIndex"));
|
|
17
|
-
|
|
18
12
|
var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hideVisually"));
|
|
19
|
-
|
|
20
|
-
var Switch = _styledComponents.default.span.withConfig({
|
|
13
|
+
var Switch = exports.Switch = _styledComponents.default.span.withConfig({
|
|
21
14
|
displayName: "GivingSelectorstyle__Switch",
|
|
22
15
|
componentId: "sc-5ktn9c-0"
|
|
23
16
|
})(["width:50%;height:48px;border-radius:2rem;", ";display:block;position:absolute;transition:left 0.15s ease-out;background-color:", ";left:2px;box-shadow:0px 0px 16px rgba(0,0,0,0.3);"], (0, _zIndex.default)('low'), function (_ref) {
|
|
24
17
|
var theme = _ref.theme;
|
|
25
18
|
return theme.color('blue');
|
|
26
19
|
});
|
|
27
|
-
|
|
28
|
-
exports.Switch = Switch;
|
|
29
|
-
|
|
30
|
-
var Wrapper = _styledComponents.default.div.withConfig({
|
|
20
|
+
var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
|
|
31
21
|
displayName: "GivingSelectorstyle__Wrapper",
|
|
32
22
|
componentId: "sc-5ktn9c-1"
|
|
33
23
|
})(["display:flex;margin:", " 0;"], (0, _spacing.default)('md'));
|
|
34
|
-
|
|
35
|
-
exports.Wrapper = Wrapper;
|
|
36
|
-
|
|
37
|
-
var MoneyBox = _styledComponents.default.div.withConfig({
|
|
24
|
+
var MoneyBox = exports.MoneyBox = _styledComponents.default.div.withConfig({
|
|
38
25
|
displayName: "GivingSelectorstyle__MoneyBox",
|
|
39
26
|
componentId: "sc-5ktn9c-2"
|
|
40
27
|
})(["width:100%;padding:2px;position:relative;display:flex;flex-direction:row;margin:", " 0;border-radius:2rem;background:", ";", "{width:450px;margin:0 auto;}.give-monthly:checked ~ ", "{left:calc(50% - 2px);}input{", "}input:focus:not(:checked) + label{box-shadow:inset 0 0 0 4px ", ";}"], (0, _spacing.default)('md'), function (_ref2) {
|
|
@@ -44,10 +31,7 @@ var MoneyBox = _styledComponents.default.div.withConfig({
|
|
|
44
31
|
var theme = _ref3.theme;
|
|
45
32
|
return theme.color('blue');
|
|
46
33
|
});
|
|
47
|
-
|
|
48
|
-
exports.MoneyBox = MoneyBox;
|
|
49
|
-
|
|
50
|
-
var Label = _styledComponents.default.label.withConfig({
|
|
34
|
+
var Label = exports.Label = _styledComponents.default.label.withConfig({
|
|
51
35
|
displayName: "GivingSelectorstyle__Label",
|
|
52
36
|
componentId: "sc-5ktn9c-3"
|
|
53
37
|
})(["font-size:", ";font-family:", ";font-weight:bold;min-height:48px;align-items:center;justify-content:center;display:flex;flex-basis:50%;border:none;transition:color 0.15s ease-out;", ";cursor:", ";border-radius:2rem;color:", ";&:active:focus{box-shadow:none;}&:focus{border:none;outline:none;box-shadow:inset 0 0 0 4px ", ";}"], function (_ref4) {
|
|
@@ -61,11 +45,9 @@ var Label = _styledComponents.default.label.withConfig({
|
|
|
61
45
|
return active === true ? 'default' : 'pointer';
|
|
62
46
|
}, function (_ref7) {
|
|
63
47
|
var active = _ref7.active,
|
|
64
|
-
|
|
48
|
+
theme = _ref7.theme;
|
|
65
49
|
return active === true ? theme.color('white') : theme.color('black');
|
|
66
50
|
}, function (_ref8) {
|
|
67
51
|
var theme = _ref8.theme;
|
|
68
52
|
return theme.color('blue');
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
exports.Label = Label;
|
|
53
|
+
});
|
|
@@ -1,30 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Input = _interopRequireDefault(require("../../../Atoms/Input/Input"));
|
|
17
|
-
|
|
18
12
|
var _spacing = _interopRequireDefault(require("../../../../theme/shared/spacing"));
|
|
19
|
-
|
|
20
13
|
var _size = require("../../../../theme/shared/size");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["setOtherAmount", "amount", "currency", "description"];
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
28
17
|
var MoneyBuyButton = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
29
18
|
displayName: "MoneyBuy__MoneyBuyButton",
|
|
30
19
|
componentId: "sc-38g5hn-0"
|
|
@@ -56,13 +45,12 @@ var MoneyBuyButton = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
|
56
45
|
return theme.color('white');
|
|
57
46
|
});
|
|
58
47
|
});
|
|
59
|
-
|
|
60
48
|
var MoneyBuy = function MoneyBuy(_ref10) {
|
|
61
49
|
var setOtherAmount = _ref10.setOtherAmount,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
50
|
+
amount = _ref10.amount,
|
|
51
|
+
currency = _ref10.currency,
|
|
52
|
+
description = _ref10.description,
|
|
53
|
+
rest = (0, _objectWithoutProperties2.default)(_ref10, _excluded);
|
|
66
54
|
return /*#__PURE__*/_react.default.createElement(MoneyBuyButton, Object.assign({}, rest, {
|
|
67
55
|
"aria-label": description,
|
|
68
56
|
value: "".concat(currency, " ").concat(amount),
|
|
@@ -72,11 +60,9 @@ var MoneyBuy = function MoneyBuy(_ref10) {
|
|
|
72
60
|
onClick: setOtherAmount
|
|
73
61
|
}));
|
|
74
62
|
};
|
|
75
|
-
|
|
76
63
|
MoneyBuy.defaultProps = {
|
|
77
64
|
amount: '10',
|
|
78
65
|
currency: '£',
|
|
79
66
|
description: 'description'
|
|
80
67
|
};
|
|
81
|
-
var _default = MoneyBuy;
|
|
82
|
-
exports.default = _default;
|
|
68
|
+
var _default = exports.default = MoneyBuy;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _default = {
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
cartId: '1-4-the-high-rollers',
|
|
9
9
|
singleGiving: {
|
|
10
10
|
moneybuys: [{
|
|
@@ -30,5 +30,4 @@ var _default = {
|
|
|
30
30
|
value: 3333
|
|
31
31
|
}]
|
|
32
32
|
}
|
|
33
|
-
};
|
|
34
|
-
exports.default = _default;
|
|
33
|
+
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _default = {
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
cartId: 'test-sept2019-C365',
|
|
9
9
|
singleGiving: {
|
|
10
10
|
moneybuys: [{
|
|
@@ -19,5 +19,4 @@ var _default = {
|
|
|
19
19
|
}]
|
|
20
20
|
},
|
|
21
21
|
regularGiving: null
|
|
22
|
-
};
|
|
23
|
-
exports.default = _default;
|
|
22
|
+
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _default = {
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
cartId: 'test-sept2019-C365',
|
|
9
9
|
singleGiving: {
|
|
10
10
|
moneybuys: [{
|
|
@@ -30,5 +30,4 @@ var _default = {
|
|
|
30
30
|
value: '20'
|
|
31
31
|
}]
|
|
32
32
|
}
|
|
33
|
-
};
|
|
34
|
-
exports.default = _default;
|
|
33
|
+
};
|