@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.
Files changed (215) hide show
  1. package/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
  2. package/dist/components/Atoms/Button/Button.js +4 -16
  3. package/dist/components/Atoms/Button/Button.test.js +0 -5
  4. package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
  5. package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
  6. package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
  7. package/dist/components/Atoms/Confetti/Confetti.js +8 -23
  8. package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
  9. package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
  10. package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
  11. package/dist/components/Atoms/Icons/Arrow.js +7 -21
  12. package/dist/components/Atoms/Icons/AtSign.js +4 -14
  13. package/dist/components/Atoms/Icons/Chevron.js +7 -21
  14. package/dist/components/Atoms/Icons/Curve.js +1 -6
  15. package/dist/components/Atoms/Icons/Download.js +4 -14
  16. package/dist/components/Atoms/Icons/External.js +4 -14
  17. package/dist/components/Atoms/Icons/Favourite.js +4 -14
  18. package/dist/components/Atoms/Icons/Internal.js +4 -14
  19. package/dist/components/Atoms/Icons/index.js +14 -22
  20. package/dist/components/Atoms/Input/Input.js +15 -35
  21. package/dist/components/Atoms/Input/input.test.js +0 -5
  22. package/dist/components/Atoms/Label/Label.js +12 -24
  23. package/dist/components/Atoms/Link/Link.js +18 -35
  24. package/dist/components/Atoms/Link/Link.style.js +9 -25
  25. package/dist/components/Atoms/Link/Link.test.js +0 -6
  26. package/dist/components/Atoms/Logo/Logo.js +5 -22
  27. package/dist/components/Atoms/Logo/Logo.test.js +0 -5
  28. package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
  29. package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
  30. package/dist/components/Atoms/Pagination/List/List.js +10 -21
  31. package/dist/components/Atoms/Pagination/Pagination.js +25 -47
  32. package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
  33. package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
  34. package/dist/components/Atoms/Picture/Picture.js +19 -39
  35. package/dist/components/Atoms/Picture/Picture.test.js +0 -6
  36. package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
  37. package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
  38. package/dist/components/Atoms/RichText/RichText.js +4 -15
  39. package/dist/components/Atoms/RichText/RichText.test.js +0 -5
  40. package/dist/components/Atoms/Select/Select.js +19 -39
  41. package/dist/components/Atoms/Select/Select.test.js +0 -5
  42. package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
  43. package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
  44. package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
  45. package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
  46. package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
  47. package/dist/components/Atoms/Text/Text.js +16 -29
  48. package/dist/components/Atoms/Text/Text.test.js +0 -5
  49. package/dist/components/Atoms/TextArea/TextArea.js +10 -25
  50. package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
  51. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
  52. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
  53. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
  54. package/dist/components/Molecules/Accordion/Accordion.js +8 -29
  55. package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
  56. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
  57. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
  58. package/dist/components/Molecules/Banner/Banner.js +3 -13
  59. package/dist/components/Molecules/Banner/Banner.test.js +0 -6
  60. package/dist/components/Molecules/Box/Box.js +9 -22
  61. package/dist/components/Molecules/Box/Box.test.js +0 -6
  62. package/dist/components/Molecules/Card/Card.js +11 -24
  63. package/dist/components/Molecules/Card/Card.test.js +0 -6
  64. package/dist/components/Molecules/CardDs/CardDs.js +17 -41
  65. package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
  66. package/dist/components/Molecules/Chip/Chip.js +4 -10
  67. package/dist/components/Molecules/Chip/Chip.style.js +8 -48
  68. package/dist/components/Molecules/Chip/Chip.test.js +0 -6
  69. package/dist/components/Molecules/Countdown/Countdown.js +17 -32
  70. package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
  71. package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
  72. package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
  73. package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
  74. package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
  75. package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
  76. package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
  77. package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
  78. package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
  79. package/dist/components/Molecules/Logos/Logos.js +1 -11
  80. package/dist/components/Molecules/Lookup/Lookup.js +25 -57
  81. package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
  82. package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
  83. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
  84. package/dist/components/Molecules/Promo/Promo.js +33 -47
  85. package/dist/components/Molecules/Promo/Promo.md +2 -1
  86. package/dist/components/Molecules/Promo/Promo.style.js +12 -37
  87. package/dist/components/Molecules/Promo/Promo.test.js +0 -8
  88. package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
  89. package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
  90. package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
  91. package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
  92. package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
  93. package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
  94. package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
  95. package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
  96. package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
  97. package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
  98. package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
  99. package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
  100. package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
  101. package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
  102. package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
  103. package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
  104. package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
  105. package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
  106. package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
  107. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
  108. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
  109. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
  110. package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
  111. package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
  112. package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
  113. package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
  114. package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
  115. package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
  116. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
  117. package/dist/components/Organisms/Donate/Donate.js +36 -48
  118. package/dist/components/Organisms/Donate/Donate.style.js +23 -71
  119. package/dist/components/Organisms/Donate/Donate.test.js +0 -8
  120. package/dist/components/Organisms/Donate/Form/Form.js +53 -80
  121. package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
  122. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
  123. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
  124. package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
  125. package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
  126. package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
  127. package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
  128. package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
  129. package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
  130. package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
  131. package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
  132. package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
  133. package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
  134. package/dist/components/Organisms/Footer/Footer.js +5 -17
  135. package/dist/components/Organisms/Footer/Footer.style.js +10 -35
  136. package/dist/components/Organisms/Footer/Footer.test.js +1 -7
  137. package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
  138. package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
  139. package/dist/components/Organisms/Footer/data/data.js +2 -3
  140. package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
  141. package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
  142. package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
  143. package/dist/components/Organisms/Header/Header.js +4 -14
  144. package/dist/components/Organisms/Header/Header.style.js +5 -22
  145. package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
  146. package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
  147. package/dist/components/Organisms/Header/data/data.js +2 -3
  148. package/dist/components/Organisms/Header/header.test.js +5 -2
  149. package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
  150. package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
  151. package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  152. package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
  153. package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
  154. package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
  155. package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
  156. package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
  157. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
  158. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
  159. package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
  160. package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
  161. package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
  162. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
  163. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
  164. package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
  165. package/dist/components/Organisms/Membership/Form/Form.js +50 -83
  166. package/dist/components/Organisms/Membership/Membership.js +13 -21
  167. package/dist/components/Organisms/Membership/Membership.style.js +21 -63
  168. package/dist/components/Organisms/Membership/Membership.test.js +0 -7
  169. package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
  170. package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
  171. package/dist/hoc/shallowWithTheme.js +0 -6
  172. package/dist/index.js +134 -187
  173. package/dist/styleguide/CRLogo.js +1 -9
  174. package/dist/styleguide/StyleGuideRenderer.js +6 -10
  175. package/dist/styleguide/ThemeWrapper.js +1 -8
  176. package/dist/styleguide/data/data.js +20 -5
  177. package/dist/theme/ThemeProvider.js +1 -5
  178. package/dist/theme/crTheme/buttonColors.js +2 -11
  179. package/dist/theme/crTheme/colors.js +3 -9
  180. package/dist/theme/crTheme/fontSizes.js +2 -6
  181. package/dist/theme/crTheme/linkStyles.js +2 -11
  182. package/dist/theme/crTheme/theme.js +2 -11
  183. package/dist/theme/shared/breakpoint.js +4 -9
  184. package/dist/theme/shared/fontFamilies.js +2 -7
  185. package/dist/theme/shared/hideVisually.js +1 -4
  186. package/dist/theme/shared/size.js +5 -11
  187. package/dist/theme/shared/spacing.js +1 -5
  188. package/dist/theme/shared/zIndex.js +1 -8
  189. package/dist/theme/srTheme/buttonColors.js +2 -11
  190. package/dist/theme/srTheme/colors.js +3 -9
  191. package/dist/theme/srTheme/fontSizes.js +2 -6
  192. package/dist/theme/srTheme/linkStyles.js +2 -11
  193. package/dist/theme/srTheme/theme.js +2 -11
  194. package/dist/utils/Membership.js +11 -28
  195. package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
  196. package/dist/utils/ShareButton/shareTracking.js +1 -5
  197. package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
  198. package/dist/utils/allowListed.js +1 -5
  199. package/dist/utils/allowListed.test.js +0 -2
  200. package/dist/utils/internalLinkHelper.js +11 -20
  201. package/dist/utils/navHelper.js +1 -6
  202. package/package.json +2 -1
  203. package/react-range-slider-input.d.ts +2 -0
  204. package/src/components/Molecules/Promo/Promo.md +2 -1
  205. package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
  206. package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
  207. package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
  208. package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  209. package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
  210. package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
  211. package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
  212. package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
  213. package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
  214. package/src/index.js +1 -0
  215. 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- donateLink = _ref.donateLink,
