@comicrelief/component-library 7.22.1 → 7.23.0

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

@@ -1,88 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MPTextInput = exports.OuterWrapper = exports.ExtraInfo = exports.ShowHideInputWrapper = exports.CheckContainer = exports.CheckInput = exports.CheckLabel = exports.FormField = exports.Head = exports.BottomCopyWrapper = exports.TopCopyWrapper = void 0;
-
+exports.TopCopyWrapper = exports.ShowHideInputWrapper = exports.OuterWrapper = exports.MPTextInput = exports.Head = exports.FormField = exports.ExtraInfo = exports.CheckLabel = exports.CheckInput = exports.CheckContainer = exports.BottomCopyWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 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(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; }
-
-var OuterWrapper = _styledComponents.default.div.withConfig({
+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({
   displayName: "MarketingPreferencesDSstyle__OuterWrapper",
   componentId: "sc-68n85q-0"
 })(["display:flex;flex-direction:column;", "{flex-direction:row;flex-wrap:wrap;}"], (0, _size.media)('small'));
-
-exports.OuterWrapper = OuterWrapper;
-
-var TopCopyWrapper = _styledComponents.default.div.withConfig({
+var 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;
   return theme.breakpoint('small');
 });
-
-exports.TopCopyWrapper = TopCopyWrapper;
-
-var BottomCopyWrapper = _styledComponents.default.div.withConfig({
+var BottomCopyWrapper = exports.BottomCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__BottomCopyWrapper",
   componentId: "sc-68n85q-2"
 })(["margin:", " 0;"], (0, _spacing.default)('md'));
-
-exports.BottomCopyWrapper = BottomCopyWrapper;
-
-var Head = _styledComponents.default.div.withConfig({
+var Head = exports.Head = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__Head",
   componentId: "sc-68n85q-3"
 })(["display:flex;justify-content:space-between;flex-direction:column;"]);
-
-exports.Head = Head;
-
-var FormField = _styledComponents.default.div.withConfig({
+var FormField = exports.FormField = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__FormField",
   componentId: "sc-68n85q-4"
 })(["", ""], function (_ref2) {
   var theme = _ref2.theme;
   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'));
 });
-
-exports.FormField = FormField;
-
-var CheckContainer = _styledComponents.default.div.withConfig({
+var CheckContainer = exports.CheckContainer = _styledComponents.default.div.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckContainer",
   componentId: "sc-68n85q-5"
 })(["", ""], function (_ref3) {
   var theme = _ref3.theme;
   return (0, _styledComponents.css)(["width:100%;display:flex;justify-content:space-between;font-size:", ";font-family:", ";"], theme.fontSize('md'), theme.fontFamilies(theme.font.regular));
 });
-
-exports.CheckContainer = CheckContainer;
-
-var CheckLabel = _styledComponents.default.label.withConfig({
+var CheckLabel = exports.CheckLabel = _styledComponents.default.label.withConfig({
   displayName: "MarketingPreferencesDSstyle__CheckLabel",
   componentId: "sc-68n85q-6"
 })(["", ""], function (_ref4) {
   var theme = _ref4.theme;
   return (0, _styledComponents.css)(["display:flex;align-items:center;font-size:", ";@media ", "{font-size:", ";}"], theme.fontSize('xs'), theme.breakpoint('small'), theme.fontSize('s'));
 });
-
-exports.CheckLabel = CheckLabel;
-
-var CheckInput = _styledComponents.default.input.withConfig({
+var 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) {
@@ -104,30 +74,21 @@ var CheckInput = _styledComponents.default.input.withConfig({
   var theme = _ref10.theme;
   return theme.color('grey_light');
 });
-
-exports.CheckInput = CheckInput;
-
-var ShowHideInputWrapper = _styledComponents.default.div.withConfig({
+var 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;
   return show ? 'block' : 'none';
 });
-
-exports.ShowHideInputWrapper = ShowHideInputWrapper;
-
-var ExtraInfo = _styledComponents.default.span.withConfig({
+var 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;}}"]);
-
-exports.ExtraInfo = ExtraInfo;
-var MPTextInput = (0, _styledComponents.default)(_TextInput.default).withConfig({
+var 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;
   return theme.color('black');
-}, (0, _size.media)('small'));
-exports.MPTextInput = MPTextInput;
+}, (0, _size.media)('small'));

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

@@ -1,38 +1,31 @@
 "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 _reactHookForm = require("react-hook-form");
-
 var _yup = require("@hookform/resolvers/yup");
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _MarketingPreferencesDS = require("./_MarketingPreferencesDS");
-
 /**
  * Normal usage would be a single instance of the Marketing Preferences, but we're creating two here
  * to illustrate the difference in config options; see _MarketingPrefsConfig.js for more details.
  */
-
 /* 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; // Or customise and override the config to suit the destination app's requirements:
+  mpValidationOptions = mpValidation.mpValidationOptions;
 
+// Or customise and override the config to suit the destination app's requirements:
 var initalValueOverrides = {
   mp_email: 'user@website.com' // Potentially provided earlier in the journey
-
 };
+
 var validationOverrides = {
   mp_permissionEmail: {
     hideInput: true
@@ -45,28 +38,28 @@ var validationOverrides = {
   mp_permissionPost: {
     no: false
   } // Make Post fields non-req (so not shown) when 'No' selected
+};
 
-}; // Pass these override objects in as parameters
-
+// 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;
-
+  mpValidationOptionsCustom = mpValidationCustom.mpValidationOptions;
 var MarketingPreferencesDSForm = function MarketingPreferencesDSForm() {
   function customSubmitHandler(formData) {
     // eslint-disable-next-line no-console
     console.log('Successful submission', formData);
-  } // For our default instance:
-
+  }
 
+  // For our default instance:
   var formMethods = (0, _reactHookForm.useForm)({
     mode: 'onBlur',
     defaultValues: initialValues,
     resolver: (0, _yup.yupResolver)(mpValidationSchema)
   });
-  var handleSubmit = formMethods.handleSubmit; // For our customised-instance:
+  var handleSubmit = formMethods.handleSubmit;
 
+  // For our customised-instance:
   var formMethodsCustom = (0, _reactHookForm.useForm)({
     mode: 'onBlur',
     defaultValues: initialValuesCustom,
@@ -102,6 +95,4 @@ var MarketingPreferencesDSForm = function MarketingPreferencesDSForm() {
     type: "submit"
   }))));
 };
-
-var _default = MarketingPreferencesDSForm;
-exports.default = _default;
+var _default = exports.default = MarketingPreferencesDSForm;

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

@@ -22,5 +22,4 @@ var AssociatedFields = {
     label: 'Post'
   }
 };
-var _default = AssociatedFields;
-exports.default = _default;
+var _default = exports.default = AssociatedFields;

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

@@ -1,60 +1,51 @@
 "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 _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;
+    mpValidationOptions = _ref.mpValidationOptions,
+    userSelection = _ref.userSelection,
+    formContext = _ref.formContext;
   var setValue = formContext.setValue,
-      clearErrors = formContext.clearErrors,
-      register = formContext.register;
-
+    clearErrors = formContext.clearErrors,
+    register = formContext.register;
   var onChange = function onChange(e) {
     var newVal;
-
     if (e.target.checked) {
       newVal = e.target.value;
     } else {
-      newVal = ''; // 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:
+      newVal = '';
 
+      // 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) {
           setValue(fieldName, '');
         });
       }
-    } // Update the checkbox field itself
-
+    }
 
+    // Update the checkbox field itself
     setValue(name, newVal);
+
     /* 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];
-
     if (reValidate) {
       var _theseFields = _AssociatedFields.default[name].fieldNames;
-
       _theseFields.forEach(function (fieldName) {
         clearErrors(fieldName);
       });
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.CheckContainer, null, /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.CheckLabel, {
     htmlFor: "".concat(name, "-yes"),
     userSelection: userSelection
@@ -67,10 +58,8 @@ var CheckAnswer = function CheckAnswer(_ref) {
     onChange: onChange
   }), /*#__PURE__*/_react.default.createElement("span", null), _AssociatedFields.default[name].label));
 };
-
 CheckAnswer.defaultProps = {
   userSelection: null,
   formContext: null
 };
-var _default = CheckAnswer;
-exports.default = _default;
+var _default = exports.default = CheckAnswer;

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

@@ -1,19 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultCopyBottom = exports.defaultCopyTop = void 0;
-
+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 = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+var defaultCopyTop = exports.defaultCopyTop = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Text.default, {
   tag: "h3",
   size: "xl",
   family: "Anton",
@@ -29,10 +24,7 @@ var defaultCopyTop = /*#__PURE__*/_react.default.createElement("div", null, /*#_
   size: "md",
   color: "grey_dark"
 }, "Please tick the relevant boxes below if you would like to hear from us."));
-
-exports.defaultCopyTop = defaultCopyTop;
-
-var defaultCopyBottom = /*#__PURE__*/_react.default.createElement(_Text.default, {
+var 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, {
@@ -41,6 +33,4 @@ var defaultCopyBottom = /*#__PURE__*/_react.default.createElement(_Text.default,
 }, "preferences centre"), ". Your details will be kept safe, see our", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
   type: "standard",
   href: "https://www.comicrelief.com/privacy-policy"
-}, "privacy policy"), ' ', "for more information.");
-
-exports.defaultCopyBottom = defaultCopyBottom;
+}, "privacy policy"), ' ', "for more information.");

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

