@comicrelief/component-library 7.24.1 → 7.25.0

package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.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
 });
@@ -8,49 +8,63 @@ exports.SubmitButton = exports.OuterWrapper = exports.InnerWrapper = exports.Cur
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _Button = _interopRequireDefault(require("../../Atoms/Button/Button"));
-var OuterWrapper = exports.OuterWrapper = _styledComponents.default.div.withConfig({
+const OuterWrapper = exports.OuterWrapper = _styledComponents.default.div.withConfig({
   displayName: "ImpactSliderstyle__OuterWrapper",
   componentId: "sc-1fpimol-0"
-})(["position:relative;max-width:100%;background-color:", ";padding:32px 16px;@media ", "{padding:50px;}@media ", "{padding:64px 0;}"], function (props) {
-  return props.theme.color("".concat(props.backgroundColour));
-}, function (_ref) {
-  var theme = _ref.theme;
+})(["position:relative;max-width:100%;background-color:", ";padding:32px 16px;@media ", "{padding:50px;}@media ", "{padding:64px 0;}"], props => props.theme.color("".concat(props.backgroundColour)), _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.breakpoint('small');
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.breakpoint('medium');
 });
-var InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
+const InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
   displayName: "ImpactSliderstyle__InnerWrapper",
   componentId: "sc-1fpimol-1"
-})(["width:100%;max-width:780px;margin:0 auto;@media ", "{h1{font-size:48px;line-height:48px;}}"], function (_ref3) {
-  var theme = _ref3.theme;
+})(["width:100%;max-width:780px;margin:0 auto;@media ", "{h1{font-size:48px;line-height:48px;}}"], _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.breakpoint('medium');
 });
-var Copy = exports.Copy = _styledComponents.default.div.withConfig({
+const Copy = exports.Copy = _styledComponents.default.div.withConfig({
   displayName: "ImpactSliderstyle__Copy",
   componentId: "sc-1fpimol-2"
-})(["position:relative;@media ", "{p{font-size:20px;line-height:24.38px;}}"], function (_ref4) {
-  var theme = _ref4.theme;
+})(["position:relative;@media ", "{p{font-size:20px;line-height:24.38px;}}"], _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.breakpoint('medium');
 });
-var CurrentAmountCopy = exports.CurrentAmountCopy = (0, _styledComponents.default)(_Text.default).withConfig({
+const CurrentAmountCopy = exports.CurrentAmountCopy = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "ImpactSliderstyle__CurrentAmountCopy",
   componentId: "sc-1fpimol-3"
-})(["font-weight:bold;margin-top:16px;@media ", "{font-size:20px;line-height:24.38px;margin:24px 0 38px;}"], function (_ref5) {
-  var theme = _ref5.theme;
+})(["font-weight:bold;margin-top:16px;@media ", "{font-size:20px;line-height:24.38px;margin:24px 0 38px;}"], _ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.breakpoint('medium');
 });
-var SubmitButton = exports.SubmitButton = (0, _styledComponents.default)(_Button.default).withConfig({
+const SubmitButton = exports.SubmitButton = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "ImpactSliderstyle__SubmitButton",
   componentId: "sc-1fpimol-4"
-})(["margin:32px auto 0;width:100%;font-family:", ";display:block;@media ", "{width:70%;margin:40px auto 0;}@media ", "{width:100%;}"], function (_ref6) {
-  var theme = _ref6.theme;
+})(["margin:32px auto 0;width:100%;font-family:", ";display:block;@media ", "{width:70%;margin:40px auto 0;}@media ", "{width:100%;}"], _ref6 => {
+  let {
+    theme
+  } = _ref6;
   return theme.fontFamilies(theme.font.regular);
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return theme.breakpoint('small');
-}, function (_ref8) {
-  var theme = _ref8.theme;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
   return theme.breakpoint('medium');
 });

package/dist/components/Organisms/ImpactSlider/Slider.style.js

