@bonlineza/luxity-lib 2.30.2 → 2.31.0

package/CHANGELOG.md

@@ -1,8 +1,18 @@
 ## Changelog
 
+### 2.31.0
+- Add Luxity Desktop Header Component
+- Add Luxity Mobile Header Component
+- Add Luxity Footer Component
+  
+  
+### 2.30.3
+- update the communication preferences radio buttons to match the existing style of radio buttons.
+- update the is_disabled prop tp follow camel case.
+
 ### 2.30.2
-- rename header components to make them more generic
-- display makes on the header dropdown
+- rename dropdown components to make them more generic.
+- add shoe size range selector
 
 ### 2.30.1
 - adding a class name prop for the buttons on the communications preference components.

package/CommunicationPreferenceOptionsRenderer.js

@@ -522,20 +522,39 @@
       };
   }
 
+  var _templateObject;
+  var RadioButtonLabel = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-bottom: ", ";\n  margin-right: ", ";\n"])), function (props) {
+    return props.theme.marginPaddings[0];
+  }, function (props) {
+    return props.theme.marginPaddings[0];
+  });
+
+  var _templateObject$1;
+  var RadioButtonText = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+
+  var _templateObject$2;
+  var RadioButtonCircle = styled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  margin-right: 5px;\n  border: 1px solid ", ";\n  display: flex;\n"])), function (props) {
+    return props.theme.colors.base;
+  });
+
+  var _templateObject$3;
+  var RadioButtonCircleInner = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  margin: auto;\n"])));
+
+  var _templateObject$4;
+  var RadioButtonInput = styled.input(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  display: none;\n  :checked ~ ", " {\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
+    return props.theme.colors.base;
+  });
+
   var _excluded = ["ref"];
 
-  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-  var OptionsRow = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
-  var OptionsRowDescription = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-basis: 30%;\n  margin-right: 10px;\n"])));
-  var Options = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
-  var OptionRadioInputContainer = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex-basis: 50%;\n"])));
-  var OptionRadioInput = styled.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
+  var _templateObject$5, _templateObject2;
+  var OptionsRow = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
+  var Options = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
 
   var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
-    var description = _ref.description,
-        control = _ref.control,
+    var control = _ref.control,
         name = _ref.name,
-        is_disabled = _ref.is_disabled,
+        isDisabled = _ref.isDisabled,
         options = _ref.options,
         defaultValue = _ref.defaultValue,
         setValue = _ref.setValue;
@@ -557,27 +576,20 @@
         setValue(name, defaultValue);
       }
     }, [defaultValue, name, setValue]);
-    return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
-        key: option.value
-      }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
-        type: "radio",
-        ref: ref
-      }, inputProps, {
-        value: option.value,
-        checked: inputProps.value === option.value.toString(),
-        disabled: true
-      })), option.label);
-    })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
-        key: option.value
-      }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
+    return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
+      return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
+        key: option.value,
+        htmlFor: option.value
+      }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
+        id: option.value,
+        ref: ref,
         type: "radio",
-        ref: ref
+        name: name,
+        defaultChecked: inputProps.value === option.value.toString()
       }, inputProps, {
-        value: option.value,
-        checked: inputProps.value === option.value.toString()
-      })), option.label);
+        disabled: isDisabled,
+        value: option.value
+      })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
     })), invalid && /*#__PURE__*/React__default.createElement("span", {
       className: "form__error"
     }, error === null || error === void 0 ? void 0 : error.message));

package/CommunicationPreferenceSection.js

@@ -586,20 +586,39 @@
       };
   }
 