@@ -1,49 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "setInitialValues", {
+exports.MarketingPreferencesDS = void 0;
+Object.defineProperty(exports, "buildValidationSchema", {
   enumerable: true,
   get: function get() {
-    return _MarketingPrefsConfig.setInitialValues;
+    return _MarketingPrefsConfig.buildValidationSchema;
   }
 });
-Object.defineProperty(exports, "buildValidationSchema", {
+Object.defineProperty(exports, "setInitialValues", {
   enumerable: true,
   get: function get() {
-    return _MarketingPrefsConfig.buildValidationSchema;
+    return _MarketingPrefsConfig.setInitialValues;
   }
 });
-exports.MarketingPreferencesDS = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactHookForm = require("react-hook-form");
-
 var _lodash = _interopRequireDefault(require("lodash"));
-
 var _CheckAnswer = _interopRequireDefault(require("./_CheckAnswer"));
-
 var _DefaultCopy = require("./_DefaultCopy");
-
 var _MarketingPreferencesDS = require("./MarketingPreferencesDS.style");
-
 var _MarketingPrefsConfig = require("./_MarketingPrefsConfig");
-
-var MarketingPreferencesDS = function MarketingPreferencesDS(_ref) {
+var MarketingPreferencesDS = exports.MarketingPreferencesDS = function MarketingPreferencesDS(_ref) {
   var copyTop = _ref.copyTop,
-      copyBottom = _ref.copyBottom,
-      mpValidationOptions = _ref.mpValidationOptions,
-      id = _ref.id,
-      formContext = _ref.formContext;
+    copyBottom = _ref.copyBottom,
+    mpValidationOptions = _ref.mpValidationOptions,
+    id = _ref.id,
+    formContext = _ref.formContext;
   var errors = formContext.errors,
-      control = formContext.control; // For brevity
+    control = formContext.control;
 
+  // For brevity
   var emailChoice = (0, _reactHookForm.useWatch)({
     control: control,
     name: 'mp_permissionEmail',
@@ -65,26 +56,25 @@ var MarketingPreferencesDS = function MarketingPreferencesDS(_ref) {
     defaultValue: null
   });
   var mp_permissionEmail = mpValidationOptions.mp_permissionEmail,
-      mp_permissionSMS = mpValidationOptions.mp_permissionSMS,
-      mp_permissionPhone = mpValidationOptions.mp_permissionPhone,
-      mp_permissionPost = mpValidationOptions.mp_permissionPost; // If the field is not required for each No/Yes choice, remove it from the DOM entirely
+    mp_permissionSMS = mpValidationOptions.mp_permissionSMS,
+    mp_permissionPhone = mpValidationOptions.mp_permissionPhone,
+    mp_permissionPost = mpValidationOptions.mp_permissionPost;
 
+  // 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'); // Required to track multiple errors to determine whether to show/hide the fieldset
+  var 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() {
     if (_lodash.default.isEmpty(errors)) {
       return null;
     }
-
     return errors.mp_address1 || errors.mp_address2 || errors.mp_address3 || errors.mp_town || errors.mp_country || errors.mp_postcode;
   };
   /* 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);
@@ -107,7 +97,8 @@ var MarketingPreferencesDS = function MarketingPreferencesDS(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.ExtraInfo, null, "Please confirm the email address we will use to", /*#__PURE__*/_react.default.createElement("b", null, " email "), "you:"), /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.MPTextInput, {
     placeholder: "",
     fieldName: "mp_email",
-    label: "Please enter your email address" // Dynamically update the field attr based on config for current choice
+    label: "Please enter your email address"
+    // Dynamically update the field attr based on config for current choice
     ,
     optional: !mp_permissionEmail[emailChoice],
     type: "email",
@@ -206,18 +197,15 @@ var MarketingPreferencesDS = function MarketingPreferencesDS(_ref) {
     id: "mp_phone",
     formContext: formContext
   })))), copyBottom && /*#__PURE__*/_react.default.createElement(_MarketingPreferencesDS.BottomCopyWrapper, null, copyBottom));
-}; // removes from DOM completely
-
-
-exports.MarketingPreferencesDS = MarketingPreferencesDS;
+};
 
