@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,108 +1,84 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
|
|
21
|
-
|
|
22
14
|
var _MoneyBox = _interopRequireDefault(require("../MoneyBox/MoneyBox"));
|
|
23
|
-
|
|
24
15
|
var _Membership = require("../../../../utils/Membership");
|
|
25
|
-
|
|
26
16
|
var _Membership2 = require("../Membership.style");
|
|
27
|
-
|
|
28
17
|
var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID"];
|
|
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 regularGiving = _ref.data.regularGiving,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
22
|
+
donateLink = _ref.donateLink,
|
|
23
|
+
otherDescription = _ref.otherDescription,
|
|
24
|
+
clientID = _ref.clientID,
|
|
25
|
+
cartID = _ref.cartID,
|
|
26
|
+
mbshipID = _ref.mbshipID,
|
|
27
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
43
28
|
var _useState = (0, _react.useState)({
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
29
|
+
box1: '',
|
|
30
|
+
box2: '',
|
|
31
|
+
box3: ''
|
|
32
|
+
}),
|
|
33
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
|
+
moneyBoxes = _useState2[0],
|
|
35
|
+
setMoneyBoxes = _useState2[1];
|
|
36
|
+
// Highlight one the money buy box when the page load
|
|
53
37
|
var _useState3 = (0, _react.useState)(true),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
38
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
39
|
+
isSelected = _useState4[0],
|
|
40
|
+
setIsSelected = _useState4[1];
|
|
58
41
|
var _useState5 = (0, _react.useState)(false),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
42
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
43
|
+
errorMsg = _useState6[0],
|
|
44
|
+
setErrorMsg = _useState6[1];
|
|
63
45
|
var _useState7 = (0, _react.useState)(''),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
46
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
47
|
+
amountDonate = _useState8[0],
|
|
48
|
+
setAmountDonate = _useState8[1];
|
|
68
49
|
var _useState9 = (0, _react.useState)(''),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
50
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
51
|
+
userInput = _useState10[0],
|
|
52
|
+
setUserInput = _useState10[1];
|
|
73
53
|
var _useState11 = (0, _react.useState)(''),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
54
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
55
|
+
boxBorderColor = _useState12[0],
|
|
56
|
+
setBoxBorderColor = _useState12[1];
|
|
78
57
|
var _useState13 = (0, _react.useState)(false),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
58
|
+
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
59
|
+
inputBorderColor = _useState14[0],
|
|
60
|
+
setInputBorderColor = _useState14[1];
|
|
83
61
|
var _useState15 = (0, _react.useState)(true),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
62
|
+
_useState16 = (0, _slicedToArray2.default)(_useState15, 2),
|
|
63
|
+
moneyBuyCopy = _useState16[0],
|
|
64
|
+
setMoneyBuyCopy = _useState16[1];
|
|
88
65
|
|
|
66
|
+
// This function is triggered when one of the money buy box is selected
|
|
89
67
|
var selectMoneyBuy = function selectMoneyBuy(copy, value) {
|
|
90
68
|
if (isSelected) setIsSelected(false);
|
|
91
|
-
if (errorMsg) setErrorMsg(false);
|
|
92
|
-
|
|
69
|
+
if (errorMsg) setErrorMsg(false);
|
|
70
|
+
// Check if input is highlighted and his value matches one of the money buy box
|
|
93
71
|
var isUserInputMatch = userInput * 1 === value; // convert string to number string * 1
|
|
94
|
-
|
|
95
72
|
if (inputBorderColor && !isUserInputMatch) {
|
|
96
73
|
setInputBorderColor(false);
|
|
97
74
|
setUserInput('');
|
|
98
75
|
}
|
|
99
|
-
|
|
100
76
|
setBoxBorderColor(value);
|
|
101
77
|
setMoneyBuyCopy(copy);
|
|
102
78
|
setAmountDonate(value);
|
|
103
|
-
};
|
|
104
|
-
|
|
79
|
+
};
|
|
105
80
|
|
|
81
|
+
// Handle user other amount input
|
|
106
82
|
var handleChange = function handleChange(input, description) {
|
|
107
83
|
if (!(0, _Membership.isAmountValid)(input)) {
|
|
108
84
|
if (moneyBuyCopy) setMoneyBuyCopy(false);
|
|
@@ -113,17 +89,14 @@ var Signup = function Signup(_ref) {
|
|
|
113
89
|
if (errorMsg) setErrorMsg(false);
|
|
114
90
|
setMoneyBuyCopy(description);
|
|
115
91
|
setAmountDonate(input);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
|
|
92
|
+
}
|
|
93
|
+
// Highlight both input and box
|
|
119
94
|
(0, _Membership.isInputMatchBoxValue)(moneyBoxes, selectMoneyBuy, setAmountDonate, input);
|
|
120
95
|
setInputBorderColor(true);
|
|
121
96
|
setUserInput(input);
|
|
122
97
|
};
|
|
123
|
-
|
|
124
98
|
var hightlightInput = function hightlightInput(value, description) {
|
|
125
99
|
if (isSelected) setIsSelected(false);
|
|
126
|
-
|
|
127
100
|
if (errorMsg) {
|
|
128
101
|
setMoneyBuyCopy(false);
|
|
129
102
|
} else if (!value) {
|
|
@@ -131,36 +104,32 @@ var Signup = function Signup(_ref) {
|
|
|
131
104
|
setBoxBorderColor(false);
|
|
132
105
|
setMoneyBuyCopy(description);
|
|
133
106
|
}
|
|
134
|
-
|
|
135
107
|
setInputBorderColor(true);
|
|
136
108
|
};
|
|
137
|
-
|
|
138
109
|
(0, _react.useEffect)(function () {
|
|
139
110
|
regularGiving.moneybuys.map(function (moneyBuy, index) {
|
|
140
|
-
var box = "box".concat(index + 1);
|
|
141
|
-
|
|
111
|
+
var box = "box".concat(index + 1);
|
|
112
|
+
// eslint-disable-next-line no-shadow
|
|
142
113
|
setMoneyBoxes(function (moneyBoxes) {
|
|
143
114
|
return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, moneyBoxes), {}, (0, _defineProperty2.default)({}, box, moneyBuy));
|
|
144
115
|
});
|
|
145
116
|
return isSelected && index === 1 && (setMoneyBuyCopy(moneyBuy.description), setAmountDonate(moneyBuy.value));
|
|
146
117
|
});
|
|
147
118
|
}, [isSelected, regularGiving.moneybuys]);
|
|
148
|
-
|
|
149
119
|
var submitDonation = function submitDonation(event, amount, clientId, cartId, mbshipId, donateURL) {
|
|
150
120
|
event.preventDefault();
|
|
151
|
-
|
|
152
121
|
if ((0, _Membership.isAmountValid)(amount) && !errorMsg) {
|
|
153
122
|
(0, _Membership.handleDonateSubmission)(amount, clientId, cartId, mbshipId, donateURL);
|
|
154
123
|
} else {
|
|
155
124
|
setErrorMsg(true);
|
|
156
125
|
setMoneyBuyCopy(false);
|
|
157
126
|
}
|
|
158
|
-
};
|
|
159
|
-
|
|
127
|
+
};
|
|
160
128
|
|
|
129
|
+
// Create money buy boxes
|
|
161
130
|
var MoneyBoxes = regularGiving.moneybuys.map(function (_ref2, index) {
|
|
162
131
|
var value = _ref2.value,
|
|
163
|
-
|
|
132
|
+
description = _ref2.description;
|
|
164
133
|
return /*#__PURE__*/_react.default.createElement(_MoneyBox.default, {
|
|
165
134
|
isSelected: index === 1 && isSelected,
|
|
166
135
|
boxBorderColor: boxBorderColor,
|
|
@@ -221,10 +190,8 @@ var Signup = function Signup(_ref) {
|
|
|
221
190
|
as: "p"
|
|
222
191
|
}, moneyBuyCopy))));
|
|
223
192
|
};
|
|
224
|
-
|
|
225
193
|
Signup.defaultProps = {
|
|
226
194
|
clientID: 'the_fix',
|
|
227
195
|
data: {}
|
|
228
196
|
};
|
|
229
|
-
var _default = Signup;
|
|
230
|
-
exports.default = _default;
|
|
197
|
+
var _default = exports.default = Signup;
|
|
@@ -1,34 +1,28 @@
|
|
|
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 _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
|
|
13
|
-
|
|
14
10
|
var _Form = _interopRequireDefault(require("./Form/Form"));
|
|
15
|
-
|
|
16
11
|
var _Membership = require("./Membership.style");
|
|
17
|
-
|
|
18
12
|
var Membership = function Membership(_ref) {
|
|
19
13
|
var alt = _ref.alt,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
14
|
+
cartID = _ref.cartID,
|
|
15
|
+
backgroundColor = _ref.backgroundColor,
|
|
16
|
+
donateLink = _ref.donateLink,
|
|
17
|
+
data = _ref.data,
|
|
18
|
+
title = _ref.title,
|
|
19
|
+
subtitle = _ref.subtitle,
|
|
20
|
+
otherDescription = _ref.otherDescription,
|
|
21
|
+
formAligntRight = _ref.formAligntRight,
|
|
22
|
+
images = _ref.images,
|
|
23
|
+
image = _ref.image,
|
|
24
|
+
imageLow = _ref.imageLow,
|
|
25
|
+
mbshipID = _ref.mbshipID;
|
|
32
26
|
return /*#__PURE__*/_react.default.createElement(_Membership.Container, {
|
|
33
27
|
formAligntRight: formAligntRight,
|
|
34
28
|
backgroundColor: backgroundColor,
|
|
@@ -56,7 +50,6 @@ var Membership = function Membership(_ref) {
|
|
|
56
50
|
donateLink: donateLink
|
|
57
51
|
})));
|
|
58
52
|
};
|
|
59
|
-
|
|
60
53
|
Membership.defaultProps = {
|
|
61
54
|
alt: '',
|
|
62
55
|
data: {},
|
|
@@ -67,5 +60,4 @@ Membership.defaultProps = {
|
|
|
67
60
|
backgroundColor: null,
|
|
68
61
|
mbshipID: null
|
|
69
62
|
};
|
|
70
|
-
var _default = Membership;
|
|
71
|
-
exports.default = _default;
|
|
63
|
+
var _default = exports.default = Membership;
|
|
@@ -1,30 +1,22 @@
|
|
|
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.OuterFieldset = exports.MoneyBuys = exports.Legend = exports.Label = exports.Header = exports.FormWrapper = exports.FormFieldset = exports.Form = exports.Error = exports.Copy = exports.Container = exports.Button = exports.BgImage = exports.AmountField = void 0;
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
9
|
var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
|
|
13
|
-
|
|
14
10
|
var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
|
|
15
|
-
|
|
16
11
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
17
|
-
|
|
18
12
|
var _size = require("../../../theme/shared/size");
|
|
19
|
-
|
|
20
13
|
var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
|
|
21
|
-
|
|
22
|
-
var Container = _styledComponents.default.div.withConfig({
|
|
14
|
+
var Container = exports.Container = _styledComponents.default.div.withConfig({
|
|
23
15
|
displayName: "Membershipstyle__Container",
|
|
24
16
|
componentId: "sc-13acbel-0"
|
|
25
17
|
})(["background-color:", ";position:relative;display:flex;justify-content:center;min-height:100vh;@media ", "{align-items:center;justify-content:inherit;min-height:750px;height:100vh;max-height:900px;flex-direction:", ";}"], function (_ref) {
|
|
26
18
|
var theme = _ref.theme,
|
|
27
|
-
|
|
19
|
+
backgroundColor = _ref.backgroundColor;
|
|
28
20
|
return theme.color(backgroundColor);
|
|
29
21
|
}, function (_ref2) {
|
|
30
22
|
var theme = _ref2.theme;
|
|
@@ -33,96 +25,67 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
33
25
|
var formAligntRight = _ref3.formAligntRight;
|
|
34
26
|
return formAligntRight ? 'row-reverse' : 'row';
|
|
35
27
|
});
|
|
36
|
-
|
|
37
|
-
exports.Container = Container;
|
|
38
|
-
var BgImage = (0, _styledComponents.default)(_Picture.default).withConfig({
|
|
28
|
+
var BgImage = exports.BgImage = (0, _styledComponents.default)(_Picture.default).withConfig({
|
|
39
29
|
displayName: "Membershipstyle__BgImage",
|
|
40
30
|
componentId: "sc-13acbel-1"
|
|
41
31
|
})(["position:absolute;bottom:0;left:0;right:0;height:auto;:before{color:", ";content:'';position:absolute;width:100%;height:100%;box-shadow:inset 0px ", " ", " -", ";}@media ", "{height:100%;:before{content:none;}}"], function (_ref4) {
|
|
42
32
|
var theme = _ref4.theme,
|
|
43
|
-
|
|
33
|
+
backgroundColor = _ref4.backgroundColor;
|
|
44
34
|
return theme.color(backgroundColor);
|
|
45
35
|
}, (0, _spacing.default)('xl'), (0, _spacing.default)('l'), (0, _spacing.default)('l'), function (_ref5) {
|
|
46
36
|
var theme = _ref5.theme;
|
|
47
37
|
return theme.breakpoint('medium');
|
|
48
38
|
});
|
|
49
|
-
exports.
|
|
50
|
-
|
|
51
|
-
var Wrapper = _styledComponents.default.div.withConfig({
|
|
39
|
+
var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
|
|
52
40
|
displayName: "Membershipstyle__Wrapper",
|
|
53
41
|
componentId: "sc-13acbel-2"
|
|
54
42
|
})(["position:relative;max-width:320px;text-align:center;margin-bottom:50%;", "{margin:0 ", ";max-width:420px;}"], (0, _size.media)('medium'), (0, _spacing.default)('xxl'));
|
|
55
|
-
|
|
56
|
-
exports.Wrapper = Wrapper;
|
|
57
|
-
|
|
58
|
-
var Header = _styledComponents.default.div.withConfig({
|
|
43
|
+
var Header = exports.Header = _styledComponents.default.div.withConfig({
|
|
59
44
|
displayName: "Membershipstyle__Header",
|
|
60
45
|
componentId: "sc-13acbel-3"
|
|
61
46
|
})(["padding:", " ", " 0;margin-bottom:", ";"], (0, _spacing.default)('l'), (0, _spacing.default)('md'), (0, _spacing.default)('l'));
|
|
62
|
-
|
|
63
|
-
exports.Header = Header;
|
|
64
|
-
|
|
65
|
-
var FormWrapper = _styledComponents.default.div.withConfig({
|
|
47
|
+
var FormWrapper = exports.FormWrapper = _styledComponents.default.div.withConfig({
|
|
66
48
|
displayName: "Membershipstyle__FormWrapper",
|
|
67
49
|
componentId: "sc-13acbel-4"
|
|
68
50
|
})(["background-color:", ";box-shadow:0px ", " ", " rgba(0,0,0,0.3);height:450px;", "{height:430px;}"], function (_ref6) {
|
|
69
51
|
var theme = _ref6.theme;
|
|
70
52
|
return theme.color('white');
|
|
71
53
|
}, (0, _spacing.default)('md'), (0, _spacing.default)('xl'), (0, _size.media)('medium'));
|
|
72
|
-
|
|
73
|
-
exports.FormWrapper = FormWrapper;
|
|
74
|
-
var Error = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
54
|
+
var Error = exports.Error = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
75
55
|
displayName: "Membershipstyle__Error",
|
|
76
56
|
componentId: "sc-13acbel-5"
|
|
77
57
|
})(["color:", ";font-size:", ";font-weight:500;"], function (_ref7) {
|
|
78
58
|
var theme = _ref7.theme;
|
|
79
59
|
return theme.color('red');
|
|
80
60
|
}, (0, _spacing.default)('md'));
|
|
81
|
-
exports.
|
|
82
|
-
|
|
83
|
-
var Form = _styledComponents.default.form.withConfig({
|
|
61
|
+
var Form = exports.Form = _styledComponents.default.form.withConfig({
|
|
84
62
|
displayName: "Membershipstyle__Form",
|
|
85
63
|
componentId: "sc-13acbel-6"
|
|
86
64
|
})(["padding:", ";h3{margin-top:", ";}input{max-width:100%;margin:0;}"], (0, _spacing.default)('md'), (0, _spacing.default)('md'));
|
|
87
|
-
|
|
88
|
-
exports.Form = Form;
|
|
89
|
-
|
|
90
|
-
var OuterFieldset = _styledComponents.default.fieldset.withConfig({
|
|
65
|
+
var OuterFieldset = exports.OuterFieldset = _styledComponents.default.fieldset.withConfig({
|
|
91
66
|
displayName: "Membershipstyle__OuterFieldset",
|
|
92
67
|
componentId: "sc-13acbel-7"
|
|
93
68
|
})(["padding:0;margin:0;border:none;>:not(:last-child):not(legend){margin-bottom:", ";}"], (0, _spacing.default)('l'));
|
|
94
|
-
|
|
95
|
-
exports.OuterFieldset = OuterFieldset;
|
|
96
|
-
|
|
97
|
-
var Legend = _styledComponents.default.legend.withConfig({
|
|
69
|
+
var Legend = exports.Legend = _styledComponents.default.legend.withConfig({
|
|
98
70
|
displayName: "Membershipstyle__Legend",
|
|
99
71
|
componentId: "sc-13acbel-8"
|
|
100
72
|
})(["margin:0;padding:0;"]);
|
|
101
|
-
|
|
102
|
-
exports.Legend = Legend;
|
|
103
|
-
|
|
104
|
-
var MoneyBuys = _styledComponents.default.div.withConfig({
|
|
73
|
+
var MoneyBuys = exports.MoneyBuys = _styledComponents.default.div.withConfig({
|
|
105
74
|
displayName: "Membershipstyle__MoneyBuys",
|
|
106
75
|
componentId: "sc-13acbel-9"
|
|
107
76
|
})(["display:flex;justify-content:space-between;label{flex:0 0 30%;input{cursor:pointer;padding:", ";}:hover input{border-color:", ";}}"], (0, _spacing.default)('md'), function (_ref8) {
|
|
108
77
|
var theme = _ref8.theme;
|
|
109
78
|
return theme.color('red');
|
|
110
79
|
});
|
|
111
|
-
|
|
112
|
-
exports.MoneyBuys = MoneyBuys;
|
|
113
|
-
|
|
114
|
-
var FormFieldset = _styledComponents.default.div.withConfig({
|
|
80
|
+
var FormFieldset = exports.FormFieldset = _styledComponents.default.div.withConfig({
|
|
115
81
|
displayName: "Membershipstyle__FormFieldset",
|
|
116
82
|
componentId: "sc-13acbel-10"
|
|
117
83
|
})(["display:flex;align-items:center;"]);
|
|
118
|
-
|
|
119
|
-
exports.FormFieldset = FormFieldset;
|
|
120
|
-
var Label = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
84
|
+
var Label = exports.Label = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
121
85
|
displayName: "Membershipstyle__Label",
|
|
122
86
|
componentId: "sc-13acbel-11"
|
|
123
87
|
})(["margin-right:auto;"]);
|
|
124
|
-
exports.
|
|
125
|
-
var AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
88
|
+
var AmountField = exports.AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
126
89
|
displayName: "Membershipstyle__AmountField",
|
|
127
90
|
componentId: "sc-13acbel-12"
|
|
128
91
|
})(["position:relative;flex:0 0 50%;font-weight:400;display:block;", "{flex:0 0 60%;}span{position:absolute;padding:0px 15px;font-size:20px;top:50%;transform:translateY(-50%);left:0px;font-weight:500;}input{border:2px solid ", ";background:transparent;padding:", " ", " ", " ", ";", ":focus{border:2px solid ", ";}}"], (0, _size.media)('medium'), function (_ref9) {
|
|
@@ -130,20 +93,17 @@ var AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
|
130
93
|
return theme.color('grey_medium');
|
|
131
94
|
}, (0, _spacing.default)('sm'), (0, _spacing.default)('md'), (0, _spacing.default)('sm'), (0, _spacing.default)('l'), function (_ref10) {
|
|
132
95
|
var inputBorderColor = _ref10.inputBorderColor,
|
|
133
|
-
|
|
96
|
+
theme = _ref10.theme;
|
|
134
97
|
return inputBorderColor && "border: 2px solid ".concat(theme.color('red'), ";");
|
|
135
98
|
}, function (_ref11) {
|
|
136
99
|
var theme = _ref11.theme;
|
|
137
100
|
return theme.color('red');
|
|
138
101
|
});
|
|
139
|
-
exports.
|
|
140
|
-
var Copy = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
102
|
+
var Copy = exports.Copy = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
141
103
|
displayName: "Membershipstyle__Copy",
|
|
142
104
|
componentId: "sc-13acbel-13"
|
|
143
105
|
})(["line-height:1.5;"]);
|
|
144
|
-
exports.
|
|
145
|
-
|
|
146
|
-
var Button = _styledComponents.default.button.withConfig({
|
|
106
|
+
var Button = exports.Button = _styledComponents.default.button.withConfig({
|
|
147
107
|
displayName: "Membershipstyle__Button",
|
|
148
108
|
componentId: "sc-13acbel-14"
|
|
149
109
|
})(["width:100%;color:", ";font-size:", ";font-weight:bold;cursor:pointer;padding:", " ", ";background:", ";border:none;border-radius:100px;:active,:focus,:hover{background-color:", ";}", "{width:auto;padding:", " ", ";margin:0 auto ", ";}"], function (_ref12) {
|
|
@@ -154,11 +114,9 @@ var Button = _styledComponents.default.button.withConfig({
|
|
|
154
114
|
return theme.fontSize('s');
|
|
155
115
|
}, (0, _spacing.default)('md'), (0, _spacing.default)('sm'), function (_ref14) {
|
|
156
116
|
var theme = _ref14.theme,
|
|
157
|
-
|
|
117
|
+
color = _ref14.color;
|
|
158
118
|
return color ? theme.color(color) : theme.color('red');
|
|
159
119
|
}, function (_ref15) {
|
|
160
120
|
var theme = _ref15.theme;
|
|
161
121
|
return theme.color('coral_dark');
|
|
162
|
-
}, (0, _size.media)('medium'), (0, _spacing.default)('md'), (0, _spacing.default)('l'), (0, _spacing.default)('l'));
|
|
163
|
-
|
|
164
|
-
exports.Button = Button;
|
|
122
|
+
}, (0, _size.media)('medium'), (0, _spacing.default)('md'), (0, _spacing.default)('l'), (0, _spacing.default)('l'));
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Membership = _interopRequireDefault(require("./Membership"));
|
|
12
|
-
|
|
13
8
|
var _data = require("../../../styleguide/data/data");
|
|
14
|
-
|
|
15
9
|
var _data2 = _interopRequireDefault(require("./dev-data/data"));
|
|
16
|
-
|
|
17
10
|
it("renders correctly", function () {
|
|
18
11
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Membership.default, {
|
|
19
12
|
alt: "Background image",
|
|
@@ -1,26 +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 _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 _excluded = ["setOtherAmount", "amount", "currency", "description"];
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
24
15
|
var MoneyBox = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
25
16
|
displayName: "MoneyBox",
|
|
26
17
|
componentId: "sc-18hf1f8-0"
|
|
@@ -32,8 +23,8 @@ var MoneyBox = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
|
32
23
|
return theme.fontSize('l');
|
|
33
24
|
}, function (_ref3) {
|
|
34
25
|
var boxBorderColor = _ref3.boxBorderColor,
|
|
35
|
-
|
|
36
|
-
|
|
26
|
+
isInputMatchBox = _ref3.isInputMatchBox,
|
|
27
|
+
isSelected = _ref3.isSelected;
|
|
37
28
|
return (boxBorderColor === isInputMatchBox || isSelected) && (0, _styledComponents.css)(["border-color:", ";background-color:", ";color:", ";"], function (_ref4) {
|
|
38
29
|
var theme = _ref4.theme;
|
|
39
30
|
return theme.color('red');
|
|
@@ -45,13 +36,12 @@ var MoneyBox = (0, _styledComponents.default)(_Input.default).withConfig({
|
|
|
45
36
|
return theme.color('white');
|
|
46
37
|
});
|
|
47
38
|
});
|
|
48
|
-
|
|
49
39
|
var MoneyBuy = function MoneyBuy(_ref7) {
|
|
50
40
|
var setOtherAmount = _ref7.setOtherAmount,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
41
|
+
amount = _ref7.amount,
|
|
42
|
+
currency = _ref7.currency,
|
|
43
|
+
description = _ref7.description,
|
|
44
|
+
rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
|
|
55
45
|
return /*#__PURE__*/_react.default.createElement(MoneyBox, Object.assign({}, rest, {
|
|
56
46
|
"aria-label": description,
|
|
57
47
|
value: "".concat(currency, " ").concat(amount),
|
|
@@ -61,11 +51,9 @@ var MoneyBuy = function MoneyBuy(_ref7) {
|
|
|
61
51
|
onClick: setOtherAmount
|
|
62
52
|
}));
|
|
63
53
|
};
|
|
64
|
-
|
|
65
54
|
MoneyBuy.defaultProps = {
|
|
66
55
|
amount: '10',
|
|
67
56
|
currency: '£',
|
|
68
57
|
description: 'description'
|
|
69
58
|
};
|
|
70
|
-
var _default = MoneyBuy;
|
|
71
|
-
exports.default = _default;
|
|
59
|
+
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: 'test-sept2019-C365',
|
|
9
9
|
regularGiving: {
|
|
10
10
|
moneybuys: [{
|
|
@@ -18,5 +18,4 @@ var _default = {
|
|
|
18
18
|
value: '20'
|
|
19
19
|
}]
|
|
20
20
|
}
|
|
21
|
-
};
|
|
22
|
-
exports.default = _default;
|
|
21
|
+
};
|
|
@@ -1,20 +1,14 @@
|
|
|
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 = renderWithTheme;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
13
|
-
|
|
14
10
|
var _index = require("../index");
|
|
15
|
-
|
|
16
11
|
var _ThemeProvider = _interopRequireDefault(require("../theme/ThemeProvider"));
|
|
17
|
-
|
|
18
12
|
function renderWithTheme(component) {
|
|
19
13
|
return _reactTestRenderer.default.create( /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
|
|
20
14
|
theme: _index.crTheme
|