+  var _templateObject;
+  var RadioButtonLabel = styled__default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-bottom: ", ";\n  margin-right: ", ";\n"])), function (props) {
+    return props.theme.marginPaddings[0];
+  }, function (props) {
+    return props.theme.marginPaddings[0];
+  });
+
+  var _templateObject$1;
+  var RadioButtonText = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+
+  var _templateObject$2;
+  var RadioButtonCircle = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  margin-right: 5px;\n  border: 1px solid ", ";\n  display: flex;\n"])), function (props) {
+    return props.theme.colors.base;
+  });
+
+  var _templateObject$3;
+  var RadioButtonCircleInner = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  margin: auto;\n"])));
+
+  var _templateObject$4;
+  var RadioButtonInput = styled__default.input(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  display: none;\n  :checked ~ ", " {\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
+    return props.theme.colors.base;
+  });
+
   var _excluded = ["ref"];
 
-  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-  var OptionsRow = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
-  var OptionsRowDescription = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-basis: 30%;\n  margin-right: 10px;\n"])));
-  var Options = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
-  var OptionRadioInputContainer = styled__default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex-basis: 50%;\n"])));
-  var OptionRadioInput = styled__default.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
+  var _templateObject$5, _templateObject2;
+  var OptionsRow = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
+  var Options = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
 
   var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
-    var description = _ref.description,
-        control = _ref.control,
+    var control = _ref.control,
         name = _ref.name,
-        is_disabled = _ref.is_disabled,
+        isDisabled = _ref.isDisabled,
         options = _ref.options,
         defaultValue = _ref.defaultValue,
         setValue = _ref.setValue;
@@ -621,34 +640,27 @@
         setValue(name, defaultValue);
       }
     }, [defaultValue, name, setValue]);
-    return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
-        key: option.value
-      }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
-        type: "radio",
-        ref: ref
-      }, inputProps, {
-        value: option.value,
-        checked: inputProps.value === option.value.toString(),
-        disabled: true
-      })), option.label);
-    })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
-        key: option.value
-      }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
+    return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
+      return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
+        key: option.value,
+        htmlFor: option.value
+      }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
+        id: option.value,
+        ref: ref,
         type: "radio",
-        ref: ref
+        name: name,
+        defaultChecked: inputProps.value === option.value.toString()
       }, inputProps, {
-        value: option.value,
-        checked: inputProps.value === option.value.toString()
-      })), option.label);
+        disabled: isDisabled,
+        value: option.value
+      })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
     })), invalid && /*#__PURE__*/React__default.createElement("span", {
       className: "form__error"
     }, error === null || error === void 0 ? void 0 : error.message));
   };
 
-  var _templateObject$1, _templateObject2$1;
-  var SectionContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  border-top: flex 1px solid ", ";\n  border-top-width: calc(100% - 50px);\n  padding: 5px 10px;\n"])), function (props) {
+  var _templateObject$6, _templateObject2$1;
+  var SectionContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  border-top: flex 1px solid ", ";\n  border-top-width: calc(100% - 50px);\n  padding: 5px 10px;\n"])), function (props) {
     return props.theme.colors.primary;
   });
   var SectionHeading = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
@@ -658,7 +670,7 @@
         description = _ref.description,
         control = _ref.control,
         name = _ref.name,
-        is_disabled = _ref.is_disabled,
+        isDisabled = _ref.isDisabled,
         options = _ref.options,
         defaultValue = _ref.defaultValue,
         setValue = _ref.setValue;
@@ -666,7 +678,7 @@
       description: description,
       control: control,
       name: name,
-      is_disabled: is_disabled,
+      isDisabled: isDisabled,
       options: options,
       defaultValue: defaultValue,
       setValue: setValue

package/CommunicationPreferences.js

@@ -2238,20 +2238,39 @@
     });
   });
 