+// removes from DOM completely
 var MaybeDisabled = function MaybeDisabled(_ref2) {
   var children = _ref2.children,
-      disabled = _ref2.disabled;
+    disabled = _ref2.disabled;
   if (disabled) return null;
   return children;
 };
-
 MarketingPreferencesDS.defaultProps = {
   copyTop: _DefaultCopy.defaultCopyTop,
   copyBottom: _DefaultCopy.defaultCopyBottom,

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

@@ -3,17 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buildValidationSchema = exports.setInitialValues = void 0;
-
+exports.setInitialValues = exports.buildValidationSchema = void 0;
 var yup = _interopRequireWildcard(require("yup"));
-
 var _lodash = require("lodash");
-
-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; }
-
-var setInitialValues = function setInitialValues(overrideValues) {
+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 = {
     mp_email: '',
     mp_mobile: '',
@@ -28,15 +23,13 @@ var setInitialValues = function setInitialValues(overrideValues) {
     mp_permissionPost: false,
     mp_permissionPhone: false,
     mp_permissionSMS: false
-  }; // Override with any custom options supplied
+  };
 
+  // Override with any custom options supplied
   var updatedValues = (0, _lodash.merge)(defaultValues, overrideValues);
   return updatedValues;
 };
-
-exports.setInitialValues = setInitialValues;
-
-var buildValidationSchema = function buildValidationSchema(overrideOptions) {
+var buildValidationSchema = exports.buildValidationSchema = function buildValidationSchema(overrideOptions) {
   var defaultOptions = {
     mp_permissionEmail: {
       /**
@@ -67,8 +60,9 @@ var buildValidationSchema = function buildValidationSchema(overrideOptions) {
       hideInput: false,
       disableOption: false
     }
-  }; // Override with any custom options supplied
+  };
 
+  // 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({
@@ -114,7 +108,6 @@ var buildValidationSchema = function buildValidationSchema(overrideOptions) {
       },
       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 */
     mp_address2: yup.string().max(50, 'Please enter a maximum of 50 characters'),
     mp_address3: yup.string().max(50, 'Please enter a maximum of 50 characters')
@@ -123,6 +116,4 @@ var buildValidationSchema = function buildValidationSchema(overrideOptions) {
     mpValidationSchema: mpValidationSchema,
     mpValidationOptions: mpValidationOptions
   };
-};
-
-exports.buildValidationSchema = buildValidationSchema;
+};

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

@@ -1,31 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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);
+    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;
+    register = formContext.register;
   var props = (0, _objectSpread2.default)({
     name: fieldName,
     type: fieldType,
@@ -39,11 +32,9 @@ var TextInput = function TextInput(_ref) {
     ref: register
   }));
 };
-
 TextInput.defaultProps = {
   optional: null,
   fieldType: 'text',
   formContext: null
 };
-var _default = TextInput;
-exports.default = _default;
+var _default = exports.default = TextInput;