@mycause/ui 0.0.0-cb8edf5f → 0.0.0-cba5b1d7

package/donation/cjs/components/navigation/navigation.js

@@ -0,0 +1,191 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var useMedia = require('use-media');
+var colors = require('../../theme/colors.js');
+var button = require('../button/button.js');
+var tabs = require('../tabs/tabs.js');
+var navigationMenu = require('./navigation-menu.js');
+var navigationBar = require('./navigation-bar.js');
+var navigationExpanded = require('./navigation-expanded.js');
+var navigationActions = require('./navigation-actions.js');
+var navigationSearch = require('./navigation-search.js');
+var navigationSearchControl = require('./navigation-search-control.js');
+var navigationSignInControl = require('./navigation-sign-in-control.js');
+var navigationCallToAction = require('./navigation-call-to-action.js');
+var navigationMenuControl = require('./navigation-menu-control.js');
+var navigationUserMenu = require('./navigation-user-menu.js');
+var stack = require('../layout/stack.js');
+var statistics = require('../statistics/statistics.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useMedia__default = /*#__PURE__*/_interopDefaultLegacy(useMedia);
+
+function Navigation(_ref) {
+  let {
+    logo,
+    menus,
+    links,
+    stats,
+    cta,
+    cta2,
+    user,
+    userMenu,
+    search,
+    login,
+    isSticky,
+    isCompactHeight,
+    setSearchToLeft,
+    menuReverse
+  } = _ref;
+  const [isSearchOpen, setSearchOpen] = React.useState(false);
+  const [isUserMenuOpen, setUserMenuOpen] = React.useState();
+  const [query, setQuery] = React.useState("");
+  const [active, setActive] = React.useState([null, null]);
+  const isCompact = useMedia__default["default"]("screen and (max-width: 720px)");
+  const isMedium = useMedia__default["default"]("screen and (max-width: 960px)");
+  const menu = active[0] && menus ? menus.find(menu => menu.id === active[0]) : null;
+  const submenu = active[1] ? menu.items.find(item => "id" in item && item.id === active[1]) && menu.items.find(item => "id" in item && item.id === active[1]).submenu : null;
+  const handleChangeMenuOpen = isOpen => {
+    if (isOpen) {
+      setActive(replace(active, 0, menus[0].id));
+    } else {
+      setActive([null, null]);
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement("nav", {
+    className: _JSXStyle__default["default"].dynamic([["2729873514", [colors.WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "navigation"
+  }, /*#__PURE__*/React__default["default"].createElement(navigationBar, {
+    isCompactHeight: isCompactHeight
+  }, !(isCompact && isSearchOpen) ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["2729873514", [colors.WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "logo-wrap"
+  }, logo) : null, isSearchOpen && search ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(navigationSearch, {
+    value: query,
+    onChange: setQuery,
+    onSubmit: () => search.onSearch(query),
+    onCancel: () => setSearchOpen(false)
+  })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["2729873514", [colors.WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "desktop-tabs"
+  }, /*#__PURE__*/React__default["default"].createElement(tabs, {
+    tabs: menus ? menus.map(item => ({
+      key: item.id,
+      label: item.label,
+      analyticsId: item.analyticsId,
+      hidden: item.hidden,
+      onClick: item.onClick
+    })) : [],
+    active: active[0],
+    isCompactHeight: isCompactHeight,
+    onActiveUpdate: id => setActive(replace(active, 0, id)),
+    isMinWidth: true,
+    isMinWidthIndicator: true,
+    large: true
+  })), /*#__PURE__*/React__default["default"].createElement(navigationActions, null, search && /*#__PURE__*/React__default["default"].createElement(navigationSearchControl, {
+    onChangeSearchOpen: setSearchOpen,
+    analyticsId: search.analyticsId
+  }), /*#__PURE__*/React__default["default"].createElement(stack, {
+    align: "center",
+    justify: menuReverse ? "start" : "end",
+    reverse: menuReverse,
+    gap: "0.5rem",
+    className: "nav-item-setter"
+  }, user ? /*#__PURE__*/React__default["default"].createElement(navigationUserMenu, {
+    user: user,
+    items: userMenu,
+    isOpen: isUserMenuOpen,
+    onChangeOpen: setUserMenuOpen,
+    isCompact: isCompact
+  }) : login && /*#__PURE__*/React__default["default"].createElement(navigationSignInControl, {
+    compact: isCompact,
+    handleonRequestSignIn: login.onLogin,
+    analyticsId: login.analyticsId,
+    color: login.color,
+    noIcon: login.noIcon
+  }), !isMedium && cta2 ? /*#__PURE__*/React__default["default"].createElement(button, {
+    large: true,
+    color: cta2.color || "primary",
+    onClick: () => {
+      cta2.targetTab && setActive(replace(active, 0, cta2.targetTab));
+    }
+  }, cta2.children) : null, !isMedium && cta ? /*#__PURE__*/React__default["default"].createElement(navigationCallToAction, cta) : null), isMedium && menus ? /*#__PURE__*/React__default["default"].createElement(navigationMenuControl, {
+    isMenuOpen: !!menu,
+    onChangeMenuOpen: handleChangeMenuOpen
+  }) : null))), menu && menu.items.length > 0 ? /*#__PURE__*/React__default["default"].createElement(navigationExpanded, {
+    links: links,
+    onRequestClose: () => setActive([null, null]),
+    className: "navigation-float",
+    banner: stats ? /*#__PURE__*/React__default["default"].createElement(statistics, {
+      stats: stats,
+      title: "We support your cause"
+    }) : null
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["2729873514", [colors.WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "mobile-tabs"
+  }, /*#__PURE__*/React__default["default"].createElement(tabs, {
+    tabs: menus ? menus.map(item => ({
+      key: item.id,
+      label: item.label,
+      hidden: item.hidden,
+      onClick: item.onClick
+    })) : [],
+    active: active[0],
+    onActiveUpdate: id => setActive(replace(active, 0, id))
+  })), /*#__PURE__*/React__default["default"].createElement(navigationMenu.NavigationMenu, {
+    key: menu.id,
+    links: menu.items.map(item => _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, item), {}, {
+      more: !!item.submenu
+    })),
+    sublinks: submenu || null,
+    action: menu.action || null,
+    actionRaised: menu.actionRaised || null,
+    active: active[1],
+    onClickItem: id => setActive(() => {
+      if (active[1]) return [active[0], null];else return replace(active, 1, id);
+    })
+  })) : null, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "2729873514",
+    dynamic: [colors.WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]
+  }, `.nav-item-setter > .mdc-button{white-space:nowrap;}.navigation.__jsx-style-dynamic-selector{background-color:${colors.WHITE};box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);top:0;z-index:10;position:${isSticky ? "fixed" : "relative"};width:100%;}.logo-wrap.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:1rem;}.desktop-tabs.__jsx-style-dynamic-selector{margin-left:1rem;display:none;}.mobile-tabs.__jsx-style-dynamic-selector{margin:0 -1rem;}.navigation.__jsx-style-dynamic-selector .navigation-float{position:absolute;top:100%;left:0;right:0;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);}.nav-item-setter{width:auto;}@media (min-width:960px){.navigation.__jsx-style-dynamic-selector{position:relative;}.mobile-tabs.__jsx-style-dynamic-selector{display:none;}.desktop-tabs.__jsx-style-dynamic-selector{display:block;}.nav-item-setter{width:${setSearchToLeft ? "100%" : ""};}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThQa0IsQUFHOEIsQUFHMkIsQUFVakMsQUFPSSxBQUtGLEFBSUcsQUFRUCxBQUlTLEFBSUwsQUFJQyxBQUdxQixXQWR2QyxFQVFFLENBSUEsQ0F4QkYsRUFMZSxDQVNKLEFBWVQsQ0F6Q0YsUUE4QlMsR0FUVCxJQVVVLENBcUJSLE9BbkIrQixJQTdCQSw0QkFTWixrQ0FxQnJCLElBN0JRLE1BQ0ssV0FDMkIsc0NBQzNCLEFBTVksV0FMekIsd0ZBTW9CLGtCQUNwQiIsImZpbGUiOiJuYXZpZ2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcbmltcG9ydCB7IFdISVRFIH0gZnJvbSBcIi4uLy4uL3RoZW1lL2NvbG9yc1wiO1xuaW1wb3J0IHsgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBCdXR0b24sIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vYnV0dG9uL2J1dHRvblwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vbGF5b3V0XCI7XG5pbXBvcnQgVGFicyBmcm9tIFwiLi4vdGFicy90YWJzXCI7XG5pbXBvcnQgTmF2aWdhdGlvbk1lbnUgZnJvbSBcIi4vbmF2aWdhdGlvbi1tZW51XCI7XG5pbXBvcnQgTmF2aWdhdGlvbkJhciBmcm9tIFwiLi9uYXZpZ2F0aW9uLWJhclwiO1xuaW1wb3J0IE5hdmlnYXRpb25FeHBhbmRlZCBmcm9tIFwiLi9uYXZpZ2F0aW9uLWV4cGFuZGVkXCI7XG5pbXBvcnQgeyBIeWJyaWROYXZpZ2F0aW9uTGluayB9IGZyb20gXCIuL25hdmlnYXRpb24tbGlzdFwiO1xuaW1wb3J0IHsgU3RhdGlzdGljcyB9IGZyb20gXCIuLi9zdGF0aXN0aWNzXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkFjdGlvbnMgZnJvbSBcIi4vbmF2aWdhdGlvbi1hY3Rpb25zXCI7XG5pbXBvcnQgTmF2aWdhdGlvblNlYXJjaCBmcm9tIFwiLi9uYXZpZ2F0aW9uLXNlYXJjaFwiO1xuaW1wb3J0IE5hdmlnYXRpb25TZWFyY2hDb250cm9sIGZyb20gXCIuL25hdmlnYXRpb24tc2VhcmNoLWNvbnRyb2xcIjtcbmltcG9ydCBOYXZpZ2F0aW9uU2lnbkluQ29udHJvbCBmcm9tIFwiLi9uYXZpZ2F0aW9uLXNpZ24taW4tY29udHJvbFwiO1xuaW1wb3J0IE5hdmlnYXRpb25DYWxsVG9BY3Rpb24gZnJvbSBcIi4vbmF2aWdhdGlvbi1jYWxsLXRvLWFjdGlvblwiO1xuaW1wb3J0IE5hdmlnYXRpb25NZW51Q29udHJvbCBmcm9tIFwiLi9uYXZpZ2F0aW9uLW1lbnUtY29udHJvbFwiO1xuaW1wb3J0IE5hdmlnYXRpb25Vc2VyTWVudSwgeyBVc2VyRGF0YSB9IGZyb20gXCIuL25hdmlnYXRpb24tdXNlci1tZW51XCI7XG5pbXBvcnQgeyBVc2VyTWVudUl0ZW1XaXRoU3VibWVudSB9IGZyb20gXCIuL25hdmlnYXRpb24tdXNlci1tZW51LWl0ZW1zXCI7XG5cbnR5cGUgTmF2aWdhdGlvbk1lbnUgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGFuYWx5dGljc0lkPzogc3RyaW5nO1xuICBoaWRkZW4/OiBib29sZWFuO1xuICBpdGVtczogQXJyYXk8XG4gICAgSHlicmlkTmF2aWdhdGlvbkxpbmsgJiB7XG4gICAgICBzdWJtZW51PzogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICAgIH1cbiAgPjtcbiAgYWN0aW9uPzogSHlicmlkTmF2aWdhdGlvbkxpbms7XG4gIGFjdGlvblJhaXNlZD86IEh5YnJpZE5hdmlnYXRpb25MaW5rO1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgU2VhcmNoQWN0aW9uID0ge1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbiAgb25TZWFyY2g6IChxdWVyeTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxudHlwZSBMb2dpbkFjdGlvbiA9IHtcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIG9uTG9naW46ICgpID0+IHZvaWQ7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIG5vSWNvbj86IGJvb2xlYW47XG59O1xuXG50eXBlIFN0YXRzSXRlbVByb3BzID0ge1xuICBpZDogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBsb2dvOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uUHJvcHMgPSB7XG4gIGxvZ28/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIG1lbnVzPzogQXJyYXk8TmF2aWdhdGlvbk1lbnU+O1xuICBsaW5rcz86IEFycmF5PEh5YnJpZE5hdmlnYXRpb25MaW5rPjtcbiAgc3RhdHM/OiBBcnJheTxTdGF0c0l0ZW1Qcm9wcz47XG4gIGN0YT86IEJ1dHRvblByb3BzIHwgbnVsbDtcbiAgY3RhMj86IChCdXR0b25Qcm9wcyAmIHsgdGFyZ2V0VGFiPzogc3RyaW5nIH0pIHwgbnVsbDtcbiAgdXNlcj86IFVzZXJEYXRhIHwgbnVsbDtcbiAgbG9naW4/OiBMb2dpbkFjdGlvbiB8IG51bGw7XG4gIHVzZXJNZW51PzogQXJyYXk8VXNlck1lbnVJdGVtV2l0aFN1Ym1lbnU+O1xuICBzZWFyY2g/OiBTZWFyY2hBY3Rpb24gfCBudWxsO1xuICBpc1N0aWNreT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdEhlaWdodD86IGJvb2xlYW47XG4gIHNldFNlYXJjaFRvTGVmdD86IGJvb2xlYW47XG4gIG1lbnVSZXZlcnNlPzogYm9vbGVhbjtcbn07XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb24oe1xuICBsb2dvLFxuICBtZW51cyxcbiAgbGlua3MsXG4gIHN0YXRzLFxuICBjdGEsXG4gIGN0YTIsXG4gIHVzZXIsXG4gIHVzZXJNZW51LFxuICBzZWFyY2gsXG4gIGxvZ2luLFxuICBpc1N0aWNreSxcbiAgaXNDb21wYWN0SGVpZ2h0LFxuICBzZXRTZWFyY2hUb0xlZnQsXG4gIG1lbnVSZXZlcnNlLFxufTogTmF2aWdhdGlvblByb3BzKSB7XG4gIGNvbnN0IFtpc1NlYXJjaE9wZW4sIHNldFNlYXJjaE9wZW5dID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdCBbaXNVc2VyTWVudU9wZW4sIHNldFVzZXJNZW51T3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPigpO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG4gIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZTxBcnJheTxzdHJpbmcgfCBudWxsPj4oW251bGwsIG51bGxdKTtcblxuICBjb25zdCBpc0NvbXBhY3QgPSB1c2VNZWRpYShcInNjcmVlbiBhbmQgKG1heC13aWR0aDogNzIwcHgpXCIpO1xuICBjb25zdCBpc01lZGl1bSA9IHVzZU1lZGlhKFwic2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5NjBweClcIik7XG5cbiAgY29uc3QgbWVudSA9XG4gICAgYWN0aXZlWzBdICYmIG1lbnVzID8gbWVudXMuZmluZChtZW51ID0+IG1lbnUuaWQgPT09IGFjdGl2ZVswXSkgOiBudWxsO1xuICBjb25zdCBzdWJtZW51ID0gYWN0aXZlWzFdXG4gICAgPyBtZW51IS5pdGVtcy5maW5kKGl0ZW0gPT4gXCJpZFwiIGluIGl0ZW0gJiYgaXRlbS5pZCA9PT0gYWN0aXZlWzFdKSAmJlxuICAgICAgbWVudSEuaXRlbXMuZmluZChpdGVtID0+IFwiaWRcIiBpbiBpdGVtICYmIGl0ZW0uaWQgPT09IGFjdGl2ZVsxXSkhLnN1Ym1lbnVcbiAgICA6IG51bGw7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlTWVudU9wZW4gPSAoaXNPcGVuOiBib29sZWFuKSA9PiB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgc2V0QWN0aXZlKHJlcGxhY2UoYWN0aXZlLCAwLCBtZW51cyFbMF0uaWQpKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QWN0aXZlKFtudWxsLCBudWxsXSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPG5hdiBjbGFzc05hbWU9XCJuYXZpZ2F0aW9uXCI+XG4gICAgICA8TmF2aWdhdGlvbkJhciBpc0NvbXBhY3RIZWlnaHQ9e2lzQ29tcGFjdEhlaWdodH0+XG4gICAgICAgIHshKGlzQ29tcGFjdCAmJiBpc1NlYXJjaE9wZW4pID8gKFxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibG9nby13cmFwXCI+e2xvZ299PC9kaXY+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7aXNTZWFyY2hPcGVuICYmIHNlYXJjaCA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE5hdmlnYXRpb25TZWFyY2hcbiAgICAgICAgICAgICAgdmFsdWU9e3F1ZXJ5fVxuICAgICAgICAgICAgICBvbkNoYW5nZT17c2V0UXVlcnl9XG4gICAgICAgICAgICAgIG9uU3VibWl0PXsoKSA9PiBzZWFyY2gub25TZWFyY2gocXVlcnkpfVxuICAgICAgICAgICAgICBvbkNhbmNlbD17KCkgPT4gc2V0U2VhcmNoT3BlbihmYWxzZSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImRlc2t0b3AtdGFic1wiPlxuICAgICAgICAgICAgICA8VGFic1xuICAgICAgICAgICAgICAgIHRhYnM9e1xuICAgICAgICAgICAgICAgICAgbWVudXNcbiAgICAgICAgICAgICAgICAgICAgPyBtZW51cy5tYXAoaXRlbSA9PiAoe1xuICAgICAgICAgICAgICAgICAgICAgICAga2V5OiBpdGVtLmlkLFxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IGl0ZW0ubGFiZWwsXG4gICAgICAgICAgICAgICAgICAgICAgICBhbmFseXRpY3NJZDogaXRlbS5hbmFseXRpY3NJZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGhpZGRlbjogaXRlbS5oaWRkZW4sXG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrOiBpdGVtLm9uQ2xpY2ssXG4gICAgICAgICAgICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICAgICAgICAgIDogW11cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVbMF19XG4gICAgICAgICAgICAgICAgaXNDb21wYWN0SGVpZ2h0PXtpc0NvbXBhY3RIZWlnaHR9XG4gICAgICAgICAgICAgICAgb25BY3RpdmVVcGRhdGU9e2lkID0+IHNldEFjdGl2ZShyZXBsYWNlKGFjdGl2ZSwgMCwgaWQpKX1cbiAgICAgICAgICAgICAgICBpc01pbldpZHRoXG4gICAgICAgICAgICAgICAgaXNNaW5XaWR0aEluZGljYXRvclxuICAgICAgICAgICAgICAgIGxhcmdlXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxOYXZpZ2F0aW9uQWN0aW9ucz5cbiAgICAgICAgICAgICAge3NlYXJjaCAmJiAoXG4gICAgICAgICAgICAgICAgPE5hdmlnYXRpb25TZWFyY2hDb250cm9sXG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZVNlYXJjaE9wZW49e3NldFNlYXJjaE9wZW59XG4gICAgICAgICAgICAgICAgICBhbmFseXRpY3NJZD17c2VhcmNoLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxTdGFja1xuICAgICAgICAgICAgICAgIGFsaWduPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICBqdXN0aWZ5PXttZW51UmV2ZXJzZSA/IFwic3RhcnRcIiA6IFwiZW5kXCJ9XG4gICAgICAgICAgICAgICAgcmV2ZXJzZT17bWVudVJldmVyc2V9XG4gICAgICAgICAgICAgICAgZ2FwPVwiMC41cmVtXCJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJuYXYtaXRlbS1zZXR0ZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3VzZXIgPyAoXG4gICAgICAgICAgICAgICAgICA8TmF2aWdhdGlvblVzZXJNZW51XG4gICAgICAgICAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICAgICAgICAgIGl0ZW1zPXt1c2VyTWVudX1cbiAgICAgICAgICAgICAgICAgICAgaXNPcGVuPXtpc1VzZXJNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VPcGVuPXtzZXRVc2VyTWVudU9wZW59XG4gICAgICAgICAgICAgICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgbG9naW4gJiYgKFxuICAgICAgICAgICAgICAgICAgICA8TmF2aWdhdGlvblNpZ25JbkNvbnRyb2xcbiAgICAgICAgICAgICAgICAgICAgICBjb21wYWN0PXtpc0NvbXBhY3R9XG4gICAgICAgICAgICAgICAgICAgICAgaGFuZGxlb25SZXF1ZXN0U2lnbkluPXtsb2dpbi5vbkxvZ2lufVxuICAgICAgICAgICAgICAgICAgICAgIGFuYWx5dGljc0lkPXtsb2dpbi5hbmFseXRpY3NJZH1cbiAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17bG9naW4uY29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgbm9JY29uPXtsb2dpbi5ub0ljb259XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7IWlzTWVkaXVtICYmIGN0YTIgPyAoXG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxhcmdlPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICBjb2xvcj17Y3RhMi5jb2xvciB8fCBcInByaW1hcnlcIn1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGN0YTIudGFyZ2V0VGFiICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRBY3RpdmUocmVwbGFjZShhY3RpdmUsIDAsIGN0YTIudGFyZ2V0VGFiKSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjdGEyLmNoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgeyFpc01lZGl1bSAmJiBjdGEgPyA8TmF2aWdhdGlvbkNhbGxUb0FjdGlvbiB7Li4uY3RhfSAvPiA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICAgIHtpc01lZGl1bSAmJiBtZW51cyA/IChcbiAgICAgICAgICAgICAgICA8TmF2aWdhdGlvbk1lbnVDb250cm9sXG4gICAgICAgICAgICAgICAgICBpc01lbnVPcGVuPXshIW1lbnV9XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZU1lbnVPcGVuPXtoYW5kbGVDaGFuZ2VNZW51T3Blbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvTmF2aWdhdGlvbkFjdGlvbnM+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L05hdmlnYXRpb25CYXI+XG4gICAgICB7bWVudSAmJiBtZW51Lml0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgIDxOYXZpZ2F0aW9uRXhwYW5kZWRcbiAgICAgICAgICBsaW5rcz17bGlua3N9XG4gICAgICAgICAgb25SZXF1ZXN0Q2xvc2U9eygpID0+IHNldEFjdGl2ZShbbnVsbCwgbnVsbF0pfVxuICAgICAgICAgIGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tZmxvYXRcIlxuICAgICAgICAgIGJhbm5lcj17XG4gICAgICAgICAgICBzdGF0cyA/IChcbiAgICAgICAgICAgICAgPFN0YXRpc3RpY3Mgc3RhdHM9e3N0YXRzfSB0aXRsZT1cIldlIHN1cHBvcnQgeW91ciBjYXVzZVwiIC8+XG4gICAgICAgICAgICApIDogbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibW9iaWxlLXRhYnNcIj5cbiAgICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICAgIHRhYnM9e1xuICAgICAgICAgICAgICAgIG1lbnVzXG4gICAgICAgICAgICAgICAgICA/IG1lbnVzLm1hcChpdGVtID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAga2V5OiBpdGVtLmlkLFxuICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBpdGVtLmxhYmVsLFxuICAgICAgICAgICAgICAgICAgICAgIGhpZGRlbjogaXRlbS5oaWRkZW4sXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljazogaXRlbS5vbkNsaWNrLFxuICAgICAgICAgICAgICAgICAgICB9KSlcbiAgICAgICAgICAgICAgICAgIDogW11cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVswXX1cbiAgICAgICAgICAgICAgb25BY3RpdmVVcGRhdGU9e2lkID0+IHNldEFjdGl2ZShyZXBsYWNlKGFjdGl2ZSwgMCwgaWQpKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPE5hdmlnYXRpb25NZW51XG4gICAgICAgICAgICBrZXk9e21lbnUuaWR9XG4gICAgICAgICAgICBsaW5rcz17bWVudS5pdGVtcy5tYXAoaXRlbSA9PiAoe1xuICAgICAgICAgICAgICAuLi5pdGVtLFxuICAgICAgICAgICAgICBtb3JlOiAhIWl0ZW0uc3VibWVudSxcbiAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgIHN1YmxpbmtzPXtzdWJtZW51IHx8IG51bGx9XG4gICAgICAgICAgICBhY3Rpb249e21lbnUuYWN0aW9uIHx8IG51bGx9XG4gICAgICAgICAgICBhY3Rpb25SYWlzZWQ9e21lbnUuYWN0aW9uUmFpc2VkIHx8IG51bGx9XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVsxXX1cbiAgICAgICAgICAgIG9uQ2xpY2tJdGVtPXtpZCA9PlxuICAgICAgICAgICAgICBzZXRBY3RpdmUoXG4gICAgICAgICAgICAgICAgKCk6IEFycmF5PHN0cmluZyB8IG51bGw+ID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmIChhY3RpdmVbMV0pIHJldHVybiBbYWN0aXZlWzBdLCBudWxsXTtcbiAgICAgICAgICAgICAgICAgIGVsc2UgcmV0dXJuIHJlcGxhY2UoYWN0aXZlLCAxLCBpZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9OYXZpZ2F0aW9uRXhwYW5kZWQ+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgOmdsb2JhbCgubmF2LWl0ZW0tc2V0dGVyID4gLm1kYy1idXR0b24pIHtcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB9XG4gICAgICAgIC5uYXZpZ2F0aW9uIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke1dISVRFfTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICB6LWluZGV4OiAxMDtcbiAgICAgICAgICBwb3NpdGlvbjogJHtpc1N0aWNreSA/IFwiZml4ZWRcIiA6IFwicmVsYXRpdmVcIn07XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAubG9nby13cmFwIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmRlc2t0b3AtdGFicyB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDFyZW07XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tb2JpbGUtdGFicyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0xcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24gOmdsb2JhbCgubmF2aWdhdGlvbi1mbG9hdCkge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDEwMCU7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSxcbiAgICAgICAgICAgIDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLm5hdi1pdGVtLXNldHRlcikge1xuICAgICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICB9XG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA5NjBweCkge1xuICAgICAgICAgIC5uYXZpZ2F0aW9uIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAubW9iaWxlLXRhYnMge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuZGVza3RvcC10YWJzIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIH1cbiAgICAgICAgICA6Z2xvYmFsKC5uYXYtaXRlbS1zZXR0ZXIpIHtcbiAgICAgICAgICAgIHdpZHRoOiAke3NldFNlYXJjaFRvTGVmdCA/IFwiMTAwJVwiIDogXCJcIn07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9uYXY+XG4gICk7XG59XG5cbmZ1bmN0aW9uIHJlcGxhY2U8VD4oYXJyOiBBcnJheTxUPiwgeDogbnVtYmVyLCB2YWw6IFQpIHtcbiAgcmV0dXJuIGFyci5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICBpZiAoaSA9PT0geCkgcmV0dXJuIHZhbDtcbiAgICBpZiAoeCA+IDApIHJldHVybiBpdGVtO1xuICAgIGVsc2UgcmV0dXJuIG51bGw7XG4gIH0pO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uO1xuIl19 */
+/*@ sourceURL=navigation.tsx */`));
+}
+Navigation.propTypes = {
+  logo: _pt__default["default"].node,
+  menus: _pt__default["default"].any,
+  links: _pt__default["default"].any,
+  stats: _pt__default["default"].any,
+  cta: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  cta2: _pt__default["default"].oneOfType([_pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
+    targetTab: _pt__default["default"].string
+  })]), _pt__default["default"].oneOf([null])]),
+  user: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  login: _pt__default["default"].oneOfType([_pt__default["default"].shape({
+    analyticsId: _pt__default["default"].string,
+    onLogin: _pt__default["default"].func.isRequired,
+    color: _pt__default["default"].any,
+    noIcon: _pt__default["default"].bool
+  }), _pt__default["default"].oneOf([null])]),
+  userMenu: _pt__default["default"].any,
+  search: _pt__default["default"].oneOfType([_pt__default["default"].shape({
+    analyticsId: _pt__default["default"].string,
+    onSearch: _pt__default["default"].func.isRequired
+  }), _pt__default["default"].oneOf([null])]),
+  isSticky: _pt__default["default"].bool,
+  isCompactHeight: _pt__default["default"].bool,
+  setSearchToLeft: _pt__default["default"].bool,
+  menuReverse: _pt__default["default"].bool
+};
+function replace(arr, x, val) {
+  return arr.map((item, i) => {
+    if (i === x) return val;
+    if (x > 0) return item;else return null;
+  });
+}
+
+module.exports = Navigation;