@@ -1,30 +1,24 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledRangerSlider = exports.SliderWrapper = exports.SliderLabel = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactRangeSliderInput = _interopRequireDefault(require("react-range-slider-input"));
-var thumbSize = 30;
-var outlineSize = thumbSize / 2.5;
-var sizeMultiplier = 1.4;
-var StyledRangerSlider = exports.StyledRangerSlider = (0, _styledComponents.default)(_reactRangeSliderInput.default).withConfig({
+const thumbSize = 30;
+const outlineSize = thumbSize / 2.5;
+const sizeMultiplier = 1.4;
+const StyledRangerSlider = exports.StyledRangerSlider = (0, _styledComponents.default)(_reactRangeSliderInput.default).withConfig({
   displayName: "Sliderstyle__StyledRangerSlider",
   componentId: "sc-pyds3x-0"
-})(["background:white;height:16px;border-radius:16px;border:1px solid ", ";.range-slider__range{height:14px;border-radius:10px;background-color:", ";z-index:2;}.range-slider__thumb[data-upper]{&:after{background-color:white;width:", "px;height:", "px;content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:50%;border:", "px solid ", ";transition-property:width,height,border-width;transition-duration:0.15s;}&:hover{&:after{width:", "px;height:", "px;border-width:", "px;}}}.range-slider__thumb[data-lower]{width:0;}"], function (props) {
-  return props.theme.color('black');
-}, function (props) {
-  return props.theme.color('red');
-}, thumbSize, thumbSize, outlineSize, function (props) {
-  return props.theme.color('red');
-}, thumbSize * sizeMultiplier, thumbSize * sizeMultiplier, outlineSize);
-var SliderWrapper = exports.SliderWrapper = _styledComponents.default.div.withConfig({
+})(["background:white;height:16px;border-radius:16px;border:1px solid ", ";.range-slider__range{height:14px;border-radius:10px;background-color:", ";z-index:2;}.range-slider__thumb[data-upper]{&:after{background-color:white;width:", "px;height:", "px;content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:50%;border:", "px solid ", ";transition-property:width,height,border-width;transition-duration:0.15s;}&:hover{&:after{width:", "px;height:", "px;border-width:", "px;}}}.range-slider__thumb[data-lower]{width:0;}"], props => props.theme.color('black'), props => props.theme.color('red'), thumbSize, thumbSize, outlineSize, props => props.theme.color('red'), thumbSize * sizeMultiplier, thumbSize * sizeMultiplier, outlineSize);
+const SliderWrapper = exports.SliderWrapper = _styledComponents.default.div.withConfig({
   displayName: "Sliderstyle__SliderWrapper",
   componentId: "sc-pyds3x-1"
 })(["width:100%;margin-top:25px;"]);
-var SliderLabel = exports.SliderLabel = _styledComponents.default.label.withConfig({
+const SliderLabel = exports.SliderLabel = _styledComponents.default.label.withConfig({
   displayName: "Sliderstyle__SliderLabel",
   componentId: "sc-pyds3x-2"
 })(["border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;"]);

package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js

@@ -1,23 +1,23 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ImpactMoneybuys = require("./ImpactMoneybuys.style");
-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 Moneybuys = function Moneybuys(_ref) {
-  var items = _ref.items,
-    currentAmount = _ref.currentAmount,
-    opacityAnimation = _ref.opacityAnimation;
-  return /*#__PURE__*/_react.default.createElement(_ImpactMoneybuys.MoneybuyWrapper, null, items.map(function (item, index) {
-    var roundedPerPound = Math.floor(item.poundsPerItem);
-    var thisAmount = Math.floor(currentAmount / roundedPerPound);
-    var isInactive = !(!opacityAnimation || currentAmount >= roundedPerPound);
+const Moneybuys = _ref => {
+  let {
+    items,
+    currentAmount,
+    opacityAnimation
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_ImpactMoneybuys.MoneybuyWrapper, null, items.map((item, index) => {
+    const thisAmount = Math.floor(currentAmount / item.poundsPerItem);
+    const isInactive = !(!opacityAnimation || currentAmount >= item.poundsPerItem);
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: roundedPerPound
+      key: item.poundsPerItem
     }, /*#__PURE__*/_react.default.createElement(_ImpactMoneybuys.Moneybuy, {
       isInactive: isInactive,
       "data-testid": "impact-slider--moneybuy-".concat(index + 1)

package/dist/components/Organisms/ImpactSlider/_Slider.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
 });
@@ -8,12 +8,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("react-range-slider-input/dist/style.css");
 var _Slider = require("./Slider.style");
-var Slider = function Slider(_ref) {
-  var min = _ref.min,
-    max = _ref.max,
-    currentAmount = _ref.currentAmount,
-    handleChange = _ref.handleChange,
-    steps = _ref.steps;
+const Slider = _ref => {
+  let {
+    min,
+    max,
+    currentAmount,
+    handleChange,
+    steps
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Slider.SliderWrapper, null, /*#__PURE__*/_react.default.createElement(_Slider.SliderLabel, {
     htmlFor: "ImpactSlider"
   }, "Slider label to be hidden"), /*#__PURE__*/_react.default.createElement(_Slider.StyledRangerSlider, {

package/dist/components/Organisms/ImpactSlider/_utils.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var getUrlParameter = function getUrlParameter(name) {
-  var text = name.replace(/\[]/, '\\[').replace(/[\]]/, '\\]');
-  var regex = new RegExp("[\\?&]".concat(text, "=([^&#]*)"));
-  var results = regex.exec(window.location.search);
-  var param = results === null ? 'generic' : decodeURIComponent(results[1].replace(/\+/g, ' '));
+const getUrlParameter = name => {
+  const text = name.replace(/\[]/, '\\[').replace(/[\]]/, '\\]');
+  const regex = new RegExp("[\\?&]".concat(text, "=([^&#]*)"));
+  const results = regex.exec(window.location.search);
+  const param = results === null ? 'generic' : decodeURIComponent(results[1].replace(/\+/g, ' '));
   return param;
 };
-var handleSubmission = function handleSubmission(amount, donateLink, cartID, rowID) {
-  var currentpageUrl = window.location.href;
-  var affiliateValue = getUrlParameter(currentpageUrl);
-  var reg = /[#?|[\]\\]/g;
+const handleSubmission = (amount, donateLink, cartID, rowID) => {
+  let currentpageUrl = window.location.href;
+  const affiliateValue = getUrlParameter(currentpageUrl);
+  const reg = /[#?|[\]\\]/g;
   if (currentpageUrl.match(reg) !== null) {
-    var thisMatch = currentpageUrl.match(reg)[0];
+    const thisMatch = currentpageUrl.match(reg)[0];
     currentpageUrl = currentpageUrl.substring(0, currentpageUrl.indexOf(thisMatch));
   }
-  var forwardingUrl = "".concat(donateLink, "/?cartId=").concat(cartID, "&amount=").concat(amount, "&clientOverride=donate&currency=GBP&givingType=single&affiliate=").concat(affiliateValue, "&siteurl=").concat(currentpageUrl, "&rowID=").concat(rowID);
+  const forwardingUrl = "".concat(donateLink, "/?cartId=").concat(cartID, "&amount=").concat(amount, "&clientOverride=donate&currency=GBP&givingType=single&affiliate=").concat(affiliateValue, "&siteurl=").concat(currentpageUrl, "&rowID=").concat(rowID);
   window.location.href = forwardingUrl;
 };
 var _default = exports.default = handleSubmission;

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

@@ -1,6 +1,7 @@
 "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
 });
@@ -10,85 +11,107 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 var _size = require("../../../theme/shared/size");
 var _CR_Tick_black = _interopRequireDefault(require("./assets/CR_Tick_black.svg"));
 var _TextInput = _interopRequireDefault(require("./_TextInput"));
-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 OuterWrapper = exports.OuterWrapper = _styledComponents.default.div.withConfig({
+const OuterWrapper = exports.OuterWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__OuterWrapper",
   componentId: "sc-68n85q-0"
 })(["display:flex;flex-direction:column;", "{flex-direction:row;flex-wrap:wrap;}"], (0, _size.media)('small'));
-var TopCopyWrapper = exports.TopCopyWrapper = _styledComponents.default.div.withConfig({
+const TopCopyWrapper = exports.TopCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__TopCopyWrapper",
   componentId: "sc-68n85q-1"
-})(["margin:", " 0;display:flex;width:100%;@media ", "{padding:10px;}"], (0, _spacing.default)('l'), function (_ref) {
-  var theme = _ref.theme;
+})(["margin:", " 0;display:flex;width:100%;@media ", "{padding:10px;}"], (0, _spacing.default)('l'), _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.breakpoint('small');
 });
-var BottomCopyWrapper = exports.BottomCopyWrapper = _styledComponents.default.div.withConfig({
+const BottomCopyWrapper = exports.BottomCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__BottomCopyWrapper",
   componentId: "sc-68n85q-2"
 })(["margin:", " 0;"], (0, _spacing.default)('md'));
-var Head = exports.Head = _styledComponents.default.div.withConfig({
+const Head = exports.Head = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__Head",
   componentId: "sc-68n85q-3"
 })(["display:flex;justify-content:space-between;flex-direction:column;"]);
-var FormField = exports.FormField = _styledComponents.default.div.withConfig({
+const FormField = exports.FormField = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__FormField",
   componentId: "sc-68n85q-4"
-})(["", ""], function (_ref2) {
-  var theme = _ref2.theme;
+})(["", ""], _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return (0, _styledComponents.css)(["position:relative;margin-bottom:", ";width:100%;display:flex;flex-direction:column;@media ", "{width:50%;padding:10px;}label{position:relative;margin-bottom:", ";width:100%;color:", ";}h3{position:relative;margin-bottom:", ";&:before{position:absolute;top:0;left:0;width:24px;height:24px;content:'';}}"], (0, _spacing.default)('md'), theme.breakpoint('small'), (0, _spacing.default)('md'), theme.color('grey_dark'), (0, _spacing.default)('md'));
 });
-var CheckContainer = exports.CheckContainer = _styledComponents.default.div.withConfig({
+const CheckContainer = exports.CheckContainer = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckContainer",
   componentId: "sc-68n85q-5"
-})(["", ""], function (_ref3) {
-  var theme = _ref3.theme;
+})(["", ""], _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return (0, _styledComponents.css)(["width:100%;display:flex;justify-content:space-between;font-size:", ";font-family:", ";"], theme.fontSize('md'), theme.fontFamilies(theme.font.regular));
 });
-var CheckLabel = exports.CheckLabel = _styledComponents.default.label.withConfig({
+const CheckLabel = exports.CheckLabel = _styledComponents.default.label.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckLabel",
   componentId: "sc-68n85q-6"
-})(["", ""], function (_ref4) {
-  var theme = _ref4.theme;
+})(["", ""], _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return (0, _styledComponents.css)(["display:flex;align-items:center;font-size:", ";@media ", "{font-size:", ";}"], theme.fontSize('xs'), theme.breakpoint('small'), theme.fontSize('s'));
 });
-var CheckInput = exports.CheckInput = _styledComponents.default.input.withConfig({
+const CheckInput = exports.CheckInput = _styledComponents.default.input.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckInput",
   componentId: "sc-68n85q-7"
-})(["font-size:", ";display:block;box-sizing:border-box;opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;margin:0;border:1px solid ", ";+ span{margin-right:10px;width:30px;height:30px;background-color:", ";border:1px solid ", ";float:left;border-radius:8px;@media ", "{margin-right:15px;}}:checked + span{background:url(", ") no-repeat center;background-color:", ";background-size:contain;}"], function (_ref5) {
-  var theme = _ref5.theme;
+})(["font-size:", ";display:block;box-sizing:border-box;opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;margin:0;border:1px solid ", ";+ span{margin-right:10px;width:30px;height:30px;background-color:", ";border:1px solid ", ";float:left;border-radius:8px;@media ", "{margin-right:15px;}}:checked + span{background:url(", ") no-repeat center;background-color:", ";background-size:contain;}"], _ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.fontSize('sm');
-}, function (_ref6) {
-  var theme = _ref6.theme;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
   return theme.color('grey_for_forms');
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return theme.color('grey_light');
-}, function (_ref8) {
-  var theme = _ref8.theme;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
   return theme.color('black');
-}, function (_ref9) {
-  var theme = _ref9.theme;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
   return theme.breakpoint('small');
-}, _CR_Tick_black.default, function (_ref10) {
-  var theme = _ref10.theme;
+}, _CR_Tick_black.default, _ref10 => {
+  let {
+    theme
+  } = _ref10;
   return theme.color('grey_light');
 });
-var ShowHideInputWrapper = exports.ShowHideInputWrapper = _styledComponents.default.div.withConfig({
+const ShowHideInputWrapper = exports.ShowHideInputWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__ShowHideInputWrapper",
   componentId: "sc-68n85q-8"
-})(["display:", ";width:100%;label{width:100%;border:none;padding:0;}"], function (_ref11) {
-  var show = _ref11.show;
+})(["display:", ";width:100%;label{width:100%;border:none;padding:0;}"], _ref11 => {
+  let {
+    show
+  } = _ref11;
   return show ? 'block' : 'none';
 });
-var ExtraInfo = exports.ExtraInfo = _styledComponents.default.span.withConfig({
+const ExtraInfo = exports.ExtraInfo = _styledComponents.default.span.withConfig({
   displayName: "MarketingPreferencesDSstyle__ExtraInfo",
   componentId: "sc-68n85q-9"
 })(["display:block;width:100%;font-size:1rem;text-transform:inherit;font-weight:normal;line-height:normal;font-family:'Montserrat',Helvetica,Arial,sans-serif;margin-bottom:0.5rem;+ label{margin-top:20px;&[for=\"mp_email\"],&[for=\"mp_mobile\"],&[for=\"mp_phone\"]{> span:first-child{position:absolute;margin:-1px;padding:0;width:1px;height:1px;border:0;overflow:hidden;clip:rect(1px 1px 1px 1px);word-wrap:normal;}}"]);
-var MPTextInput = exports.MPTextInput = (0, _styledComponents.default)(_TextInput.default).withConfig({
+const MPTextInput = exports.MPTextInput = (0, _styledComponents.default)(_TextInput.default).withConfig({
   displayName: "MarketingPreferencesDSstyle__MPTextInput",
   componentId: "sc-68n85q-10"
-})(["input{border:1px solid  ", ";;", "{max-width:none;}}"], function (_ref12) {
-  var theme = _ref12.theme;
+})(["input{border:1px solid  ", ";;", "{max-width:none;}}"], _ref12 => {
+  let {
+    theme
+  } = _ref12;
   return theme.color('black');
 }, (0, _size.media)('small'));

package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.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
 });
@@ -16,17 +16,19 @@ var _MarketingPreferencesDS = require("./_MarketingPreferencesDS");
  */
 /* Create default validation and initial values by not passing any override
  parameters into the functions: */
-var mpValidation = (0, _MarketingPreferencesDS.buildValidationSchema)();
-var initialValues = (0, _MarketingPreferencesDS.setInitialValues)();
-var mpValidationSchema = mpValidation.mpValidationSchema,
-  mpValidationOptions = mpValidation.mpValidationOptions;
+const mpValidation = (0, _MarketingPreferencesDS.buildValidationSchema)();
+const initialValues = (0, _MarketingPreferencesDS.setInitialValues)();
+const {
+  mpValidationSchema,
+  mpValidationOptions
+} = mpValidation;
 
 // Or customise and override the config to suit the destination app's requirements:
-var initalValueOverrides = {
+const initalValueOverrides = {
   mp_email: 'user@website.com' // Potentially provided earlier in the journey
 };
 
-var validationOverrides = {
+const validationOverrides = {
   mp_permissionEmail: {
     hideInput: true
   },
@@ -41,31 +43,37 @@ var validationOverrides = {
 };
 
 // Pass these override objects in as parameters
-var mpValidationCustom = (0, _MarketingPreferencesDS.buildValidationSchema)(validationOverrides);
-var initialValuesCustom = (0, _MarketingPreferencesDS.setInitialValues)(initalValueOverrides);
-var mpValidationSchemaCustom = mpValidationCustom.mpValidationSchema,
-  mpValidationOptionsCustom = mpValidationCustom.mpValidationOptions;
-var MarketingPreferencesDSForm = function MarketingPreferencesDSForm() {
+const mpValidationCustom = (0, _MarketingPreferencesDS.buildValidationSchema)(validationOverrides);
+const initialValuesCustom = (0, _MarketingPreferencesDS.setInitialValues)(initalValueOverrides);
+const {
+  mpValidationSchema: mpValidationSchemaCustom,
+  mpValidationOptions: mpValidationOptionsCustom
+} = mpValidationCustom;
+const MarketingPreferencesDSForm = () => {
   function customSubmitHandler(formData) {
     // eslint-disable-next-line no-console
     console.log('Successful submission', formData);
   }
 
   // For our default instance:
-  var formMethods = (0, _reactHookForm.useForm)({
+  const formMethods = (0, _reactHookForm.useForm)({
     mode: 'onBlur',
     defaultValues: initialValues,
     resolver: (0, _yup.yupResolver)(mpValidationSchema)
   });
-  var handleSubmit = formMethods.handleSubmit;
+  const {
+    handleSubmit
+  } = formMethods;
 
   // For our customised-instance:
-  var formMethodsCustom = (0, _reactHookForm.useForm)({
+  const formMethodsCustom = (0, _reactHookForm.useForm)({
     mode: 'onBlur',
     defaultValues: initialValuesCustom,
     resolver: (0, _yup.yupResolver)(mpValidationSchemaCustom)
   });
-  var handleSubmitCustom = formMethodsCustom.handleSubmit;
+  const {
+    handleSubmit: handleSubmitCustom
+  } = formMethodsCustom;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "p",
     weight: "bold"

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var AssociatedFields = {
+const AssociatedFields = {
   mp_permissionSMS: {
     fieldNames: ['mp_mobile'],
     label: 'Text'

package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.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
 });
@@ -8,16 +8,20 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AssociatedFields = _interopRequireDefault(require("./_AssociatedFields"));
 var _MarketingPreferencesDS = require("./MarketingPreferencesDS.style");
-var CheckAnswer = function CheckAnswer(_ref) {
-  var name = _ref.name,
-    mpValidationOptions = _ref.mpValidationOptions,
-    userSelection = _ref.userSelection,
-    formContext = _ref.formContext;
-  var setValue = formContext.setValue,
-    clearErrors = formContext.clearErrors,
-    register = formContext.register;
-  var onChange = function onChange(e) {
-    var newVal;
+const CheckAnswer = _ref => {
+  let {
+    name,
+    mpValidationOptions,
+    userSelection,
+    formContext
+  } = _ref;
+  const {
+    setValue,
+    clearErrors,
+    register
+  } = formContext;
+  const onChange = e => {
+    let newVal;
     if (e.target.checked) {
       newVal = e.target.value;
     } else {
@@ -26,8 +30,8 @@ var CheckAnswer = function CheckAnswer(_ref) {
       // To ensure we're not letting invalid values get passed, reset any associated fields
       // but only when it's not a hidden "passed values behind the scenes" field:
       if (!mpValidationOptions[name].hideInput) {
-        var theseFields = _AssociatedFields.default[name].fieldNames;
-        theseFields.forEach(function (fieldName) {
+        const theseFields = _AssociatedFields.default[name].fieldNames;
+        theseFields.forEach(fieldName => {
           setValue(fieldName, '');
         });
       }
@@ -38,10 +42,10 @@ var CheckAnswer = function CheckAnswer(_ref) {
 
     /* If the click represents either a 'none selected' or a 'not required' option
       (set in config), reset errors for all fields associated with this checkbox */
-    var reValidate = !mpValidationOptions[name][newVal];
+    const reValidate = !mpValidationOptions[name][newVal];
     if (reValidate) {
-      var _theseFields = _AssociatedFields.default[name].fieldNames;
-      _theseFields.forEach(function (fieldName) {
+      const theseFields = _AssociatedFields.default[name].fieldNames;
+      theseFields.forEach(fieldName => {
         clearErrors(fieldName);
       });
     }

package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.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
 });
@@ -8,7 +8,7 @@ exports.defaultCopyTop = exports.defaultCopyBottom = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-var defaultCopyTop = exports.defaultCopyTop = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+const defaultCopyTop = exports.defaultCopyTop = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Text.default, {
   tag: "h3",
   size: "xl",
   family: "Anton",
@@ -24,7 +24,7 @@ var defaultCopyTop = exports.defaultCopyTop = /*#__PURE__*/_react.default.create
   size: "md",
   color: "grey_dark"
 }, "Please tick the relevant boxes below if you would like to hear from us."));
-var defaultCopyBottom = exports.defaultCopyBottom = /*#__PURE__*/_react.default.createElement(_Text.default, {
+const defaultCopyBottom = exports.defaultCopyBottom = /*#__PURE__*/_react.default.createElement(_Text.default, {
   tag: "p",
   color: "grey_dark"
 }, "Update your preferences at any time by visiting our", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {