@thecb/components 11.2.4-beta.0 → 11.2.4

package/dist/index.cjs.js

@@ -22266,7 +22266,7 @@ var StyledExternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
 })).withConfig({
   displayName: "ExternalLinkstyled__StyledExternalLink",
   componentId: "sc-m1q2m2-0"
-})(["display:flex;font-size:", ";color:", ";font-weight:", ";font-family:", ";line-height:", ";text-decoration:", ";&:hover{color:", ";}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{color:", ";}", ""], function (_ref2) {
+})(["display:flex;font-size:", ";color:", ";font-weight:", ";font-family:", ";line-height:", ";text-decoration:", ";&:hover{color:", ";text-decoration:", ";}&:focus{outline:3px solid ", ";outline-offset:2px;text-decoration:", ";}&:active{color:", ";}", ""], function (_ref2) {
   var size = _ref2.size;
   return size;
 }, function (_ref3) {
@@ -22281,14 +22281,17 @@ var StyledExternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
 }, function (_ref6) {
   var lineheight = _ref6.lineheight;
   return lineheight;
-}, LINK_TEXT_DECORATION$3, function (_ref7) {
-  var hoverColor = _ref7.hoverColor;
+}, function (_ref7) {
+  var isUnderlined = _ref7.isUnderlined;
+  return isUnderlined ? LINK_TEXT_DECORATION$3 : "none";
+}, function (_ref8) {
+  var hoverColor = _ref8.hoverColor;
   return hoverColor;
-}, ROYAL_BLUE$1, function (_ref8) {
-  var activeColor = _ref8.activeColor;
+}, LINK_TEXT_DECORATION$3, ROYAL_BLUE$1, LINK_TEXT_DECORATION$3, function (_ref9) {
+  var activeColor = _ref9.activeColor;
   return activeColor;
-}, function (_ref9) {
-  var extrastyles = _ref9.extrastyles;
+}, function (_ref10) {
+  var extrastyles = _ref10.extrastyles;
   return extrastyles;
 });
 /* eslint-enable no-unused-vars */
@@ -22314,6 +22317,8 @@ var ExternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex = _ref$tabIndex === void 0 ? "0" : _ref$tabIndex,
     dataQa = _ref.dataQa,
     ariaLabel = _ref.ariaLabel,
+    _ref$isUnderlined = _ref.isUnderlined,
+    isUnderlined = _ref$isUnderlined === void 0 ? true : _ref$isUnderlined,
     children = _ref.children;
   var themeContext = React.useContext(styled.ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$a, "Link", variant);
@@ -22346,6 +22351,7 @@ var ExternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     rel: newTab ? "noopener" : "",
     "data-qa": dataQa,
     "aria-label": ariaLabel,
+    isUnderlined: isUnderlined,
     ref: ref
   }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null))));
 });
@@ -22373,7 +22379,7 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
 })).withConfig({
   displayName: "InternalLinkstyled__StyledInternalLink",
   componentId: "sc-cuqxud-0"
-})(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";text-decoration:", ";&:hover{color:", ";}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{color:", ";}", ""], function (_ref2) {
+})(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";text-decoration:", ";&:hover{color:", ";text-decoration:", ";}&:focus{outline:3px solid ", ";outline-offset:2px;text-decoration:", ";}&:active{color:", ";}", ""], function (_ref2) {
   var color = _ref2.color,
     active = _ref2.active,
     activeColor = _ref2.activeColor;
@@ -22393,14 +22399,17 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
 }, function (_ref7) {
   var margin = _ref7.margin;
   return margin;
-}, LINK_TEXT_DECORATION$4, function (_ref8) {
-  var hoverColor = _ref8.hoverColor;
+}, function (_ref8) {
+  var isUnderlined = _ref8.isUnderlined;
+  return isUnderlined ? LINK_TEXT_DECORATION$4 : "none";
+}, function (_ref9) {
+  var hoverColor = _ref9.hoverColor;
   return hoverColor;
-}, ROYAL_BLUE$2, function (_ref9) {
-  var activeColor = _ref9.activeColor;
+}, LINK_TEXT_DECORATION$4, ROYAL_BLUE$2, LINK_TEXT_DECORATION$4, function (_ref10) {
+  var activeColor = _ref10.activeColor;
   return activeColor;
-}, function (_ref10) {
-  var extrastyles = _ref10.extrastyles;
+}, function (_ref11) {
+  var extrastyles = _ref11.extrastyles;
   return extrastyles;
 });
 /* eslint-enable no-unused-vars */