package/donation/cjs/components/phone-number-input/phone-number-input-v1.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var countries = require('i18n-iso-countries');
+var en = require('i18n-iso-countries/langs/en.json');
+var libphonenumberJs = require('libphonenumber-js');
+var list = require('../list/list.js');
+var classnames = require('classnames');
+var textField = require('../text-field/text-field.js');
+var MenuSurface = require('@material/react-menu-surface');
+var fieldHelperText = require('../field-helpers/field-helper-text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var countries__default = /*#__PURE__*/_interopDefaultLegacy(countries);
+var en__default = /*#__PURE__*/_interopDefaultLegacy(en);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var MenuSurface__default = /*#__PURE__*/_interopDefaultLegacy(MenuSurface);
+
+// Set up country options.
+countries__default["default"].registerLocale(en__default["default"]);
+const getCountryNames = countries__default["default"].getNames("en");
+
+// List of country codes to exclude
+const excludedCountryCodes = ["AQ", "BV", "TF", "HM", "PN", "GS", "UM"];
+// Filter the country list and exclude those with codes in excludedCountryCodes
+const filteredCountries = Object.entries(getCountryNames).filter(_ref => {
+  let [code] = _ref;
+  return !excludedCountryCodes.includes(code);
+});
+let countryOptions = filteredCountries.filter(_ref2 => {
+  let [key] = _ref2;
+  return key !== "AU" && key !== "GB" && key !== "US";
+}).map(_ref3 => {
+  let [key, value] = _ref3;
+  return {
+    label: value,
+    value: key
+  };
+});
+countryOptions = countryOptions.sort((a, b) => a.label.localeCompare(b.label));
+countryOptions.unshift({
+  label: "United Kingdom",
+  value: "GB"
+});
+countryOptions.unshift({
+  label: "United States of America",
+  value: "US"
+});
+countryOptions.unshift({
+  label: "Australia",
+  value: "AU"
+});
+function PhoneNumberInputV1(_ref4) {
+  let {
+    onChange,
+    values,
+    names = {
+      number: "number",
+      countryCallingCode: "countryCallingCode",
+      country: "country"
+    },
+    error,
+    onBlur,
+    helperText,
+    label,
+    required,
+    defaultCountry = "AU",
+    placeholder = "",
+    color,
+    isDisableCountries = false,
+    showCallingCode = true
+  } = _ref4;
+  const [ref, setRef] = React.useState(null);
+  const [open, setOpen] = React.useState(false);
+  const format = (text, c) => {
+    const typer = new libphonenumberJs.AsYouType(c || defaultCountry);
+    const formatted = typer.input(text);
+    const result = typer.getNumber();
+    if (result && result.isValid()) {
+      // When the user has typed in a full valid number,
+      // emit the country calling code and set the country explicitly
+      onChange(result.country, names.country);
+      onChange(result.format("NATIONAL"), names.number);
+      onChange(result.countryCallingCode, names.countryCallingCode);
+    } else {
+      onChange(formatted, names.number);
+    }
+  };
+  const handleTextChange = e => {
+    format(e.target.value, values.country);
+  };
+  const countriesList = countryOptions && countryOptions.map(country => {
+    return {
+      icon: {
+        icon: /*#__PURE__*/React__default["default"].createElement("span", {
+          className: `flag-icon flag-icon-${country.value.toLowerCase()}`
+        })
+      },
+      secondarytext: country.label,
+      onClick: () => {
+        setOpen(false);
+        onChange(country.value, names.country);
+        format(values.number, country.value);
+      }
+    };
+  });
+  const getCallingCode = country => {
+    return "+" + libphonenumberJs.getCountryCallingCode(country);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + "number-phone-input"
+  }, /*#__PURE__*/React__default["default"].createElement(textField, {
+    type: "tel",
+    value: values.number,
+    onChange: handleTextChange,
+    name: names.number,
+    onBlur: onBlur,
+    error: !!error,
+    required: required,
+    placeholder: placeholder,
+    label: label,
+    leadingIcon: /*#__PURE__*/React__default["default"].createElement("div", {
+      className: _JSXStyle__default["default"].dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + "country-icon"
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: _JSXStyle__default["default"].dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + `flag-icon flag-icon-${values.country.toLowerCase()}`
+    }), showCallingCode && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: _JSXStyle__default["default"].dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + "calling-code"
+    }, getCallingCode(values.country)), /*#__PURE__*/React__default["default"].createElement("i", {
+      className: _JSXStyle__default["default"].dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + (classnames__default["default"]("mdc-phone__dropdown-icon", {
+        "mdc-phone--focused": open
+      }) || "")
+    })),
+    onLeadingIconSelect: () => setOpen(true),
+    color: color,
+    ref: elem => setRef(elem)
+  }), ref && !isDisableCountries && /*#__PURE__*/React__default["default"].createElement(MenuSurface__default["default"], {
+    className: "button-select-menu",
+    open: open,
+    anchorElement: ref,
+    anchorCorner: MenuSurface.Corner.BOTTOM_LEFT,
+    onClose: () => setOpen(false)
+  }, /*#__PURE__*/React__default["default"].createElement(list, {
+    items: countriesList
+  })), helperText ? /*#__PURE__*/React__default["default"].createElement(fieldHelperText, null, helperText) : null, error ? /*#__PURE__*/React__default["default"].createElement(fieldHelperText, {
+    error: error
+  }) : null, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "847131044",
+    dynamic: [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]
+  }, `.number-phone-input.__jsx-style-dynamic-selector .mdc-text-field--outlined.mdc-text-field--dense.mdc-text-field--with-leading-icon .mdc-text-field__input{font-family:"Montserrat",sans-serif;padding-left:${!showCallingCode ? "3.5" : "5"}rem;}.number-phone-input.__jsx-style-dynamic-selector .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label{left:calc(${!showCallingCode ? "3.5" : "5"}rem - 18px);}.number-phone-input.__jsx-style-dynamic-selector .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{left:32px;}.number-phone-input.__jsx-style-dynamic-selector .country-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:1rem;font-family:"Montserrat",sans-serif;bottom:12px;left:0;width:${!showCallingCode ? "3.5" : "5"}rem;border-right:2px solid #e2e2e2;position:absolute;height:100%;top:0;}.number-phone-input.__jsx-style-dynamic-selector .flag-icon{width:32px;height:20px;}.number-phone-input.__jsx-style-dynamic-selector .calling-code{margin-left:4px;color:#404041;}.number-phone-input.__jsx-style-dynamic-selector .mdc-phone__dropdown-icon{background:url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%404041%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;-webkit-transform-origin:50% 45%;-ms-transform-origin:50% 45%;transform-origin:50% 45%;width:24px;height:24px;-webkit-transition:-webkit-transform 150ms cubic-bezier(0.4,0,0.2,1);-webkit-transition:transform 150ms cubic-bezier(0.4,0,0.2,1);transition:transform 150ms cubic-bezier(0.4,0,0.2,1);pointer-events:none;}.number-phone-input.__jsx-style-dynamic-selector .mdc-phone--focused.mdc-phone__dropdown-icon{-webkit-transform:${isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"};-ms-transform:${isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"};transform:${isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"};}.number-phone-input.__jsx-style-dynamic-selector .mdc-text-field--outlined .mdc-notched-outline__notch{min-width:120px;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBob25lLW51bWJlci1pbnB1dC12MS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUtrQixBQUtnRCxBQU1hLEFBS3hDLEFBR0csQUFjRixBQUlLLEFBS0UsQUFTcUIsQUFJdkIsVUF0Q2xCLENBaUJjLEtBSUUsQUFrQmhCLE9BckJBLE9BSUEsTUFqQytDLGNBTS9DLHdCQVFxQixPQWJyQixnREE2Q0Esc0NBL0JnQyxtSEFDZixlQUNzQixvQ0FDekIsWUFDTCxPQUMrQixzQ0FDUCwrQkFDYixrQkFDTixZQUNOLE1BQ1IsdUNBWTJCLHVGQUNkLFdBQ0MsWUFDNEMsdUxBQ3BDLG9CQUN0QiIsImZpbGUiOiJwaG9uZS1udW1iZXItaW5wdXQtdjEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY291bnRyaWVzIGZyb20gXCJpMThuLWlzby1jb3VudHJpZXNcIjtcbmltcG9ydCBlbiBmcm9tIFwiaTE4bi1pc28tY291bnRyaWVzL2xhbmdzL2VuLmpzb25cIjtcbmltcG9ydCB7XG4gIEFzWW91VHlwZSxcbiAgQ291bnRyeUNvZGUsXG4gIGdldENvdW50cnlDYWxsaW5nQ29kZSxcbn0gZnJvbSBcImxpYnBob25lbnVtYmVyLWpzXCI7XG5pbXBvcnQgeyBGaWVsZEhlbHBlclRleHQgfSBmcm9tIFwiLi4vZmllbGQtaGVscGVyc1wiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uL3RleHQtZmllbGRcIjtcbmltcG9ydCB7IE1lbnVTdXJmYWNlLCBNZW51Q29ybmVyIH0gZnJvbSBcIi4uL21lbnVcIjtcbmltcG9ydCBMaXN0IGZyb20gXCIuLi9saXN0L2xpc3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5cbi8vIFNldCB1cCBjb3VudHJ5IG9wdGlvbnMuXG5jb3VudHJpZXMucmVnaXN0ZXJMb2NhbGUoZW4pO1xuXG5jb25zdCBnZXRDb3VudHJ5TmFtZXMgPSBjb3VudHJpZXMuZ2V0TmFtZXMoXCJlblwiKTtcblxuLy8gTGlzdCBvZiBjb3VudHJ5IGNvZGVzIHRvIGV4Y2x1ZGVcbmNvbnN0IGV4Y2x1ZGVkQ291bnRyeUNvZGVzID0gW1wiQVFcIiwgXCJCVlwiLCBcIlRGXCIsIFwiSE1cIiwgXCJQTlwiLCBcIkdTXCIsIFwiVU1cIl07XG4vLyBGaWx0ZXIgdGhlIGNvdW50cnkgbGlzdCBhbmQgZXhjbHVkZSB0aG9zZSB3aXRoIGNvZGVzIGluIGV4Y2x1ZGVkQ291bnRyeUNvZGVzXG5jb25zdCBmaWx0ZXJlZENvdW50cmllcyA9IE9iamVjdC5lbnRyaWVzKGdldENvdW50cnlOYW1lcykuZmlsdGVyKFxuICAoW2NvZGVdKSA9PiAhZXhjbHVkZWRDb3VudHJ5Q29kZXMuaW5jbHVkZXMoY29kZSlcbik7XG5cbmxldCBjb3VudHJ5T3B0aW9uczogQXJyYXk8e1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufT4gPSBmaWx0ZXJlZENvdW50cmllc1xuICAuZmlsdGVyKChba2V5XSkgPT4ga2V5ICE9PSBcIkFVXCIgJiYga2V5ICE9PSBcIkdCXCIgJiYga2V5ICE9PSBcIlVTXCIpXG4gIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gKHsgbGFiZWw6IHZhbHVlLCB2YWx1ZToga2V5IH0pKTtcblxuY291bnRyeU9wdGlvbnMgPSBjb3VudHJ5T3B0aW9ucy5zb3J0KChhLCBiKSA9PiBhLmxhYmVsLmxvY2FsZUNvbXBhcmUoYi5sYWJlbCkpO1xuXG5jb3VudHJ5T3B0aW9ucy51bnNoaWZ0KHsgbGFiZWw6IFwiVW5pdGVkIEtpbmdkb21cIiwgdmFsdWU6IFwiR0JcIiB9KTtcbmNvdW50cnlPcHRpb25zLnVuc2hpZnQoeyBsYWJlbDogXCJVbml0ZWQgU3RhdGVzIG9mIEFtZXJpY2FcIiwgdmFsdWU6IFwiVVNcIiB9KTtcbmNvdW50cnlPcHRpb25zLnVuc2hpZnQoeyBsYWJlbDogXCJBdXN0cmFsaWFcIiwgdmFsdWU6IFwiQVVcIiB9KTtcblxudHlwZSBQaG9uZU51bWJlcklucHV0UHJvcHMgPSB7XG4gIHZhbHVlczogeyBudW1iZXI6IHN0cmluZzsgY291bnRyeUNhbGxpbmdDb2RlOiBzdHJpbmc7IGNvdW50cnk6IHN0cmluZyB9O1xuICBuYW1lcz86IHsgbnVtYmVyOiBzdHJpbmc7IGNvdW50cnlDYWxsaW5nQ29kZTogc3RyaW5nOyBjb3VudHJ5OiBzdHJpbmcgfTtcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nLCBuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBlcnJvcj86IHN0cmluZyB8IG51bGw7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBoZWxwZXJUZXh0PzogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGRlZmF1bHRDb3VudHJ5PzogQ291bnRyeUNvZGU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBjb2xvcj86IHN0cmluZztcbiAgaXNEaXNhYmxlQ291bnRyaWVzPzogYm9vbGVhbjtcbiAgc2hvd0NhbGxpbmdDb2RlPzogYm9vbGVhbjtcbn07XG5cbmZ1bmN0aW9uIFBob25lTnVtYmVySW5wdXRWMSh7XG4gIG9uQ2hhbmdlLFxuICB2YWx1ZXMsXG4gIG5hbWVzID0ge1xuICAgIG51bWJlcjogXCJudW1iZXJcIixcbiAgICBjb3VudHJ5Q2FsbGluZ0NvZGU6IFwiY291bnRyeUNhbGxpbmdDb2RlXCIsXG4gICAgY291bnRyeTogXCJjb3VudHJ5XCIsXG4gIH0sXG4gIGVycm9yLFxuICBvbkJsdXIsXG4gIGhlbHBlclRleHQsXG4gIGxhYmVsLFxuICByZXF1aXJlZCxcbiAgZGVmYXVsdENvdW50cnkgPSBcIkFVXCIsXG4gIHBsYWNlaG9sZGVyID0gXCJcIixcbiAgY29sb3IsXG4gIGlzRGlzYWJsZUNvdW50cmllcyA9IGZhbHNlLFxuICBzaG93Q2FsbGluZ0NvZGUgPSB0cnVlLFxufTogUGhvbmVOdW1iZXJJbnB1dFByb3BzKSB7XG4gIGNvbnN0IFtyZWYsIHNldFJlZl0gPSB1c2VTdGF0ZTxIVE1MRWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3QgZm9ybWF0ID0gKHRleHQ6IHN0cmluZywgYzogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgdHlwZXIgPSBuZXcgQXNZb3VUeXBlKChjIGFzIENvdW50cnlDb2RlKSB8fCBkZWZhdWx0Q291bnRyeSk7XG4gICAgY29uc3QgZm9ybWF0dGVkID0gdHlwZXIuaW5wdXQodGV4dCk7XG4gICAgY29uc3QgcmVzdWx0ID0gdHlwZXIuZ2V0TnVtYmVyKCk7XG5cbiAgICBpZiAocmVzdWx0ICYmIHJlc3VsdC5pc1ZhbGlkKCkpIHtcbiAgICAgIC8vIFdoZW4gdGhlIHVzZXIgaGFzIHR5cGVkIGluIGEgZnVsbCB2YWxpZCBudW1iZXIsXG4gICAgICAvLyBlbWl0IHRoZSBjb3VudHJ5IGNhbGxpbmcgY29kZSBhbmQgc2V0IHRoZSBjb3VudHJ5IGV4cGxpY2l0bHlcbiAgICAgIG9uQ2hhbmdlKHJlc3VsdC5jb3VudHJ5IGFzIENvdW50cnlDb2RlLCBuYW1lcy5jb3VudHJ5KTtcbiAgICAgIG9uQ2hhbmdlKHJlc3VsdC5mb3JtYXQoXCJOQVRJT05BTFwiKSwgbmFtZXMubnVtYmVyKTtcbiAgICAgIG9uQ2hhbmdlKHJlc3VsdC5jb3VudHJ5Q2FsbGluZ0NvZGUgYXMgc3RyaW5nLCBuYW1lcy5jb3VudHJ5Q2FsbGluZ0NvZGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBvbkNoYW5nZShmb3JtYXR0ZWQsIG5hbWVzLm51bWJlcik7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVRleHRDaGFuZ2UgPSAoZTogUmVhY3QuRm9ybUV2ZW50KSA9PiB7XG4gICAgZm9ybWF0KChlLnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSwgdmFsdWVzLmNvdW50cnkpO1xuICB9O1xuXG4gIGNvbnN0IGNvdW50cmllc0xpc3QgPVxuICAgIGNvdW50cnlPcHRpb25zICYmXG4gICAgY291bnRyeU9wdGlvbnMubWFwKGNvdW50cnkgPT4ge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgaWNvbjoge1xuICAgICAgICAgIGljb246IChcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YGZsYWctaWNvbiBmbGFnLWljb24tJHtjb3VudHJ5LnZhbHVlLnRvTG93ZXJDYXNlKCl9YH1cbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgKSxcbiAgICAgICAgfSxcbiAgICAgICAgc2Vjb25kYXJ5dGV4dDogY291bnRyeS5sYWJlbCxcbiAgICAgICAgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICAgIG9uQ2hhbmdlKGNvdW50cnkudmFsdWUsIG5hbWVzLmNvdW50cnkpO1xuICAgICAgICAgIGZvcm1hdCh2YWx1ZXMubnVtYmVyLCBjb3VudHJ5LnZhbHVlKTtcbiAgICAgICAgfSxcbiAgICAgIH07XG4gICAgfSk7XG5cbiAgY29uc3QgZ2V0Q2FsbGluZ0NvZGUgPSAoY291bnRyeTogQ291bnRyeUNvZGUpID0+IHtcbiAgICByZXR1cm4gXCIrXCIgKyBnZXRDb3VudHJ5Q2FsbGluZ0NvZGUoY291bnRyeSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17XCJudW1iZXItcGhvbmUtaW5wdXRcIn0+XG4gICAgICA8VGV4dEZpZWxkXG4gICAgICAgIHR5cGU9XCJ0ZWxcIlxuICAgICAgICB2YWx1ZT17dmFsdWVzLm51bWJlcn1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVRleHRDaGFuZ2V9XG4gICAgICAgIG5hbWU9e25hbWVzLm51bWJlcn1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIGVycm9yPXshIWVycm9yfVxuICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBsZWFkaW5nSWNvbj17XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb3VudHJ5LWljb25cIj5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YGZsYWctaWNvbiBmbGFnLWljb24tJHt2YWx1ZXMuY291bnRyeS50b0xvd2VyQ2FzZSgpfWB9XG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAge3Nob3dDYWxsaW5nQ29kZSAmJiAoXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImNhbGxpbmctY29kZVwiPlxuICAgICAgICAgICAgICAgIHtnZXRDYWxsaW5nQ29kZSh2YWx1ZXMuY291bnRyeSBhcyBDb3VudHJ5Q29kZSl9XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZGMtcGhvbmVfX2Ryb3Bkb3duLWljb25cIiwge1xuICAgICAgICAgICAgICAgIFwibWRjLXBob25lLS1mb2N1c2VkXCI6IG9wZW4sXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBvbkxlYWRpbmdJY29uU2VsZWN0PXsoKSA9PiBzZXRPcGVuKHRydWUpfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIHJlZj17ZWxlbSA9PiBzZXRSZWYoZWxlbSl9XG4gICAgICAvPlxuICAgICAge3JlZiAmJiAhaXNEaXNhYmxlQ291bnRyaWVzICYmIChcbiAgICAgICAgPE1lbnVTdXJmYWNlXG4gICAgICAgICAgY2xhc3NOYW1lPVwiYnV0dG9uLXNlbGVjdC1tZW51XCJcbiAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgIGFuY2hvckVsZW1lbnQ9e3JlZn1cbiAgICAgICAgICBhbmNob3JDb3JuZXI9e01lbnVDb3JuZXIuQk9UVE9NX0xFRlR9XG4gICAgICAgICAgb25DbG9zZT17KCkgPT4gc2V0T3BlbihmYWxzZSl9XG4gICAgICAgID5cbiAgICAgICAgICA8TGlzdCBpdGVtcz17Y291bnRyaWVzTGlzdH0gLz5cbiAgICAgICAgPC9NZW51U3VyZmFjZT5cbiAgICAgICl9XG4gICAgICB7aGVscGVyVGV4dCA/IDxGaWVsZEhlbHBlclRleHQ+e2hlbHBlclRleHR9PC9GaWVsZEhlbHBlclRleHQ+IDogbnVsbH1cbiAgICAgIHtlcnJvciA/IDxGaWVsZEhlbHBlclRleHQgZXJyb3I9e2Vycm9yfSAvPiA6IG51bGx9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5udW1iZXItcGhvbmUtaW5wdXRcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtdGV4dC1maWVsZC0tb3V0bGluZWQubWRjLXRleHQtZmllbGQtLWRlbnNlLm1kYy10ZXh0LWZpZWxkLS13aXRoLWxlYWRpbmctaWNvblxuICAgICAgICAgICAgLm1kYy10ZXh0LWZpZWxkX19pbnB1dCkge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIk1vbnRzZXJyYXRcIiwgc2Fucy1zZXJpZjtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7IXNob3dDYWxsaW5nQ29kZSA/IFwiMy41XCIgOiBcIjVcIn1yZW07XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkLS13aXRoLWxlYWRpbmctaWNvbi5tZGMtdGV4dC1maWVsZC0tb3V0bGluZWQubWRjLXRleHQtZmllbGQtLWRlbnNlXG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsKSB7XG4gICAgICAgICAgbGVmdDogY2FsYygkeyFzaG93Q2FsbGluZ0NvZGUgPyBcIjMuNVwiIDogXCI1XCJ9cmVtIC0gMThweCk7XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkLS13aXRoLWxlYWRpbmctaWNvbi5tZGMtdGV4dC1maWVsZC0tb3V0bGluZWQubWRjLXRleHQtZmllbGQtLWRlbnNlXG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsLS1mbG9hdC1hYm92ZSkge1xuICAgICAgICAgIGxlZnQ6IDMycHg7XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dCA6Z2xvYmFsKC5jb3VudHJ5LWljb24pIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICBmb250LWZhbWlseTogXCJNb250c2VycmF0XCIsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgYm90dG9tOiAxMnB4O1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgd2lkdGg6ICR7IXNob3dDYWxsaW5nQ29kZSA/IFwiMy41XCIgOiBcIjVcIn1yZW07XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgI2UyZTJlMjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgfVxuICAgICAgICAubnVtYmVyLXBob25lLWlucHV0IDpnbG9iYWwoLmZsYWctaWNvbikge1xuICAgICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgfVxuICAgICAgICAubnVtYmVyLXBob25lLWlucHV0IDpnbG9iYWwoLmNhbGxpbmctY29kZSkge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0cHg7XG4gICAgICAgICAgY29sb3I6ICM0MDQwNDE7XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dCA6Z2xvYWJsKC5tZGMtcGhvbmVfX2Ryb3Bkb3duLWljb24pIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnJTIwd2lkdGglM0QlMjIxMHB4JTIyJTIwaGVpZ2h0JTNEJTIyNXB4JTIyJTIwdmlld0JveCUzRCUyMjclMjAxMCUyMDEwJTIwNSUyMiUyMHZlcnNpb24lM0QlMjIxLjElMjIlMjB4bWxucyUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMjAwMCUyRnN2ZyUyMiUyMHhtbG5zJTNBeGxpbmslM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjE5OTklMkZ4bGluayUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQ3BvbHlnb24lMjBpZCUzRCUyMlNoYXBlJTIyJTIwc3Ryb2tlJTNEJTIybm9uZSUyMiUyMGZpbGwlM0QlMjIlNDA0MDQxJTIyJTIwZmlsbC1ydWxlJTNEJTIyZXZlbm9kZCUyMiUyMG9wYWNpdHklM0QlMjIwLjU0JTIyJTIwcG9pbnRzJTNEJTIyNyUyMDEwJTIwMTIlMjAxNSUyMDE3JTIwMTAlMjIlM0UlM0MlMkZwb2x5Z29uJTNFJTBBJTNDJTJGc3ZnJTNFXCIpXG4gICAgICAgICAgICBuby1yZXBlYXQgY2VudGVyO1xuICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA0NSU7XG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAxNTBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpO1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIC5udW1iZXItcGhvbmUtaW5wdXRcbiAgICAgICAgICA6Z2xvYWJsKC5tZGMtcGhvbmUtLWZvY3VzZWQubWRjLXBob25lX19kcm9wZG93bi1pY29uKSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiAke2lzRGlzYWJsZUNvdW50cmllc1xuICAgICAgICAgICAgPyBcImluaXRpYWxcIlxuICAgICAgICAgICAgOiBcInJvdGF0ZSgxODBkZWcpIHRyYW5zbGF0ZVkoLTVweClcIn07XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkLS1vdXRsaW5lZCAubWRjLW5vdGNoZWQtb3V0bGluZV9fbm90Y2gpIHtcbiAgICAgICAgICBtaW4td2lkdGg6IDEyMHB4O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBob25lTnVtYmVySW5wdXRWMTtcbiJdfQ== */
+/*@ sourceURL=phone-number-input-v1.tsx */`));
+}
+PhoneNumberInputV1.propTypes = {
+  values: _pt__default["default"].shape({
+    number: _pt__default["default"].string.isRequired,
+    countryCallingCode: _pt__default["default"].string.isRequired,
+    country: _pt__default["default"].string.isRequired
+  }).isRequired,
+  names: _pt__default["default"].shape({
+    number: _pt__default["default"].string.isRequired,
+    countryCallingCode: _pt__default["default"].string.isRequired,
+    country: _pt__default["default"].string.isRequired
+  }),
+  onChange: _pt__default["default"].func.isRequired,
+  label: _pt__default["default"].string,
+  error: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].oneOf([null])]),
+  onBlur: _pt__default["default"].func,
+  helperText: _pt__default["default"].node,
+  required: _pt__default["default"].bool,
+  defaultCountry: _pt__default["default"].any,
+  placeholder: _pt__default["default"].string,
+  color: _pt__default["default"].string,
+  isDisableCountries: _pt__default["default"].bool,
+  showCallingCode: _pt__default["default"].bool
+};
+
+module.exports = PhoneNumberInputV1;

