@comicrelief/component-library 7.24.1 → 7.25.0

package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MarketingPreferencesDS = void 0;
 Object.defineProperty(exports, "buildValidationSchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MarketingPrefsConfig.buildValidationSchema;
   }
 });
 Object.defineProperty(exports, "setInitialValues", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MarketingPrefsConfig.setInitialValues;
   }
 });
@@ -25,49 +25,56 @@ var _CheckAnswer = _interopRequireDefault(require("./_CheckAnswer"));
 var _DefaultCopy = require("./_DefaultCopy");
 var _MarketingPreferencesDS = require("./MarketingPreferencesDS.style");
 var _MarketingPrefsConfig = require("./_MarketingPrefsConfig");
-var MarketingPreferencesDS = exports.MarketingPreferencesDS = function MarketingPreferencesDS(_ref) {
-  var copyTop = _ref.copyTop,
-    copyBottom = _ref.copyBottom,
-    mpValidationOptions = _ref.mpValidationOptions,
-    id = _ref.id,
-    formContext = _ref.formContext;
-  var errors = formContext.errors,
-    control = formContext.control;
+const MarketingPreferencesDS = _ref => {
+  let {
+    copyTop,
+    copyBottom,
+    mpValidationOptions,
+    id,
+    formContext
+  } = _ref;
+  const {
+    errors,
+    control
+  } = formContext;
 
   // For brevity
-  var emailChoice = (0, _reactHookForm.useWatch)({
-    control: control,
+  const emailChoice = (0, _reactHookForm.useWatch)({
+    control,
     name: 'mp_permissionEmail',
     defaultValue: null
   });
-  var postChoice = (0, _reactHookForm.useWatch)({
-    control: control,
+  const postChoice = (0, _reactHookForm.useWatch)({
+    control,
     name: 'mp_permissionPost',
     defaultValue: null
   });
-  var phoneChoice = (0, _reactHookForm.useWatch)({
-    control: control,
+  const phoneChoice = (0, _reactHookForm.useWatch)({
+    control,
     name: 'mp_permissionPhone',
     defaultValue: null
   });
-  var smsChoice = (0, _reactHookForm.useWatch)({
-    control: control,
+  const smsChoice = (0, _reactHookForm.useWatch)({
+    control,
     name: 'mp_permissionSMS',
     defaultValue: null
   });
-  var mp_permissionEmail = mpValidationOptions.mp_permissionEmail,
-    mp_permissionSMS = mpValidationOptions.mp_permissionSMS,
-    mp_permissionPhone = mpValidationOptions.mp_permissionPhone,
-    mp_permissionPost = mpValidationOptions.mp_permissionPost;
+  const {
+    // eslint-disable-next-line camelcase
+    mp_permissionEmail,
+    mp_permissionSMS,
+    mp_permissionPhone,
+    mp_permissionPost
+  } = mpValidationOptions;
 
   // If the field is not required for each No/Yes choice, remove it from the DOM entirely
-  var disableEmailInput = mp_permissionEmail.yes === false && emailChoice.includes('yes');
-  var disableSMSInput = mp_permissionSMS.yes === false && smsChoice.includes('yes');
-  var disablePhoneInput = mp_permissionPhone.yes === false && phoneChoice.includes('yes');
-  var disablePostInput = mp_permissionPost.yes === false && postChoice.includes('yes');
+  const disableEmailInput = mp_permissionEmail.yes === false && emailChoice.includes('yes');
+  const disableSMSInput = mp_permissionSMS.yes === false && smsChoice.includes('yes');
+  const disablePhoneInput = mp_permissionPhone.yes === false && phoneChoice.includes('yes');
+  const disablePostInput = mp_permissionPost.yes === false && postChoice.includes('yes');
 
   // Required to track multiple errors to determine whether to show/hide the fieldset
-  var isAddressErroring = function isAddressErroring() {
+  const isAddressErroring = () => {
     if (_lodash.default.isEmpty(errors)) {
       return null;
     }
@@ -75,11 +82,11 @@ var MarketingPreferencesDS = exports.MarketingPreferencesDS = function Marketing
   };
   /* Only show the field if config hasn't hidden it (to pass in parent values)
     or if a choice has been made */
-  var showEmailField = !mp_permissionEmail.hideInput && (emailChoice || errors.mp_email);
-  var showSMSField = !mp_permissionSMS.hideInput && (smsChoice || errors.mp_mobile);
-  var showPhoneField = !mp_permissionPhone.hideInput && (phoneChoice || errors.mp_phone);
-  var showPostFields = !mp_permissionPost.hideInput && (postChoice || isAddressErroring());
-  var customId = id ? "marketing-preferences--".concat(id) : 'marketing-preferences';
+  const showEmailField = !mp_permissionEmail.hideInput && (emailChoice || errors.mp_email);
+  const showSMSField = !mp_permissionSMS.hideInput && (smsChoice || errors.mp_mobile);
+  const showPhoneField = !mp_permissionPhone.hideInput && (phoneChoice || errors.mp_phone);
+  const showPostFields = !mp_permissionPost.hideInput && (postChoice || isAddressErroring());
+  const customId = id ? "marketing-preferences--".concat(id) : 'marketing-preferences';
   return /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.OuterWrapper, {
     id: customId
   }, copyTop && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.TopCopyWrapper, null, copyTop), !mp_permissionEmail.disableOption && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.FormField, {
@@ -200,9 +207,12 @@ var MarketingPreferencesDS = exports.MarketingPreferencesDS = function Marketing
 };
 
 // removes from DOM completely
-var MaybeDisabled = function MaybeDisabled(_ref2) {
-  var children = _ref2.children,
-    disabled = _ref2.disabled;
+exports.MarketingPreferencesDS = MarketingPreferencesDS;
+const MaybeDisabled = _ref2 => {
+  let {
+    children,
+    disabled
+  } = _ref2;
   if (disabled) return null;
   return children;
 };

package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js

@@ -1,15 +1,14 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setInitialValues = exports.buildValidationSchema = void 0;
 var yup = _interopRequireWildcard(require("yup"));
 var _lodash = require("lodash");
-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 setInitialValues = exports.setInitialValues = function setInitialValues(overrideValues) {
-  var defaultValues = {
+const setInitialValues = overrideValues => {
+  const defaultValues = {
     mp_email: '',
     mp_mobile: '',
     mp_phone: '',
@@ -26,11 +25,12 @@ var setInitialValues = exports.setInitialValues = function setInitialValues(over
   };
 
   // Override with any custom options supplied
-  var updatedValues = (0, _lodash.merge)(defaultValues, overrideValues);
+  const updatedValues = (0, _lodash.merge)(defaultValues, overrideValues);
   return updatedValues;
 };
-var buildValidationSchema = exports.buildValidationSchema = function buildValidationSchema(overrideOptions) {
-  var defaultOptions = {
+exports.setInitialValues = setInitialValues;
+const buildValidationSchema = overrideOptions => {
+  const defaultOptions = {
     mp_permissionEmail: {
       /**
         * As per react-hook-form's validation requirements, sets the fields' required attribute
@@ -63,49 +63,35 @@ var buildValidationSchema = exports.buildValidationSchema = function buildValida
   };
 
   // Override with any custom options supplied
-  var mpValidationOptions = (0, _lodash.merge)(defaultOptions, overrideOptions);
-  var phoneRegex = /^(((((\+44)|(0044))\s?\d{4}|\(?0\d{4}\)?)\s?\d{3}\s?\d{3})|((((\+44)|(0044))\s?\d{3}|\(?0\d{3}\)?)\s?\d{3}\s?\d{4})|((((\+44)|(0044))\s?\d{2}|\(?0\d{2}\)?)\s?\d{4}\s?\d{4}))(\s?\\#(\d{4}|\d{3}))?$/;
-  var mpValidationSchema = yup.object({
+  const mpValidationOptions = (0, _lodash.merge)(defaultOptions, overrideOptions);
+  const phoneRegex = /^(((((\+44)|(0044))\s?\d{4}|\(?0\d{4}\)?)\s?\d{3}\s?\d{3})|((((\+44)|(0044))\s?\d{3}|\(?0\d{3}\)?)\s?\d{3}\s?\d{4})|((((\+44)|(0044))\s?\d{2}|\(?0\d{2}\)?)\s?\d{4}\s?\d{4}))(\s?\\#(\d{4}|\d{3}))?$/;
+  const mpValidationSchema = yup.object({
     mp_email: yup.string().when('mp_permissionEmail', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionEmail.disableOption && mpValidationOptions.mp_permissionEmail[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionEmail.disableOption && mpValidationOptions.mp_permissionEmail[val],
       then: yup.string().required('Please enter your email address').email('Please enter a valid email address')
     }),
     mp_mobile: yup.string().when('mp_permissionSMS', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionSMS.disableOption && mpValidationOptions.mp_permissionSMS[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionSMS.disableOption && mpValidationOptions.mp_permissionSMS[val],
       then: yup.string().required('Please enter your mobile number').matches(phoneRegex, 'Please enter a valid UK mobile number')
     }),
     mp_phone: yup.string().when('mp_permissionPhone', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionPhone.disableOption && mpValidationOptions.mp_permissionPhone[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionPhone.disableOption && mpValidationOptions.mp_permissionPhone[val],
       then: yup.string().required('Please enter your phone number').matches(phoneRegex, 'Please enter a valid UK phone number')
     }),
     mp_address1: yup.string().when('mp_permissionPost', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val],
       then: yup.string().required('Please enter the first line of your address').matches(/^[a-zA-Z0-9][a-zA-Z0-9'.,/()& -]*$/, 'This field only accepts alphanumeric characters and , . ( ) / & \' - and must start with an alphanumeric character').max(50, 'Please enter a maximum of 50 characters')
     }),
     mp_town: yup.string().when('mp_permissionPost', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val],
       then: yup.string().required('Please enter your town').matches(/^[a-zA-Z0-9][a-zA-Z0-9'.,/()& -]*$/, 'This field only accepts alphanumeric characters and , . ( ) / & \' - and must start with an alphanumeric character').max(50, 'Please enter a maximum of 50 characters')
     }),
     mp_postcode: yup.string().when('mp_permissionPost', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val],
       then: yup.string().required('Please enter your postcode').matches(/^[a-zA-Z]{1,2}\d[a-zA-Z\d]?\s*\d[a-zA-Z]{2}$/, 'Please enter a valid postcode')
     }),
     mp_country: yup.string().when('mp_permissionPost', {
-      is: function is(val) {
-        return !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val];
-      },
+      is: val => !mpValidationOptions.mp_permissionPost.disableOption && mpValidationOptions.mp_permissionPost[val],
       then: yup.string().required('Please enter your country').matches(/^[a-zA-Z0-9][a-zA-Z0-9'.,/()& -]*$/, 'This field only accepts alphanumeric characters and , . ( ) / & \' - and must start with an alphanumeric character').max(50, 'Please enter a maximum of 50 characters')
     }),
     /*  Non-required fields */
@@ -113,7 +99,8 @@ var buildValidationSchema = exports.buildValidationSchema = function buildValida
     mp_address3: yup.string().max(50, 'Please enter a maximum of 50 characters')
   });
   return {
-    mpValidationSchema: mpValidationSchema,
-    mpValidationOptions: mpValidationOptions
+    mpValidationSchema,
+    mpValidationOptions
   };
-};
+};
+exports.buildValidationSchema = buildValidationSchema;

package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js

@@ -1,33 +1,35 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
-var _excluded = ["fieldName", "label", "optional", "fieldType", "formContext"];
-var TextInput = function TextInput(_ref) {
-  var fieldName = _ref.fieldName,
-    label = _ref.label,
-    optional = _ref.optional,
-    fieldType = _ref.fieldType,
-    formContext = _ref.formContext,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var errors = formContext.errors,
-    register = formContext.register;
-  var props = (0, _objectSpread2.default)({
+const TextInput = _ref => {
+  let {
+    fieldName,
+    label,
+    optional,
+    fieldType,
+    formContext,
+    ...rest
+  } = _ref;
+  const {
+    errors,
+    register
+  } = formContext;
+  const props = {
     name: fieldName,
     type: fieldType,
-    label: label,
+    label,
     placeholder: label,
     errorMsg: errors && errors[fieldName] && errors[fieldName].message,
-    optional: optional,
-    'aria-required': !optional
-  }, rest);
+    optional,
+    'aria-required': !optional,
+    ...rest
+  };
   return /*#__PURE__*/_react.default.createElement(_Input.default, Object.assign({}, props, {
     ref: register
   }));

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

@@ -1,74 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
 var _MoneyBox = _interopRequireDefault(require("../MoneyBox/MoneyBox"));
 var _Membership = require("../../../../utils/Membership");
 var _Membership2 = require("../Membership.style");
-var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID"];
-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 regularGiving = _ref.data.regularGiving,
-    donateLink = _ref.donateLink,
-    otherDescription = _ref.otherDescription,
-    clientID = _ref.clientID,
-    cartID = _ref.cartID,
-    mbshipID = _ref.mbshipID,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)({
-      box1: '',
-      box2: '',
-      box3: ''
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    moneyBoxes = _useState2[0],
-    setMoneyBoxes = _useState2[1];
+const Signup = _ref => {
+  let {
+    data: {
+      regularGiving
+    },
+    donateLink,
+    otherDescription,
+    clientID,
+    cartID,
+    mbshipID,
+    ...rest
+  } = _ref;
+  const [moneyBoxes, setMoneyBoxes] = (0, _react.useState)({
+    box1: '',
+    box2: '',
+    box3: ''
+  });
   // Highlight one the money buy box when the page load
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isSelected = _useState4[0],
-    setIsSelected = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    errorMsg = _useState6[0],
-    setErrorMsg = _useState6[1];
-  var _useState7 = (0, _react.useState)(''),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    amountDonate = _useState8[0],
-    setAmountDonate = _useState8[1];
-  var _useState9 = (0, _react.useState)(''),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    userInput = _useState10[0],
-    setUserInput = _useState10[1];
-  var _useState11 = (0, _react.useState)(''),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    boxBorderColor = _useState12[0],
-    setBoxBorderColor = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    inputBorderColor = _useState14[0],
-    setInputBorderColor = _useState14[1];
-  var _useState15 = (0, _react.useState)(true),
-    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    moneyBuyCopy = _useState16[0],
-    setMoneyBuyCopy = _useState16[1];
+  const [isSelected, setIsSelected] = (0, _react.useState)(true);
+  const [errorMsg, setErrorMsg] = (0, _react.useState)(false);
+  const [amountDonate, setAmountDonate] = (0, _react.useState)('');
+  const [userInput, setUserInput] = (0, _react.useState)('');
+  const [boxBorderColor, setBoxBorderColor] = (0, _react.useState)('');
+  const [inputBorderColor, setInputBorderColor] = (0, _react.useState)(false);
+  const [moneyBuyCopy, setMoneyBuyCopy] = (0, _react.useState)(true);
 
   // This function is triggered when one of the money buy box is selected
-  var selectMoneyBuy = function selectMoneyBuy(copy, value) {
+  const selectMoneyBuy = (copy, value) => {
     if (isSelected) setIsSelected(false);
     if (errorMsg) setErrorMsg(false);
     // Check if input is highlighted and his value matches one of the money buy box
-    var isUserInputMatch = userInput * 1 === value; // convert string to number string * 1
+    const isUserInputMatch = userInput * 1 === value; // convert string to number string * 1
     if (inputBorderColor && !isUserInputMatch) {
       setInputBorderColor(false);
       setUserInput('');
@@ -79,7 +53,7 @@ var Signup = function Signup(_ref) {
   };
 
   // Handle user other amount input
-  var handleChange = function handleChange(input, description) {
+  const handleChange = (input, description) => {
     if (!(0, _Membership.isAmountValid)(input)) {
       if (moneyBuyCopy) setMoneyBuyCopy(false);
       if (boxBorderColor) setBoxBorderColor(false);
@@ -95,7 +69,7 @@ var Signup = function Signup(_ref) {
     setInputBorderColor(true);
     setUserInput(input);
   };
-  var hightlightInput = function hightlightInput(value, description) {
+  const hightlightInput = (value, description) => {
     if (isSelected) setIsSelected(false);
     if (errorMsg) {
       setMoneyBuyCopy(false);
@@ -106,17 +80,18 @@ var Signup = function Signup(_ref) {
     }
     setInputBorderColor(true);
   };
-  (0, _react.useEffect)(function () {
-    regularGiving.moneybuys.map(function (moneyBuy, index) {
-      var box = "box".concat(index + 1);
+  (0, _react.useEffect)(() => {
+    regularGiving.moneybuys.map((moneyBuy, index) => {
+      const box = "box".concat(index + 1);
       // eslint-disable-next-line no-shadow
-      setMoneyBoxes(function (moneyBoxes) {
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, moneyBoxes), {}, (0, _defineProperty2.default)({}, box, moneyBuy));
-      });
+      setMoneyBoxes(moneyBoxes => ({
+        ...moneyBoxes,
+        [box]: moneyBuy
+      }));
       return isSelected && index === 1 && (setMoneyBuyCopy(moneyBuy.description), setAmountDonate(moneyBuy.value));
     });
   }, [isSelected, regularGiving.moneybuys]);
-  var submitDonation = function submitDonation(event, amount, clientId, cartId, mbshipId, donateURL) {
+  const submitDonation = (event, amount, clientId, cartId, mbshipId, donateURL) => {
     event.preventDefault();
     if ((0, _Membership.isAmountValid)(amount) && !errorMsg) {
       (0, _Membership.handleDonateSubmission)(amount, clientId, cartId, mbshipId, donateURL);
@@ -127,27 +102,25 @@ var Signup = function Signup(_ref) {
   };
 
   // Create money buy boxes
-  var MoneyBoxes = regularGiving.moneybuys.map(function (_ref2, index) {
-    var value = _ref2.value,
-      description = _ref2.description;
+  const MoneyBoxes = regularGiving.moneybuys.map((_ref2, index) => {
+    let {
+      value,
+      description
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_MoneyBox.default, {
       isSelected: index === 1 && isSelected,
       boxBorderColor: boxBorderColor,
       isInputMatchBox: value,
       amount: value,
       description: "\xA3".concat(value),
-      setOtherAmount: function setOtherAmount() {
-        return selectMoneyBuy(description, value);
-      },
+      setOtherAmount: () => selectMoneyBuy(description, value),
       key: value,
       name: "".concat(mbshipID, "--moneyBuy").concat(index + 1),
       id: "".concat(mbshipID, "--moneyBuy-box").concat(index + 1)
     });
   });
   return /*#__PURE__*/_react.default.createElement(_Membership2.FormWrapper, null, /*#__PURE__*/_react.default.createElement(_Membership2.Form, {
-    onSubmit: function onSubmit(e) {
-      return submitDonation(e, amountDonate, clientID, cartID, mbshipID, donateLink);
-    }
+    onSubmit: e => submitDonation(e, amountDonate, clientID, cartID, mbshipID, donateLink)
   }, /*#__PURE__*/_react.default.createElement(_Membership2.OuterFieldset, null, /*#__PURE__*/_react.default.createElement(_Membership2.Legend, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "h3"
   }, "Choose your monthly donation")), /*#__PURE__*/_react.default.createElement(_Membership2.MoneyBuys, null, MoneyBoxes), /*#__PURE__*/_react.default.createElement(_Membership2.FormFieldset, null, /*#__PURE__*/_react.default.createElement(_Membership2.Label, {
@@ -169,15 +142,9 @@ var Signup = function Signup(_ref) {
     pattern: "[^[0-9]+([,.][0-9]+)?$]" // this only applies on submit
     ,
     placeholder: "0.00",
-    onChange: function onChange(e) {
-      return handleChange(e.target.value, otherDescription);
-    },
-    onClick: function onClick(e) {
-      return hightlightInput(e.target.value, otherDescription);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return (0, _Membership.onKeyPress)(e);
-    },
+    onChange: e => handleChange(e.target.value, otherDescription),
+    onClick: e => hightlightInput(e.target.value, otherDescription),
+    onKeyPress: e => (0, _Membership.onKeyPress)(e),
     "aria-label": "Input a different amount"
   }))), /*#__PURE__*/_react.default.createElement(_Membership2.Button, {
     as: "input",

package/dist/components/Organisms/Membership/Membership.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,20 +9,22 @@ var _react = _interopRequireDefault(require("react"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _Form = _interopRequireDefault(require("./Form/Form"));
 var _Membership = require("./Membership.style");
-var Membership = function Membership(_ref) {
-  var alt = _ref.alt,
-    cartID = _ref.cartID,
-    backgroundColor = _ref.backgroundColor,
-    donateLink = _ref.donateLink,
-    data = _ref.data,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    otherDescription = _ref.otherDescription,
-    formAligntRight = _ref.formAligntRight,
-    images = _ref.images,
-    image = _ref.image,
-    imageLow = _ref.imageLow,
-    mbshipID = _ref.mbshipID;
+const Membership = _ref => {
+  let {
+    alt,
+    cartID,
+    backgroundColor,
+    donateLink,
+    data,
+    title,
+    subtitle,
+    otherDescription,
+    formAligntRight,
+    images,
+    image,
+    imageLow,
+    mbshipID
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Membership.Container, {
     formAligntRight: formAligntRight,
     backgroundColor: backgroundColor,