+  var _templateObject;
+  var RadioButtonLabel = styled__default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-bottom: ", ";\n  margin-right: ", ";\n"])), function (props) {
+    return props.theme.marginPaddings[0];
+  }, function (props) {
+    return props.theme.marginPaddings[0];
+  });
+
+  var _templateObject$1;
+  var RadioButtonText = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+
+  var _templateObject$2;
+  var RadioButtonCircle = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  margin-right: 5px;\n  border: 1px solid ", ";\n  display: flex;\n"])), function (props) {
+    return props.theme.colors.base;
+  });
+
+  var _templateObject$3;
+  var RadioButtonCircleInner = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  margin: auto;\n"])));
+
+  var _templateObject$4;
+  var RadioButtonInput = styled__default.input(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  display: none;\n  :checked ~ ", " {\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
+    return props.theme.colors.base;
+  });
+
   var _excluded = ["ref"];
 
-  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-  var OptionsRow = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
-  var OptionsRowDescription = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-basis: 30%;\n  margin-right: 10px;\n"])));
-  var Options = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
-  var OptionRadioInputContainer = styled__default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex-basis: 50%;\n"])));
-  var OptionRadioInput = styled__default.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
+  var _templateObject$5, _templateObject2;
+  var OptionsRow = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
+  var Options = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
 
   var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
-    var description = _ref.description,
-        control = _ref.control,
+    var control = _ref.control,
         name = _ref.name,
-        is_disabled = _ref.is_disabled,
+        isDisabled = _ref.isDisabled,
         options = _ref.options,
         defaultValue = _ref.defaultValue,
         setValue = _ref.setValue;
@@ -2273,34 +2292,27 @@
         setValue(name, defaultValue);
       }
     }, [defaultValue, name, setValue]);
-    return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(OptionsRowDescription, null, description), is_disabled ? /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
-        key: option.value
-      }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
-        type: "radio",
-        ref: ref
-      }, inputProps, {
-        value: option.value,
-        checked: inputProps.value === option.value.toString(),
-        disabled: true
-      })), option.label);
-    })) : /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
-      return /*#__PURE__*/React__default.createElement(OptionRadioInputContainer, {
-        key: option.value
-      }, /*#__PURE__*/React__default.createElement(OptionRadioInput, _extends({
+    return /*#__PURE__*/React__default.createElement(OptionsRow, null, /*#__PURE__*/React__default.createElement(Options, null, options.map(function (option) {
+      return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
+        key: option.value,
+        htmlFor: option.value
+      }, /*#__PURE__*/React__default.createElement(RadioButtonInput, _extends({
+        id: option.value,
+        ref: ref,
         type: "radio",
-        ref: ref
+        name: name,
+        defaultChecked: inputProps.value === option.value.toString()
       }, inputProps, {
-        value: option.value,
-        checked: inputProps.value === option.value.toString()
-      })), option.label);
+        disabled: isDisabled,
+        value: option.value
+      })), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, option.label));
     })), invalid && /*#__PURE__*/React__default.createElement("span", {
       className: "form__error"
     }, error === null || error === void 0 ? void 0 : error.message));
   };
 
-  var _templateObject$1, _templateObject2$1;
-  var SectionContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  border-top: flex 1px solid ", ";\n  border-top-width: calc(100% - 50px);\n  padding: 5px 10px;\n"])), function (props) {
+  var _templateObject$6, _templateObject2$1;
+  var SectionContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  border-top: flex 1px solid ", ";\n  border-top-width: calc(100% - 50px);\n  padding: 5px 10px;\n"])), function (props) {
     return props.theme.colors.primary;
   });
   var SectionHeading = styled__default.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
@@ -2310,7 +2322,7 @@
         description = _ref.description,
         control = _ref.control,
         name = _ref.name,
-        is_disabled = _ref.is_disabled,
+        isDisabled = _ref.isDisabled,
         options = _ref.options,
         defaultValue = _ref.defaultValue,
         setValue = _ref.setValue;
@@ -2318,7 +2330,7 @@
       description: description,
       control: control,
       name: name,
-      is_disabled: is_disabled,
+      isDisabled: isDisabled,
       options: options,
       defaultValue: defaultValue,
       setValue: setValue
@@ -2361,10 +2373,10 @@
     GET: 'GET'
   };
 
