@comicrelief/component-library 7.22.0 → 7.23.0

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

@@ -1,94 +1,68 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Legend = exports.OuterFieldset = exports.AmountField = exports.MoneyBuys = exports.Form = exports.Wrapper = exports.Label = exports.HeaderInner = exports.Header = exports.FormWrapper = exports.FormFieldset = exports.Error = exports.PopUp = exports.Container = exports.Copy = exports.Button = exports.BgImage = void 0;
-
+exports.Wrapper = exports.PopUp = exports.OuterFieldset = exports.MoneyBuys = exports.Legend = exports.Label = exports.HeaderInner = exports.Header = exports.FormWrapper = exports.FormFieldset = exports.Form = exports.Error = exports.Copy = exports.Container = exports.Button = exports.BgImage = exports.AmountField = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _size = require("../../../theme/shared/size");
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 // import styled, { css } from 'styled-components';
-var Container = _styledComponents.default.div.withConfig({
+
+var Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__Container",
   componentId: "sc-8rjm3t-0"
 })(["position:relative;display:flex;flex-direction:column;justify-content:center;height:auto;background-color:", ";", "{flex-direction:row;align-items:center;justify-content:inherit;background-color:", ";}"], function (_ref) {
   var theme = _ref.theme,
-      mobileBackgroundColor = _ref.mobileBackgroundColor;
+    mobileBackgroundColor = _ref.mobileBackgroundColor;
   return theme.color(mobileBackgroundColor);
 }, (0, _size.media)('medium'), function (_ref2) {
   var theme = _ref2.theme,
-      desktopOverlayColor = _ref2.desktopOverlayColor;
+    desktopOverlayColor = _ref2.desktopOverlayColor;
   return theme.color(desktopOverlayColor);
 });
-
-exports.Container = Container;
-
-var PopUp = _styledComponents.default.div.withConfig({
+var PopUp = exports.PopUp = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__PopUp",
   componentId: "sc-8rjm3t-1"
 })(["background:green;height:100px;"]);
-
-exports.PopUp = PopUp;
-var BgImage = (0, _styledComponents.default)(_Picture.default).withConfig({
+var BgImage = exports.BgImage = (0, _styledComponents.default)(_Picture.default).withConfig({
   displayName: "Donatestyle__BgImage",
   componentId: "sc-8rjm3t-2"
 })(["display:block;position:absolute;bottom:0;left:0;right:0;height:100%;", ""], function (_ref3) {
   var backgroundColor = _ref3.backgroundColor;
   return backgroundColor !== 'transparent' && "\n    opacity: 0.4;\n  ";
 });
-exports.BgImage = BgImage;
-
-var Wrapper = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__Wrapper",
   componentId: "sc-8rjm3t-3"
 })(["position:relative;text-align:center;padding:", " ", ";flex-direction:row;align-items:center;display:block;width:100%;flex-direction:", ";", "{padding:", " ", ";}", "{display:flex;padding:", " 0;}"], (0, _spacing.default)('l'), (0, _spacing.default)('md'), function (_ref4) {
   var formAlignRight = _ref4.formAlignRight;
   return formAlignRight === true ? 'row-reverse' : 'row';
 }, (0, _size.media)('small'), (0, _spacing.default)('xl'), (0, _spacing.default)('md'), (0, _size.media)('medium'), (0, _spacing.default)('xl'));
-
-exports.Wrapper = Wrapper;
-
-var Header = _styledComponents.default.div.withConfig({
+var Header = exports.Header = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__Header",
   componentId: "sc-8rjm3t-4"
 })(["width:100%;display:flex;font-family:", ";", "{width:50%;padding:", ";align-items:center;}"], function (_ref5) {
   var theme = _ref5.theme;
   return theme.fontFamilies(theme.font.regular);
 }, (0, _size.media)('medium'), (0, _spacing.default)('xl'));
-
-exports.Header = Header;
-
-var HeaderInner = _styledComponents.default.div.withConfig({
+var HeaderInner = exports.HeaderInner = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__HeaderInner",
   componentId: "sc-8rjm3t-5"
 })(["position:relative;text-align:left;"]);