@@ -22421,7 +22430,9 @@ var InternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex = _ref$tabIndex === void 0 ? "0" : _ref$tabIndex,
     dataQa = _ref.dataQa,
     _ref$extraStyles = _ref.extraStyles,
-    extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles;
+    extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
+    _ref$isUnderlined = _ref.isUnderlined,
+    isUnderlined = _ref$isUnderlined === void 0 ? true : _ref$isUnderlined;
   var themeContext = React.useContext(styled.ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$a, "Link", variant);
   return /*#__PURE__*/React__default.createElement(StyledInternalLink, {
@@ -22438,6 +22449,7 @@ var InternalLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex: tabIndex,
     extrastyles: extraStyles,
     "data-qa": dataQa,
+    isUnderlined: isUnderlined,
     ref: ref
   }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 });
@@ -47245,7 +47257,7 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
     variant: "extraSmall",
     as: "p",
     color: BLACK
-  }, "This may mean the balance has been paid and was removed from the system, or that there was an error loading it. .".concat(autoPayEnabled ? " You may disable autopay for this account by pressing the 'Turn off Autopay' button." : ""))));
+  }, "This may mean that the account has been paid off or there was an error loading it. If you have questions about this account, please contact us.".concat(autoPayEnabled ? " You may disable autopay for this account by pressing the 'Turn off Autopay' button." : ""))));
 };
 
 var iconColor = ROYAL_BLUE_VIVID;
@@ -49720,6 +49732,116 @@ var RadioSection = function RadioSection(_ref) {
 };
 var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$T);
 