package/donation/cjs/components/radio/radio.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var MDCRadio = require('@material/react-radio');
+var nanoid = require('nanoid');
+var classnames = require('classnames');
+var theme = require('../../theme/theme.js');
+var omit = require('lodash/omit');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var MDCRadio__default = /*#__PURE__*/_interopDefaultLegacy(MDCRadio);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+
+const _excluded = ["id", "color", "label", "value", "name", "className", "wrapperClasses", "onChange"];
+const Radio = _ref => {
+  let {
+      id = "",
+      color = "primary",
+      label = "",
+      value,
+      name,
+      className,
+      wrapperClasses,
+      onChange
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const [mainId, setMainId] = React.useState("");
+  const theme$1 = theme.useTheme();
+  const setColor = theme.getColorToken(theme$1, "foreground", color);
+
+  // Generate unique ID if not provided
+  React.useEffect(() => {
+    setMainId(id || (name && value ? `name__${value}` : nanoid.nanoid()));
+  }, [id, setMainId, name, value]);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "290542013",
+      dynamic: [setColor, theme$1.typography.fontFamily.brand]
+    }, `.mdc-radio.__jsx-style-dynamic-selector{--mdc-theme-secondary:${setColor};}.mdc-form-field.__jsx-style-dynamic-selector label{font-family:${theme$1.typography.fontFamily.brand};font-weight:500;cursor:pointer;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QzJCLEFBRzBELEFBR1YseUNBQ3pCLFVBSGxCLE1BSWlCLGVBQ2pCIiwiZmlsZSI6InJhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1EQ1JhZGlvLCB7XG4gIFJhZGlvUHJvcHMgYXMgTURDUmFkaW9Qcm9wcyxcbiAgTmF0aXZlUmFkaW9Db250cm9sIGFzIE1EQ05hdGl2ZVJhZGlvQ29udHJvbCxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1yYWRpb1wiO1xuaW1wb3J0IHsgbmFub2lkIH0gZnJvbSBcIm5hbm9pZFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBvbWl0IGZyb20gXCJsb2Rhc2gvb21pdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFJhZGlvUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PE1EQ1JhZGlvUHJvcHMsIFwiaW5pdFJpcHBsZVwiIHwgXCJjb2xvclwiIHwgXCJyZWZcIiB8IFwiY2hpbGRyZW5cIj4ge1xuICBpZD86IHN0cmluZztcbiAgd3JhcHBlckNsYXNzZXM/OiBzdHJpbmc7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuO1xuICB2YWx1ZT86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBuYW1lPzogc3RyaW5nO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFJhZGlvID0gKHtcbiAgaWQgPSBcIlwiLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBsYWJlbCA9IFwiXCIsXG4gIHZhbHVlLFxuICBuYW1lLFxuICBjbGFzc05hbWUsXG4gIHdyYXBwZXJDbGFzc2VzLFxuICBvbkNoYW5nZSxcbiAgLi4ucmVzdFxufTogUmFkaW9Qcm9wcykgPT4ge1xuICBjb25zdCBbbWFpbklkLCBzZXRNYWluSWRdID0gdXNlU3RhdGU8c3RyaW5nPihcIlwiKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHNldENvbG9yID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yKTtcblxuICAvLyBHZW5lcmF0ZSB1bmlxdWUgSUQgaWYgbm90IHByb3ZpZGVkXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0TWFpbklkKGlkIHx8IChuYW1lICYmIHZhbHVlID8gYG5hbWVfXyR7dmFsdWV9YCA6IG5hbm9pZCgpKSk7XG4gIH0sIFtpZCwgc2V0TWFpbklkLCBuYW1lLCB2YWx1ZV0pO1xuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgLm1kYy1yYWRpbyB7XG4gICAgICAtLW1kYy10aGVtZS1zZWNvbmRhcnk6ICR7c2V0Q29sb3J9O1xuICAgIH1cbiAgICAubWRjLWZvcm0tZmllbGQgOmdsb2JhbChsYWJlbCkge1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuICBgO1xuXG4gIC8vIE9taXQgaW52YWxpZCBwcm9wcyBsaWtlIG9uUG9pbnRlckVudGVyQ2FwdHVyZSBhbmQgb25Qb2ludGVyTGVhdmVDYXB0dXJlXG4gIGNvbnN0IGZpbHRlcmVkUHJvcHMgPSBvbWl0KFxuICAgIHtcbiAgICAgIHdyYXBwZXJDbGFzc2VzOiBjbGFzc25hbWVzKHdyYXBwZXJDbGFzc2VzLCBzY29wZS5jbGFzc05hbWUpLFxuICAgICAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKGNsYXNzTmFtZSwgc2NvcGUuY2xhc3NOYW1lKSxcbiAgICAgIHZhbHVlLFxuICAgICAgbGFiZWwsXG4gICAgICBrZXk6IG1haW5JZCxcbiAgICAgIC4uLnJlc3QsXG4gICAgfSxcbiAgICBbXCJvblBvaW50ZXJFbnRlckNhcHR1cmVcIiwgXCJvblBvaW50ZXJMZWF2ZUNhcHR1cmVcIl0gLy8gT21pdCB0aGVzZSBwcm9wc1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPE1EQ1JhZGlvXG4gICAgICAgIHsuLi4oKGZpbHRlcmVkUHJvcHMgYXMgdW5rbm93bikgYXMgUmVhY3QuQ29tcG9uZW50UHJvcHM8XG4gICAgICAgICAgdHlwZW9mIE1EQ1JhZGlvXG4gICAgICAgID4pfSAvLyBQYXNzIGZpbHRlcmVkIHByb3BzIGhlcmVcbiAgICAgID5cbiAgICAgICAgPE1EQ05hdGl2ZVJhZGlvQ29udHJvbFxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjbGFzc05hbWUpfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGlkPXttYWluSWR9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAvPlxuICAgICAgPC9NRENSYWRpbz5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9GcmFnbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvO1xuIl19 */
+/*@ sourceURL=radio.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["290542013", [setColor, theme$1.typography.fontFamily.brand]]])
+  };
+
+  // Omit invalid props like onPointerEnterCapture and onPointerLeaveCapture
+  const filteredProps = omit__default["default"](_rollupPluginBabelHelpers.objectSpread2({
+    wrapperClasses: classnames__default["default"](wrapperClasses, scope.className),
+    className: classnames__default["default"](className, scope.className),
+    value,
+    label,
+    key: mainId
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Omit these props
+  );
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(MDCRadio__default["default"], filteredProps, /*#__PURE__*/React__default["default"].createElement(MDCRadio.NativeRadioControl, _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"](className),
+    value: value,
+    name: name,
+    id: mainId,
+    onChange: onChange
+  }, rest))), scope.styles);
+};
+Radio.propTypes = {
+  id: _pt__default["default"].string,
+  wrapperClasses: _pt__default["default"].string,
+  color: _pt__default["default"].any,
+  label: _pt__default["default"].string,
+  className: _pt__default["default"].string,
+  checked: _pt__default["default"].bool,
+  value: _pt__default["default"].string,
+  disabled: _pt__default["default"].bool,
+  name: _pt__default["default"].string,
+  onChange: _pt__default["default"].func
+};
+var Radio$1 = Radio;
+
+module.exports = Radio$1;

package/donation/cjs/components/select/select-helper-text.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var _pt = require('prop-types');
+var React = require('react');
+var MDCSelect = require('@material/react-select');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function SelectHelperText(props) {
+  return /*#__PURE__*/React__default["default"].createElement(MDCSelect.SelectHelperText, props);
+}
+SelectHelperText.propTypes = {
+  children: _pt__default["default"].node
+};
+
+module.exports = SelectHelperText;