-
-exports.HeaderInner = HeaderInner;
-
-var FormWrapper = _styledComponents.default.div.withConfig({
+var FormWrapper = exports.FormWrapper = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__FormWrapper",
   componentId: "sc-8rjm3t-6"
 })(["position:relative;font-family:", ";", "{width:50%;}"], function (_ref6) {
   var theme = _ref6.theme;
   return theme.fontFamilies(theme.font.regular);
 }, (0, _size.media)('medium'));
-
-exports.FormWrapper = FormWrapper;
-var Error = (0, _styledComponents.default)(_Text.default).withConfig({
+var Error = exports.Error = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Donatestyle__Error",
   componentId: "sc-8rjm3t-7"
 })(["color:", ";font-size:", ";font-weight:500;margin-top:", ";"], function (_ref7) {
@@ -98,51 +72,34 @@ var Error = (0, _styledComponents.default)(_Text.default).withConfig({
   var theme = _ref8.theme;
   return theme.fontSize('s');
 }, (0, _spacing.default)('l'));
-exports.Error = Error;
-
-var Form = _styledComponents.default.form.withConfig({
+var Form = exports.Form = _styledComponents.default.form.withConfig({
   displayName: "Donatestyle__Form",
   componentId: "sc-8rjm3t-8"
 })(["position:relative;width:100%;background-color:", ";box-shadow:0px 0px 16px rgba(0,0,0,0.15);border-radius:10px;margin-top:", ";h3{margin-top:", ";}input{max-width:100%;margin:0;}input[type='submit']{margin:", " 0;}", "{width:450px;margin-right:auto;margin-left:auto;}"], function (_ref9) {
   var theme = _ref9.theme;
   return theme.color('white');
 }, (0, _spacing.default)('md'), (0, _spacing.default)('md'), (0, _spacing.default)('l'), (0, _size.media)('small'));
-
-exports.Form = Form;
-
-var OuterFieldset = _styledComponents.default.fieldset.withConfig({
+var OuterFieldset = exports.OuterFieldset = _styledComponents.default.fieldset.withConfig({
   displayName: "Donatestyle__OuterFieldset",
   componentId: "sc-8rjm3t-9"
 })(["padding:0 ", " ", ";margin:0;border:none;", "{padding:0 ", " ", ";}input[type='submit']{margin-bottom:0;}"], (0, _spacing.default)('md'), (0, _spacing.default)('md'), (0, _size.media)('small'), (0, _spacing.default)('l'), (0, _spacing.default)('l'));
-
-exports.OuterFieldset = OuterFieldset;
-
-var Legend = _styledComponents.default.legend.withConfig({
+var Legend = exports.Legend = _styledComponents.default.legend.withConfig({
   displayName: "Donatestyle__Legend",
   componentId: "sc-8rjm3t-10"
 })(["margin:0;padding:", " ", ";display:block;width:100%;"], (0, _spacing.default)('l'), (0, _spacing.default)('sm'));
-
-exports.Legend = Legend;
-
-var MoneyBuys = _styledComponents.default.div.withConfig({
+var MoneyBuys = exports.MoneyBuys = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__MoneyBuys",
   componentId: "sc-8rjm3t-11"
 })(["display:flex;justify-content:space-between;flex-direction:column;margin-bottom:", ";", "{flex-direction:row;}label{flex:0 0 30%;margin-bottom:", ";", "{margin-bottom:0;}input{cursor:pointer;padding:", "  ", ";}}"], (0, _spacing.default)('l'), (0, _size.media)('small'), (0, _spacing.default)('sm'), (0, _size.media)('small'), (0, _spacing.default)('m'), (0, _spacing.default)('sm'));
-
-exports.MoneyBuys = MoneyBuys;
-
-var FormFieldset = _styledComponents.default.div.withConfig({
+var FormFieldset = exports.FormFieldset = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__FormFieldset",
   componentId: "sc-8rjm3t-12"
 })(["display:flex;align-items:center;justify-content:center;"]);
-
-exports.FormFieldset = FormFieldset;
-var Label = (0, _styledComponents.default)(_Text.default).withConfig({
+var Label = exports.Label = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Donatestyle__Label",
   componentId: "sc-8rjm3t-13"
 })(["margin-right:", ";"], (0, _spacing.default)('sm'));
-exports.Label = Label;
-var AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
+var AmountField = exports.AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
   displayName: "Donatestyle__AmountField",
   componentId: "sc-8rjm3t-14"
 })(["position:relative;flex-basis:50%;flex-shrink:0;flex-grow:0;font-weight:400;display:block;", "{flex-basis:60%;}span{position:absolute;font-size:20px;top:50%;transform:translateY(-50%);left:0px;font-weight:500;padding:0px 15px;", ";}input{height:48px;border:2px solid ", ";background:", ";border-radius:10px;padding:", " ", " ", " ", ";&:focus{outline:none;border:2px solid ", ";}}"], (0, _size.media)('small'), (0, _zIndex.default)('high'), function (_ref10) {
@@ -155,14 +112,11 @@ var AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
   var theme = _ref12.theme;
   return theme.color('grey');
 });
-exports.AmountField = AmountField;
-var Copy = (0, _styledComponents.default)(_Text.default).withConfig({
+var Copy = exports.Copy = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Donatestyle__Copy",
   componentId: "sc-8rjm3t-15"
 })(["line-height:1.5;margin-top:", ";"], (0, _spacing.default)('l'));
-exports.Copy = Copy;
-
-var Button = _styledComponents.default.button.withConfig({
+var Button = exports.Button = _styledComponents.default.button.withConfig({
   displayName: "Donatestyle__Button",
   componentId: "sc-8rjm3t-16"
 })(["width:100%;margin:", " 0 ", ";color:", ";font-size:", ";font-weight:bold;cursor:pointer;min-height:48px;background:", ";text-decoration:none;border-radius:2rem;border:none;box-shadow:0px 0px 16px rgba(0,0,0,0.15);appearance:none;:active,:focus,:hover{outline:none;background-color:", ";}", "{padding:", " ", ";}"], (0, _spacing.default)('l'), (0, _spacing.default)('l'), function (_ref13) {
@@ -173,11 +127,9 @@ var Button = _styledComponents.default.button.withConfig({
   return theme.fontSize('s');
 }, function (_ref15) {
   var theme = _ref15.theme,
-      color = _ref15.color;
+    color = _ref15.color;
   return theme.color(color);
 }, function (_ref16) {
   var theme = _ref16.theme;
   return theme.color('coral_dark');
-}, (0, _size.media)('small'), (0, _spacing.default)('md'), (0, _spacing.default)('l'));
-
-exports.Button = Button;
+}, (0, _size.media)('small'), (0, _spacing.default)('md'), (0, _spacing.default)('l'));

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

@@ -1,21 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _Donate = _interopRequireDefault(require("./Donate"));
-
 var _data = _interopRequireDefault(require("./dev-data/data"));
-
 var _dataSingle = _interopRequireDefault(require("./dev-data/data-single"));
-
 var defaultData = require('../../../styleguide/data/data').defaultData;
-
 it('Monthly donation renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Donate.default, {
     alt: "Background image",

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

@@ -1,94 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _PopUpComponent = _interopRequireDefault(require("./PopUpComponent"));
-
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
-
 var _MoneyBuy = _interopRequireDefault(require("../MoneyBuy/MoneyBuy"));
-
 var _Membership = require("../../../../utils/Membership");
-
 var _Donate = require("../Donate.style");
-
 var _GivingSelector = _interopRequireDefault(require("../GivingSelector/GivingSelector"));
-
 var _excluded = ["data", "donateLink", "otherAmountText", "clientID", "cartID", "mbshipID", "noMoneyBuys", "PopUpText", "chooseAmountText", "submitButtonColor", "otherAmountValue"];
-
-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); }
-
-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; }
-
+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); }
+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; }
 var Signup = function Signup(_ref) {
   var _ref$data = _ref.data,
-      singleGiving = _ref$data.singleGiving,
-      regularGiving = _ref$data.regularGiving,
-      donateLink = _ref.donateLink,
-      otherAmountText = _ref.otherAmountText,
-      clientID = _ref.clientID,
-      cartID = _ref.cartID,
-      mbshipID = _ref.mbshipID,
-      noMoneyBuys = _ref.noMoneyBuys,
-      PopUpText = _ref.PopUpText,
-      chooseAmountText = _ref.chooseAmountText,
-      submitButtonColor = _ref.submitButtonColor,
-      otherAmountValue = _ref.otherAmountValue,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    singleGiving = _ref$data.singleGiving,
+    regularGiving = _ref$data.regularGiving,
+    donateLink = _ref.donateLink,
+    otherAmountText = _ref.otherAmountText,
+    clientID = _ref.clientID,
+    cartID = _ref.cartID,
+    mbshipID = _ref.mbshipID,
+    noMoneyBuys = _ref.noMoneyBuys,
+    PopUpText = _ref.PopUpText,
+    chooseAmountText = _ref.chooseAmountText,
+    submitButtonColor = _ref.submitButtonColor,
+    otherAmountValue = _ref.otherAmountValue,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)('single'),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      givingType = _useState2[0],
-      setGivingType = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    givingType = _useState2[0],
+    setGivingType = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      errorMsg = _useState4[0],
-      setErrorMsg = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    errorMsg = _useState4[0],
+    setErrorMsg = _useState4[1];
   var _useState5 = (0, _react.useState)(10),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      amountDonate = _useState6[0],
-      setAmountDonate = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    amountDonate = _useState6[0],
+    setAmountDonate = _useState6[1];
   var _useState7 = (0, _react.useState)(true),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      moneyBuyCopy = _useState8[0],
-      setMoneyBuyCopy = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    moneyBuyCopy = _useState8[0],
+    setMoneyBuyCopy = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      popOpen = _useState10[0],
-      setPopOpen = _useState10[1]; // In order to keep track of whether the user has ever been shown the popup
-
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    popOpen = _useState10[0],
+    setPopOpen = _useState10[1];
+  // In order to keep track of whether the user has ever been shown the popup
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      popUpShown = _useState12[0],
-      setPopUpShown = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    popUpShown = _useState12[0],
+    setPopUpShown = _useState12[1];
   (0, _react.useEffect)(function () {
     // If a specific 'other amount' has been passed down, use it,
     // otherwise assign based on the associated moneybuys:
     if (otherAmountValue) {
       setAmountDonate(otherAmountValue);
     } else {
-      var _givingData = givingType === 'single' ? singleGiving : regularGiving; // Check the 2nd moneybuy exists before using it;
+      var _givingData = givingType === 'single' ? singleGiving : regularGiving;
+
+      // Check the 2nd moneybuy exists before using it;
       // 'philantrophy' carts have been set up to use a single moneybuy.
       // See ENG-1685 for more details
-
-
       var thisAmount = _givingData.moneybuys[1] ? _givingData.moneybuys[1].value : _givingData.moneybuys[0].value;
       setAmountDonate(thisAmount);
     }
@@ -100,10 +79,8 @@ var Signup = function Signup(_ref) {
       if (moneyBuy.value === amountDonate) {
         moneyBuyNewDescription = moneyBuy.description;
       }
-
       return index === 1 && amountDonate === undefined && (setMoneyBuyCopy(moneyBuy.description), setAmountDonate(moneyBuy.value));
     });
-
     if (!(0, _Membership.isAmountValid)(amountDonate)) {
       if (moneyBuyCopy) setMoneyBuyCopy(false);
       if (!errorMsg) setErrorMsg(true);
@@ -111,46 +88,45 @@ var Signup = function Signup(_ref) {
       if (errorMsg) setErrorMsg(false);
       setMoneyBuyCopy(moneyBuyNewDescription);
     }
-  }, [errorMsg, moneyBuyCopy, singleGiving, regularGiving, givingType, amountDonate, otherAmountText]); // Updates our flag that differentiates between the popup
-  // being *currently* open and it *ever* having been shown to user
+  }, [errorMsg, moneyBuyCopy, singleGiving, regularGiving, givingType, amountDonate, otherAmountText]);
 
+  // Updates our flag that differentiates between the popup
+  // being *currently* open and it *ever* having been shown to user
   (0, _react.useEffect)(function () {
     if (popOpen && !popUpShown) setPopUpShown(true);
   }, [popOpen, popUpShown]);
-
   var submitDonation = function submitDonation(event, amount, clientId, cartId, mbshipId, donateURL) {
     event.preventDefault();
-
     if ((0, _Membership.isAmountValid)(amount) && !errorMsg) {
       (0, _Membership.handleDonateSubmission)(amount, clientId, cartId, mbshipId, donateURL, givingType, popUpShown);
     } else {
       setErrorMsg(true);
       setMoneyBuyCopy(false);
     }
-  }; // Update the local state if the prop has been set and changed
-
+  };
 
