@comicrelief/component-library 6.3.0 → 6.4.0

package/dist/components/Organisms/Donate/Donate.js

@@ -39,7 +39,8 @@ var Donate = function Donate(_ref) {
       mobileAlt = _ref.mobileAlt,
       mbshipID = _ref.mbshipID,
       noMoneyBuys = _ref.noMoneyBuys,
-      PopUpText = _ref.PopUpText;
+      PopUpText = _ref.PopUpText,
+      chooseAmountText = _ref.chooseAmountText;
   var isDesktop = (0, _reactResponsive.useMediaQuery)({
     query: "(min-width: ".concat(_size.screen.medium, ")")
   });
@@ -88,7 +89,8 @@ var Donate = function Donate(_ref) {
     mbshipID: mbshipID,
     donateLink: donateLink,
     noMoneyBuys: noMoneyBuys,
-    PopUpText: PopUpText
+    PopUpText: PopUpText,
+    chooseAmountText: chooseAmountText
   })));
 };
 
@@ -108,7 +110,8 @@ Donate.defaultProps = {
   otherDescription: 'will help us fund amazing projects in the UK and around the world.',
   subtitle: '',
   noMoneyBuys: false,
-  PopUpText: "Will you become one of our valued monthly supporters by converting your single donation into a smaller, monthly donation? By giving monthly, you'll help us deliver long-term impact."
+  PopUpText: "Will you become one of our valued monthly supporters by converting your single donation into a smaller, monthly donation? By giving monthly, you'll help us deliver long-term impact.",
+  chooseAmountText: ''
 };
 var _default = Donate;
 exports.default = _default;

package/dist/components/Organisms/Donate/Donate.md

@@ -204,7 +204,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 />;
 ```
 
-## Single Giving "No Money Buys", no background image
+## Single Giving "No Money Buys", no background image, overriding 'choose amount' text
 
 ```js
 import data from './dev-data/data-single';
@@ -221,5 +221,6 @@ import data from './dev-data/data-single';
   noMoneyBuys
   subtitle=""
   otherDescription="will help us fund amazing projects in the UK and around the world."
+  chooseAmountText="Overridden via the 'choose amount text' props"
 />;
 ```

package/dist/components/Organisms/Donate/Donate.test.js

@@ -65,7 +65,8 @@ it('Single donation with no Money Buys renders correctly', function () {
     title: "Donate Now",
     noMoneyBuys: true,
     subtitle: "Please help us fund life-changing projects in the UK and around the world.",
-    otherDescription: "will help us fund amazing projects in the UK and around the world."
+    otherDescription: "will help us fund amazing projects in the UK and around the world.",
+    chooseAmountText: "Overridden via the 'choose amount text' props"
   })).toJSON();
   expect(tree).toMatchSnapshot();
 });

package/dist/components/Organisms/Donate/Form/Form.js

@@ -25,7 +25,7 @@ var _Donate = require("../Donate.style");
 
 var _GivingSelector = _interopRequireDefault(require("../GivingSelector/GivingSelector"));
 
-var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID", "noMoneyBuys", "PopUpText"];
+var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID", "noMoneyBuys", "PopUpText", "chooseAmountText"];
 
 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); }
 
@@ -42,6 +42,7 @@ var Signup = function Signup(_ref) {
       mbshipID = _ref.mbshipID,
       noMoneyBuys = _ref.noMoneyBuys,
       PopUpText = _ref.PopUpText,
+      chooseAmountText = _ref.chooseAmountText,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)('single'),
@@ -121,7 +122,7 @@ var Signup = function Signup(_ref) {
     tag: "span",
     size: "l",
     weight: "bold"
-  }, "".concat(noMoneyBuys ? 'Enter' : 'Choose', " an amount to give"))), !noMoneyBuys && /*#__PURE__*/_react.default.createElement(_Donate.MoneyBuys, null, givingData.moneybuys.map(function (_ref2, index) {
+  }, chooseAmountText || "".concat(noMoneyBuys ? 'Enter' : 'Choose', " an amount to give"))), !noMoneyBuys && /*#__PURE__*/_react.default.createElement(_Donate.MoneyBuys, null, givingData.moneybuys.map(function (_ref2, index) {
     var value = _ref2.value;
     return /*#__PURE__*/_react.default.createElement(_MoneyBox.default, {
       isSelected: amountDonate === value,

package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -2042,7 +2042,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
               color="inherit"
               size="l"
             >
-              Enter an amount to give
+              Overridden via the 'choose amount text' props
             </span>
           </legend>
           <div

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "6.3.0",
+  "version": "6.4.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/Organisms/Donate/Donate.js

@@ -34,7 +34,8 @@ const Donate = ({
   mobileAlt,
   mbshipID,
   noMoneyBuys,
-  PopUpText
+  PopUpText,
+  chooseAmountText
 }) => {
   const isDesktop = useMediaQuery({ query: `(min-width: ${screen.medium})` });
 
@@ -99,6 +100,7 @@ const Donate = ({
           donateLink={donateLink}
           noMoneyBuys={noMoneyBuys}
           PopUpText={PopUpText}
+          chooseAmountText={chooseAmountText}
         />
       </Wrapper>
     </Container>
@@ -125,7 +127,8 @@ Donate.propTypes = {
   backgroundColor: PropTypes.string,
   mbshipID: PropTypes.string,
   noMoneyBuys: PropTypes.bool,
-  PopUpText: PropTypes.string
+  PopUpText: PropTypes.string,
+  chooseAmountText: PropTypes.string
 };
 
 Donate.defaultProps = {
@@ -145,7 +148,8 @@ Donate.defaultProps = {
     'will help us fund amazing projects in the UK and around the world.',
   subtitle: '',
   noMoneyBuys: false,
-  PopUpText: "Will you become one of our valued monthly supporters by converting your single donation into a smaller, monthly donation? By giving monthly, you'll help us deliver long-term impact."
+  PopUpText: "Will you become one of our valued monthly supporters by converting your single donation into a smaller, monthly donation? By giving monthly, you'll help us deliver long-term impact.",
+  chooseAmountText: ''
 };
 
 export default Donate;

package/src/components/Organisms/Donate/Donate.md

@@ -204,7 +204,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 />;
 ```
 