+var fallbackValues$U = {
+  primaryColor: ROYAL_BLUE_VIVID,
+  secondaryColor: CHARADE_GREY,
+  background: CORNFLOWER_BLUE
+};
+
+var BannerContainer = styled__default(Cluster).withConfig({
+  displayName: "RegistrationBannerstyled__BannerContainer",
+  componentId: "sc-1m1lm4y-0"
+})(["background:", ";padding:", ";"], function (_ref) {
+  var themeValues = _ref.themeValues;
+  return adjustHexColor(themeValues.background, 10, "lighten");
+}, function (_ref2) {
+  var isMobile = _ref2.isMobile;
+  return isMobile ? "1rem 2rem" : " 2rem 8.25rem";
+});
+var ContentContainer = styled__default(Cluster).withConfig({
+  displayName: "RegistrationBannerstyled__ContentContainer",
+  componentId: "sc-1m1lm4y-1"
+})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (_ref3) {
+  var isMobile = _ref3.isMobile;
+  return isMobile ? "296px" : " 1176px";
+}, function (_ref4) {
+  var isMobile = _ref4.isMobile;
+  return isMobile ? "column" : "row";
+});
+var ButtonContainer = styled__default(Stack).withConfig({
+  displayName: "RegistrationBannerstyled__ButtonContainer",
+  componentId: "sc-1m1lm4y-2"
+})(["align-items:center;> a{width:", ";}"], function (_ref5) {
+  var isMobile = _ref5.isMobile;
+  return isMobile ? "296px" : "222px";
+});
+var RegisterLink = styled__default(ButtonWithLink).withConfig({
+  displayName: "RegistrationBannerstyled__RegisterLink",
+  componentId: "sc-1m1lm4y-3"
+})(["border-radius:100px;margin:0;width:100%;"]);
+var LoginLink = styled__default(ButtonWithLink).withConfig({
+  displayName: "RegistrationBannerstyled__LoginLink",
+  componentId: "sc-1m1lm4y-4"
+})(["border-radius:100px;padding:0;margin:0;width:100%;min-height:2rem;margin-top:0px;border:none;&:hover{text-decoration:none;}"]);
+
+var RegistrationBanner = function RegistrationBanner(_ref) {
+  var clientName = _ref.clientName,
+    extraStyles = _ref.extraStyles,
+    _ref$loginLink = _ref.loginLink,
+    loginLink = _ref$loginLink === void 0 ? "/login" : _ref$loginLink,
+    _ref$registrationLink = _ref.registrationLink,
+    registrationLink = _ref$registrationLink === void 0 ? "/registration" : _ref$registrationLink,
+    themeValues = _ref.themeValues,
+    titleAs = _ref.titleAs,
+    titleVariant = _ref.titleVariant;
+  var themeContext = React.useContext(styled.ThemeContext);
+  var isMobile = themeContext.isMobile;
+  return /*#__PURE__*/React__default.createElement(BannerContainer, {
+    extraStyles: extraStyles,
+    themeValues: themeValues,
+    isMobile: isMobile,
+    "aria-label": "Registration Banner",
+    justify: "center"
+  }, /*#__PURE__*/React__default.createElement(ContentContainer, {
+    align: "center",
+    justify: "space-between",
+    overflow: "visible",
+    isMobile: isMobile
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    textAlign: "left"
+  }, /*#__PURE__*/React__default.createElement(Heading$1, {
+    as: titleAs,
+    color: themeValues.primaryColor,
+    fontSize: isMobile ? FONT_SIZE.XL : "1.5rem",
+    variant: titleVariant,
+    weight: FONT_WEIGHT_SEMIBOLD
+  }, "Register for a ", clientName, " Wallet Account"), /*#__PURE__*/React__default.createElement(Text$1, {
+    extraStyles: "\n              display: block;\n              padding: ".concat(isMobile ? ".125rem 0 1rem" : "0", "\n            "),
+    fontSize: isMobile ? FONT_SIZE.SM : FONT_SIZE.LG,
+    color: themeValues.secondaryColor
+  }, "Save payment methods and information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React__default.createElement(ButtonContainer, {
+    justify: "space-between",
+    fullHeight: true,
+    childGap: "0.5rem",
+    isMobile: isMobile
+  }, /*#__PURE__*/React__default.createElement(RegisterLink, {
+    variant: "secondary",
+    color: themeValues.primaryColor,
+    contentOverride: true,
+    fontWeight: FONT_WEIGHT_SEMIBOLD,
+    url: registrationLink
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: "center",
+    align: "center"
+  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    extraStyles: "margin-right: 0.5rem",
+    fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG,
+    color: themeValues.primaryColor,
+    weight: FONT_WEIGHT_SEMIBOLD
+  }, "Register Now"), /*#__PURE__*/React__default.createElement(ArrowRightIcon, null))), /*#__PURE__*/React__default.createElement(LoginLink, {
+    text: "Log In",
+    variant: "secondary",
+    contentOverride: true,
+    url: loginLink
+  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    fontSize: isMobile ? FONT_SIZE.SM : FONT_SIZE.MD,
+    color: themeValues.primaryColor,
+    weight: FONT_WEIGHT_SEMIBOLD
+  }, "or Log In")))));
+};
+var RegistrationBanner$1 = withWindowSize(themeComponent(RegistrationBanner, "RegistrationBanner", fallbackValues$U));
+
 var RegistrationForm = function RegistrationForm(_ref) {
   var clearOnDismount = _ref.clearOnDismount,
     fields = _ref.fields,
@@ -49838,13 +49960,13 @@ RegistrationForm.mapDispatchToProps = mapDispatchToProps$9;
 
 var GRECIAN_GREY$1 = GRECIAN_GREY;
 var bannerBackgroundColor = GRECIAN_GREY$1;
-var fallbackValues$U = {
+var fallbackValues$V = {
   bannerBackgroundColor: bannerBackgroundColor
 };
 
 var ResetConfirmationForm = function ResetConfirmationForm() {
   var themeContext = React.useContext(styled.ThemeContext);
-  var themeValues = createThemeValues(themeContext, fallbackValues$U, "ResetConfirmationForm");
+  var themeValues = createThemeValues(themeContext, fallbackValues$V, "ResetConfirmationForm");
   var isMobile = themeContext.isMobile;
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
@@ -49959,13 +50081,13 @@ ResetPasswordForm.mapDispatchToProps = mapDispatchToProps$a;
 
 var GRECIAN_GREY$2 = GRECIAN_GREY;
 var bannerBackgroundColor$1 = GRECIAN_GREY$2;
-var fallbackValues$V = {
+var fallbackValues$W = {
   bannerBackgroundColor: bannerBackgroundColor$1
 };
 
 var ResetPasswordSuccess = function ResetPasswordSuccess() {
   var themeContext = React.useContext(styled.ThemeContext);
-  var themeValues = createThemeValues(themeContext, fallbackValues$V, "ResetPasswordSuccess");
+  var themeValues = createThemeValues(themeContext, fallbackValues$W, "ResetPasswordSuccess");
   var isMobile = themeContext.isMobile;
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
@@ -50014,7 +50136,7 @@ var ResetPasswordSuccess$1 = withWindowSize(ResetPasswordSuccess);
 var activeTabBackground = "#FFFFFF";
 var activeTabAccent = "#15749D";
 var activeTabHover = "#B8D5E1";
-var fallbackValues$W = {
+var fallbackValues$X = {
   activeTabBackground: activeTabBackground,
   activeTabAccent: activeTabAccent,
   activeTabHover: activeTabHover
@@ -50082,12 +50204,12 @@ var Tabs = function Tabs(_ref) {
     }, tab.content);
   }))));
 };