-  var _templateObject$2, _templateObject2$2, _templateObject3$1;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var _templateObject$7, _templateObject2$2, _templateObject3;
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
   var EditButtonRow = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
   var BaseRequest = {
     loading: false,
     success: false,
@@ -2438,11 +2450,10 @@
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, requestState.loading && /*#__PURE__*/React__default.createElement(EllipsisLoader, null), header, /*#__PURE__*/React__default.createElement(CommunicationPreferenceContainer, null, /*#__PURE__*/React__default.createElement("form", {
       onSubmit: handleSubmit(onSubmit)
     }, /*#__PURE__*/React__default.createElement(CommunicationPreferenceSection$1, {
-      description: "How would you prefer to receive communication:  ",
       control: control,
       name: "default_communication",
       options: communicationOptions,
-      is_disabled: !isEditing,
+      isDisabled: !isEditing,
       defaultValue: preferenceData.default_communication,
       setValue: setValue
     }), isEditing ? /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {

package/CreateRarestepInterest.js

@@ -0,0 +1,85 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
+  typeof define === 'function' && define.amd ? define(['react'], factory) :
+  (global = global || self, global.CreateRarestepInterest = factory(global.React));
+}(this, (function (React) { 'use strict';
+
+  var React__default = 'default' in React ? React['default'] : React;
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+
+    var _s, _e;
+
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  var CreateRarestepInterest = function CreateRarestepInterest() {
+    var _useState = React.useState(null),
+        _useState2 = _slicedToArray(_useState, 2),
+        state = _useState2[0],
+        setState = _useState2[1];
+
+    React.useEffect(function () {
+      setState(1);
+    }, []);
+    console.log(state);
+    return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "test"
+    }, /*#__PURE__*/React__default.createElement("h1", null, "Hie")));
+  };
+
+  return CreateRarestepInterest;
+
+})));

package/GALink.js

@@ -0,0 +1,60 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
+  typeof define === 'function' && define.amd ? define(['react'], factory) :
+  (global = global || self, global.GALink = factory(global.React));
+}(this, (function (React) { 'use strict';
+
+  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
+
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  var Event = function Event(instance, track) {
+    var category = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+    var label = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
+    var value = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
+
+    if (track) {
+      instance.event({
+        category: category,
+        action: action,
+        label: label,
+        value: value
+      });
+    }
+  };
+
+  var GALink = function GALink(props) {
+    var gaOnClick = function gaOnClick(event) {
+      Event(props.instance, props.track, 'Link', "Click on ".concat(props.href), props.label);
+
+      if (typeof props.onClick === 'function') {
+        props.onClick(event);
+      }
+    };
+
+    return /*#__PURE__*/React.createElement("a", _extends({
+      href: "/"
+    }, props, {
+      onClick: gaOnClick
+    }), props.children);
+  };
+
+  return GALink;
+
+})));

package/GraphQLDropdownSelector.js

@@ -10966,12 +10966,9 @@
   var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n   {\n    width: 100px;\n    height: 30px;\n  }\n"])));
   var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-direction: column;\n  }\n"])));
 
-  var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
+  var _templateObject$R, _templateObject2$d;
   var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n"])));
-  var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n  flex-basis: 30%;\n  margin-right: 10px;\n"])));
-  var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
-  var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n  flex-basis: 50%;\n"])));
-  var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n"])));
+  var Options = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  flex-basis: 60%;\n"])));
 
   var _templateObject$S, _templateObject2$e;
   var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border-top: flex 1px solid ", ";\n  border-top-width: calc(100% - 50px);\n  padding: 5px 10px;\n"])), function (props) {
@@ -10979,10 +10976,10 @@
   });
   var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
 
-  var _templateObject$T, _templateObject2$f, _templateObject3$9;
+  var _templateObject$T, _templateObject2$f, _templateObject3$8;
   var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
   var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
 
   var _templateObject$U;
   var ALL_ITEM$1 = {