37
- otherDescription = _ref.otherDescription,
38
- clientID = _ref.clientID,
39
- cartID = _ref.cartID,
40
- mbshipID = _ref.mbshipID,
41
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
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
- box1: '',
45
- box2: '',
46
- box3: ''
47
- }),
48
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
49
- moneyBoxes = _useState2[0],
50
- setMoneyBoxes = _useState2[1]; // Highlight one the money buy box when the page load
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
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
55
- isSelected = _useState4[0],
56
- setIsSelected = _useState4[1];
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
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
60
- errorMsg = _useState6[0],
61
- setErrorMsg = _useState6[1];
62
-
42
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
43
+ errorMsg = _useState6[0],
44
+ setErrorMsg = _useState6[1];
63
45
  var _useState7 = (0, _react.useState)(''),
64
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
65
- amountDonate = _useState8[0],
66
- setAmountDonate = _useState8[1];
67
-
46
+ _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
47
+ amountDonate = _useState8[0],
48
+ setAmountDonate = _useState8[1];
68
49
  var _useState9 = (0, _react.useState)(''),
69
- _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
70
- userInput = _useState10[0],
71
- setUserInput = _useState10[1];
72
-
50
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
51
+ userInput = _useState10[0],
52
+ setUserInput = _useState10[1];
73
53
  var _useState11 = (0, _react.useState)(''),