-var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$W);
+var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$X);
 
 var activeTabBackground$1 = "#FFFFFF";
 var activeTabAccent$1 = "#15749D";
 var activeTabHover$1 = "#B8D5E1";
-var fallbackValues$X = {
+var fallbackValues$Y = {
   activeTabBackground: activeTabBackground$1,
   activeTabAccent: activeTabAccent$1,
   activeTabHover: activeTabHover$1
@@ -50144,7 +50266,7 @@ var TabSidebar = function TabSidebar(_ref) {
     }, text)))));
   })));
 };
-var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$X);
+var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$Y);
 
 var Timeout = function Timeout(_ref) {
   var onLogout = _ref.onLogout;
@@ -50265,7 +50387,7 @@ var fontColor$1 = WHITE;
 var textAlign$1 = "left";
 var headerBackgroundColor$1 = BRIGHT_GREY;
 var imageBackgroundColor$1 = MATISSE_BLUE;
-var fallbackValues$Y = {
+var fallbackValues$Z = {
   fontWeight: fontWeight$8,
   fontColor: fontColor$1,
   textAlign: textAlign$1,
@@ -50310,7 +50432,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
     src: welcomeImage
   })))));
 };
-var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$Y));
+var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$Z));
 
 var WorkflowTile = function WorkflowTile(_ref) {
   var _ref$workflowName = _ref.workflowName,
@@ -50370,7 +50492,7 @@ var menuItemColorDelete = RAZZMATAZZ_RED;
 var menuItemHoverBackgroundColor = CORNFLOWER_BLUE;
 var menuItemHoverBackgroundColorDelete = BLUSH_RED;
 var menuItemHoverColor = ROYAL_BLUE_VIVID;
-var fallbackValues$Z = {
+var fallbackValues$_ = {
   menuItemBackgroundColor: menuItemBackgroundColor,
   menuItemColor: menuItemColor,
   menuItemColorDelete: menuItemColorDelete,
@@ -50437,13 +50559,13 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
     extraStyles: textExtraStyles
   }, text)));
 };
-var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$Z);
+var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$_);
 
 var hoverColor$5 = "#116285";
 var activeColor$a = "#0E506D";
 var menuTriggerColor = "#15749D";
 var backgroundColor$e = "white";
-var fallbackValues$_ = {
+var fallbackValues$$ = {
   hoverColor: hoverColor$5,
   activeColor: activeColor$a,
   menuTriggerColor: menuTriggerColor,
@@ -50579,13 +50701,13 @@ var PopupMenu = function PopupMenu(_ref) {
     }, item));
   })));
 };
-var PopupMenu$1 = themeComponent(PopupMenu, "PopupMenu", fallbackValues$_);
+var PopupMenu$1 = themeComponent(PopupMenu, "PopupMenu", fallbackValues$$);
 
 var primaryColor$1 = WHITE;
 var primaryHoverColor = INFO_BLUE;
 var secondaryColor = MATISSE_BLUE;
 var secondaryHoverColor = "#115D7E";