+  // Update the local state if the prop has been set and changed
   (0, _react.useEffect)(function () {
     if (otherAmountValue) {
       setAmountDonate(otherAmountValue);
     }
-  }, [otherAmountValue, setAmountDonate]); // Create money buy boxes
+  }, [otherAmountValue, setAmountDonate]);
 
+  // Create money buy boxes
   var givingData = givingType === 'single' ? singleGiving : regularGiving;
-  var showGivingSelector = singleGiving !== null && regularGiving !== null; // Create ref for amount input
-
-  var amountRef = (0, _react.useRef)(null); // Create ref for amount button
+  var showGivingSelector = singleGiving !== null && regularGiving !== null;
 
+  // Create ref for amount input
+  var amountRef = (0, _react.useRef)(null);
+  // Create ref for amount button
   var buttonRef = (0, _react.useRef)(null);
   var handleClickOutside = (0, _react.useCallback)(function (event) {
     if (!errorMsg) {
       return;
     }
-
     if (buttonRef.current && event.target === buttonRef.current) {
       return;
     }
-
     if (amountRef.current && !amountRef.current.contains(event.target)) {
       // Check the 2nd moneybuy exists before using it;
       // 'philantrophy' carts have been set up to use a single moneybuy.
@@ -158,8 +134,9 @@ var Signup = function Signup(_ref) {
       var thisAmount = givingData.moneybuys[1] ? givingData.moneybuys[1].value : givingData.moneybuys[0].value;
       setAmountDonate(thisAmount);
     }
-  }, [errorMsg, givingData.moneybuys]); // Listen for click outside custom amount input if there is no value entered.
+  }, [errorMsg, givingData.moneybuys]);
 
