@comicrelief/component-library 7.24.0 → 7.24.2

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, {

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;