-var fallbackValues$$ = {
+var fallbackValues$10 = {
   primaryColor: primaryColor$1,
   primaryHoverColor: primaryHoverColor,
   secondaryColor: secondaryColor,
@@ -51287,7 +51409,7 @@ var MultipleSelectFilter = function MultipleSelectFilter(_ref) {
     ariaLabel: "Apply all filters"
   }))));
 };
-var MultipleSelectFilter$1 = themeComponent(MultipleSelectFilter, "MultipleSelectFilter", fallbackValues$$);
+var MultipleSelectFilter$1 = themeComponent(MultipleSelectFilter, "MultipleSelectFilter", fallbackValues$10);
 
 var TextWrapStyles = styled.css(["word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;"]);
 var Container$1 = styled__default(Box).withConfig({
@@ -51333,7 +51455,7 @@ var ContactCard = function ContactCard(_ref) {
     background: WHITE,
     boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.25)",
     dataQa: createIdFromString(title, "contact-card"),
-    maxWidth: isMobile ? "100%" : "208px",
+    maxWidth: "100%",
     minWidth: isMobile ? "240px" : "208px",
     minHeight: "141px",
     padding: "1.5rem",
@@ -51386,7 +51508,8 @@ var ContactCard = function ContactCard(_ref) {
       dataQa: linkID,
       href: link.link,
       newTab: true,
-      extraStyles: "\n                        flex-direction: row;\n                        align-items: center;\n                        align-content: flex-start;\n                        justify-content: space-between;\n                        word-break: break-word;\n                        ".concat(TextWrapStyles, "\n                      "),
+      isUnderlined: false,
+      extraStyles: "\n                          flex-direction: row;\n                          align-items: center;\n                          align-content: flex-start;\n                          justify-content: space-between;\n                          word-break: break-word;\n                          ".concat(TextWrapStyles, "\n                        "),
       size: FONT_SIZE.SM,
       lineHeight: "1.313rem"
     }, link.text, /*#__PURE__*/React__default.createElement(ExternalLinkIcon, {
@@ -51398,13 +51521,17 @@ var ContactCard = function ContactCard(_ref) {
       to: link.link,
       dataQa: linkID,
       fontSize: FONT_SIZE.SM,
-      extraStyles: "\n                        word-break: break-word;\n                        ".concat(TextWrapStyles, "\n                      ")
+      color: linkThemeValues.externalLinkColor,
+      isUnderlined: false,
+      active: false,
+      lineheight: "1.313rem",
+      extraStyles: "\n                          word-break: break-word;\n                          ".concat(TextWrapStyles, "\n                        ")
     }, link.text));
   })))));
 };
 
 var pageBackground = "#FBFCFD";
-var fallbackValues$10 = {
+var fallbackValues$11 = {
   pageBackground: pageBackground
 };
 
@@ -51452,7 +51579,7 @@ var CenterSingle = function CenterSingle(_ref) {
     padding: "0"
   })));
 };
-var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$10));
+var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$11));
 
 var CenterStack = function CenterStack(_ref) {
   var header = _ref.header,
@@ -51495,7 +51622,7 @@ var CenterStack = function CenterStack(_ref) {
     padding: "0"
   })));
 };
-var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$10));
+var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$11));
 
 var CenterSingle$2 = function CenterSingle(_ref) {
   var header = _ref.header,
@@ -51541,7 +51668,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
     padding: "0"
   })));
 };
-var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$10));
+var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$11));
 
 var SidebarSingleContent = function SidebarSingleContent(_ref) {
   var header = _ref.header,
@@ -51594,7 +51721,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
     padding: "0"
   })));
 };
-var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$10));
+var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$11));
 
 var SidebarStackContent = function SidebarStackContent(_ref) {
   var header = _ref.header,
@@ -51664,7 +51791,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
     key: "footer-box"
   })));
 };
-var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$10));
+var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$11));
 
 var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
   var resetHasErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
@@ -51903,6 +52030,7 @@ exports.Reel = Reel;
 exports.RefundIcon = RefundIcon;
 exports.RefundIconMedium = RefundIconMedium;
 exports.RefundIconSmall = RefundIconSmall;
+exports.RegistrationBanner = RegistrationBanner$1;
 exports.RegistrationForm = RegistrationForm;
 exports.RejectedIcon = RejectedIcon;
 exports.RejectedVelocityIcon = RejectedVelocityIcon;