+  // Listen for click outside custom amount input if there is no value entered.
   (0, _react.useEffect)(function () {
     // Bind the event listener
     document.addEventListener('mousedown', handleClickOutside);
@@ -167,20 +144,18 @@ var Signup = function Signup(_ref) {
       // Unbind the event listener on clean up
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, [errorMsg, handleClickOutside]); // Create function to conditionally render button text
+  }, [errorMsg, handleClickOutside]);
 
+  // Create function to conditionally render button text
   var renderButtonText = function renderButtonText() {
     if (errorMsg) {
       return 'Donate';
     }
-
     if (givingType === 'single') {
       return "Donate \xA3".concat(amountDonate, " now");
     }
-
     return "Donate \xA3".concat(amountDonate, " monthly");
   };
-
   return /*#__PURE__*/_react.default.createElement(_Donate.FormWrapper, null, showGivingSelector && /*#__PURE__*/_react.default.createElement(_GivingSelector.default, {
     givingType: givingType,
     changeGivingType: function changeGivingType(data) {
@@ -250,11 +225,9 @@ var Signup = function Signup(_ref) {
     ref: buttonRef
   }, renderButtonText()))));
 };
-
 Signup.defaultProps = {
   noMoneyBuys: false,
   otherAmountValue: null,
   data: {}
 };