-## Single Giving "No Money Buys", no background image
+## Single Giving "No Money Buys", no background image, overriding 'choose amount' text
 
 ```js
 import data from './dev-data/data-single';
@@ -221,5 +221,6 @@ import data from './dev-data/data-single';
   noMoneyBuys
   subtitle=""
   otherDescription="will help us fund amazing projects in the UK and around the world."
+  chooseAmountText="Overridden via the 'choose amount text' props"
 />;
 ```

package/src/components/Organisms/Donate/Donate.test.js

@@ -66,6 +66,7 @@ it('Single donation with no Money Buys renders correctly', () => {
       noMoneyBuys
       subtitle="Please help us fund life-changing projects in the UK and around the world."
       otherDescription="will help us fund amazing projects in the UK and around the world."
+      chooseAmountText="Overridden via the 'choose amount text' props"
     />
   ).toJSON();
 

package/src/components/Organisms/Donate/Form/Form.js

@@ -32,6 +32,7 @@ const Signup = ({
   mbshipID,
   noMoneyBuys,
   PopUpText,
+  chooseAmountText,
   ...rest
 }) => {
   const [givingType, setGivingType] = useState('single');
@@ -142,7 +143,7 @@ const Signup = ({
         <OuterFieldset>
           <Legend>
             <Text tag="span" size="l" weight="bold">
-              {`${noMoneyBuys ? 'Enter' : 'Choose'} an amount to give`}
+              {chooseAmountText || `${noMoneyBuys ? 'Enter' : 'Choose'} an amount to give`}
             </Text>
           </Legend>
           {!noMoneyBuys && (
@@ -220,7 +221,8 @@ Signup.propTypes = {
   mbshipID: PropTypes.string.isRequired,
   noMoneyBuys: PropTypes.bool,
   data: PropTypes.objectOf(PropTypes.shape),
-  PopUpText: PropTypes.string.isRequired
+  PopUpText: PropTypes.string.isRequired,
+  chooseAmountText: PropTypes.string.isRequired
 };
 
 Signup.defaultProps = {

package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap

@@ -2042,7 +2042,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
               color="inherit"
               size="l"
             >
-              Enter an amount to give
+              Overridden via the 'choose amount text' props
             </span>
           </legend>
           <div