74
- _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
75
- boxBorderColor = _useState12[0],
76
- setBoxBorderColor = _useState12[1];
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
- _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
80
- inputBorderColor = _useState14[0],
81
- setInputBorderColor = _useState14[1];
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
- _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
85
- moneyBuyCopy = _useState16[0],
86
- setMoneyBuyCopy = _useState16[1]; // This function is triggered when one of the money buy box is selected
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); // Check if input is highlighted and his value matches one of the money buy box
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
- }; // Handle user other amount input
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
- } // Highlight both input and box
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); // eslint-disable-next-line no-shadow
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
- }; // Create money buy boxes
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
- description = _ref2.description;
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
- cartID = _ref.cartID,
21
- backgroundColor = _ref.backgroundColor,
22
- donateLink = _ref.donateLink,
23
- data = _ref.data,
24
- title = _ref.title,
25
- subtitle = _ref.subtitle,
26
- otherDescription = _ref.otherDescription,
27
- formAligntRight = _ref.formAligntRight,
28
- images = _ref.images,
29
- image = _ref.image,
30
- imageLow = _ref.imageLow,
31
- mbshipID = _ref.mbshipID;
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.Legend = exports.OuterFieldset = exports.AmountField = exports.MoneyBuys = exports.Form = exports.Wrapper = exports.Label = exports.Header = exports.FormWrapper = exports.FormFieldset = exports.Error = exports.Container = exports.Copy = exports.Button = exports.BgImage = void 0;
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
- backgroundColor = _ref.backgroundColor;
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
- backgroundColor = _ref4.backgroundColor;
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.BgImage = BgImage;
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.Error = Error;
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.Label = Label;
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
- theme = _ref10.theme;
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.AmountField = AmountField;
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.Copy = Copy;
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
- color = _ref14.color;
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- isInputMatchBox = _ref3.isInputMatchBox,
36
- isSelected = _ref3.isSelected;
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
- amount = _ref7.amount,
52
- currency = _ref7.currency,
53
- description = _ref7.description,
54
- rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
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