-var _default = Signup;
-exports.default = _default;
+var _default = exports.default = Signup;

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

@@ -1,32 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
-
 var _size = require("../../../../theme/shared/size");
-
 var _close = _interopRequireDefault(require("../assets/close.svg"));
-
-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); }
-
-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; }
-
+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); }
+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; }
 var closeDuration = 0.6;
 var fadeClose = (0, _styledComponents.keyframes)(["0%{opacity:1;max-height:350px;}100%{opacity:0;max-height:0px;display:none;margin-top:-16px;}"]);
 var fadeOpen = (0, _styledComponents.keyframes)(["0%{opacity:0;max-height:0px;display:none;margin-top:-16px;}100%{opacity:1;max-height:350px;}"]);
-
 var StyledPopUp = _styledComponents.default.div.withConfig({
   displayName: "PopUpComponent__StyledPopUp",
   componentId: "sc-1d7imlo-0"
@@ -38,12 +27,10 @@ var StyledPopUp = _styledComponents.default.div.withConfig({
   var theme = _ref.theme;
   return theme.color('blue_light');
 }, (0, _size.media)('small'));
-
 var TextWrapper = _styledComponents.default.div.withConfig({
   displayName: "PopUpComponent__TextWrapper",
   componentId: "sc-1d7imlo-1"
 })(["margin:0 32px 32px;"]);
-
 var Button = _styledComponents.default.button.withConfig({
   displayName: "PopUpComponent__Button",
   componentId: "sc-1d7imlo-2"
@@ -51,25 +38,22 @@ var Button = _styledComponents.default.button.withConfig({
   var theme = _ref2.theme;
   return theme.color('grey');
 });
-
 var PopUpComponent = function PopUpComponent(_ref3) {
   var PopUpText = _ref3.PopUpText,
-      setPopOpen = _ref3.setPopOpen;
-
+    setPopOpen = _ref3.setPopOpen;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isClosed = _useState2[0],
-      setIsClosed = _useState2[1]; // Only update centralised state - which renders
-  // this component - once the closing animation is complete
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isClosed = _useState2[0],
+    setIsClosed = _useState2[1];
 
+  // Only update centralised state - which renders
+  // this component - once the closing animation is complete
   var handleCloser = function handleCloser() {
     setIsClosed(true);
     setTimeout(function () {
       setPopOpen(false);
     }, closeDuration * 1000);
   };
-
   return /*#__PURE__*/_react.default.createElement(StyledPopUp, {
     isClosed: isClosed,
     fadeOpen: fadeOpen,
@@ -84,6 +68,4 @@ var PopUpComponent = function PopUpComponent(_ref3) {
     alt: "Close cross icon"
   })), /*#__PURE__*/_react.default.createElement(TextWrapper, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, PopUpText)));
 };
-
-var _default = PopUpComponent;
-exports.default = _default;
+var _default = exports.default = PopUpComponent;

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

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _GivingSelector = require("./GivingSelector.style");
-
 var GivingSelector = function GivingSelector(_ref) {
   var givingType = _ref.givingType,
-      changeGivingType = _ref.changeGivingType,
-      setPopOpen = _ref.setPopOpen,
-      mbshipID = _ref.mbshipID;
-
+    changeGivingType = _ref.changeGivingType,
+    setPopOpen = _ref.setPopOpen,
+    mbshipID = _ref.mbshipID;
   // Only updates giving type and popup status when appropriate
   var handleGivingTypeChange = function handleGivingTypeChange(thisButtonType, currentGivingType) {
     if (currentGivingType !== thisButtonType) {
@@ -24,7 +19,6 @@ var GivingSelector = function GivingSelector(_ref) {
       setPopOpen(thisButtonType === 'single');
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_GivingSelector.Wrapper, null, /*#__PURE__*/_react.default.createElement(_GivingSelector.MoneyBox, null, /*#__PURE__*/_react.default.createElement("input", {
     className: "give-once",
     "aria-label": "Single",
@@ -55,6 +49,4 @@ var GivingSelector = function GivingSelector(_ref) {
     htmlFor: "give-monthly--".concat(mbshipID)
   }, "Monthly"), /*#__PURE__*/_react.default.createElement(_GivingSelector.Switch, null)));
 };
-
-var _default = GivingSelector;
-exports.default = _default;
+var _default = exports.default = GivingSelector;