@mycause/ui 1.2.6 → 1.2.7

package/donation/esm/components/navigation/navigation.js

@@ -0,0 +1,180 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState } from 'react';
+import useMedia from 'use-media';
+import { WHITE } from '../../theme/colors.js';
+import Button from '../button/button.js';
+import Tabs from '../tabs/tabs.js';
+import { NavigationMenu } from './navigation-menu.js';
+import NavigationBar from './navigation-bar.js';
+import NavigationExpanded from './navigation-expanded.js';
+import NavigationActions from './navigation-actions.js';
+import NavigationSearch from './navigation-search.js';
+import NavigationSearchControl from './navigation-search-control.js';
+import NavigationSignInControl from './navigation-sign-in-control.js';
+import NavigationCallToAction from './navigation-call-to-action.js';
+import NavigationMenuControl from './navigation-menu-control.js';
+import NavigationUserMenu from './navigation-user-menu.js';
+import Stack from '../layout/stack.js';
+import Statistics from '../statistics/statistics.js';
+
+function Navigation(_ref) {
+  let {
+    logo,
+    menus,
+    links,
+    stats,
+    cta,
+    cta2,
+    user,
+    userMenu,
+    search,
+    login,
+    isSticky,
+    isCompactHeight,
+    setSearchToLeft,
+    menuReverse
+  } = _ref;
+  const [isSearchOpen, setSearchOpen] = useState(false);
+  const [isUserMenuOpen, setUserMenuOpen] = useState();
+  const [query, setQuery] = useState("");
+  const [active, setActive] = useState([null, null]);
+  const isCompact = useMedia("screen and (max-width: 720px)");
+  const isMedium = useMedia("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.createElement("nav", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "navigation"
+  }, /*#__PURE__*/React.createElement(NavigationBar, {
+    isCompactHeight: isCompactHeight
+  }, !(isCompact && isSearchOpen) ? /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "logo-wrap"
+  }, logo) : null, isSearchOpen && search ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavigationSearch, {
+    value: query,
+    onChange: setQuery,
+    onSubmit: () => search.onSearch(query),
+    onCancel: () => setSearchOpen(false)
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "desktop-tabs"
+  }, /*#__PURE__*/React.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.createElement(NavigationActions, null, search && /*#__PURE__*/React.createElement(NavigationSearchControl, {
+    onChangeSearchOpen: setSearchOpen,
+    analyticsId: search.analyticsId
+  }), /*#__PURE__*/React.createElement(Stack, {
+    align: "center",
+    justify: menuReverse ? "start" : "end",
+    reverse: menuReverse,
+    gap: "0.5rem",
+    className: "nav-item-setter"
+  }, user ? /*#__PURE__*/React.createElement(NavigationUserMenu, {
+    user: user,
+    items: userMenu,
+    isOpen: isUserMenuOpen,
+    onChangeOpen: setUserMenuOpen,
+    isCompact: isCompact
+  }) : login && /*#__PURE__*/React.createElement(NavigationSignInControl, {
+    compact: isCompact,
+    handleonRequestSignIn: login.onLogin,
+    analyticsId: login.analyticsId,
+    color: login.color,
+    noIcon: login.noIcon
+  }), !isMedium && cta2 ? /*#__PURE__*/React.createElement(Button, {
+    large: true,
+    color: cta2.color || "primary",
+    onClick: () => {
+      cta2.targetTab && setActive(replace(active, 0, cta2.targetTab));
+    }
+  }, cta2.children) : null, !isMedium && cta ? /*#__PURE__*/React.createElement(NavigationCallToAction, cta) : null), isMedium && menus ? /*#__PURE__*/React.createElement(NavigationMenuControl, {
+    isMenuOpen: !!menu,
+    onChangeMenuOpen: handleChangeMenuOpen
+  }) : null))), menu && menu.items.length > 0 ? /*#__PURE__*/React.createElement(NavigationExpanded, {
+    links: links,
+    onRequestClose: () => setActive([null, null]),
+    className: "navigation-float",
+    banner: stats ? /*#__PURE__*/React.createElement(Statistics, {
+      stats: stats,
+      title: "We support your cause"
+    }) : null
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["2729873514", [WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]]]) + " " + "mobile-tabs"
+  }, /*#__PURE__*/React.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.createElement(NavigationMenu, {
+    key: menu.id,
+    links: menu.items.map(item => _objectSpread2(_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.createElement(_JSXStyle, {
+    id: "2729873514",
+    dynamic: [WHITE, isSticky ? "fixed" : "relative", setSearchToLeft ? "100%" : ""]
+  }, ".nav-item-setter > .mdc-button{white-space:nowrap;}.navigation.__jsx-style-dynamic-selector{background-color:".concat(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:").concat(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:").concat(setSearchToLeft ? "100%" : "", ";}}\n/*# 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 */\n/*@ sourceURL=navigation.tsx */")));
+}
+Navigation.propTypes = {
+  logo: _pt.node,
+  menus: _pt.any,
+  links: _pt.any,
+  stats: _pt.any,
+  cta: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  cta2: _pt.oneOfType([_pt.oneOfType([_pt.any, _pt.shape({
+    targetTab: _pt.string
+  })]), _pt.oneOf([null])]),
+  user: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
+  login: _pt.oneOfType([_pt.shape({
+    analyticsId: _pt.string,
+    onLogin: _pt.func.isRequired,
+    color: _pt.any,
+    noIcon: _pt.bool
+  }), _pt.oneOf([null])]),
+  userMenu: _pt.any,
+  search: _pt.oneOfType([_pt.shape({
+    analyticsId: _pt.string,
+    onSearch: _pt.func.isRequired
+  }), _pt.oneOf([null])]),
+  isSticky: _pt.bool,
+  isCompactHeight: _pt.bool,
+  setSearchToLeft: _pt.bool,
+  menuReverse: _pt.bool
+};
+function replace(arr, x, val) {
+  return arr.map((item, i) => {
+    if (i === x) return val;
+    if (x > 0) return item;else return null;
+  });
+}
+
+export { Navigation as default };

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

@@ -0,0 +1,169 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState } from 'react';
+import countries from 'i18n-iso-countries';
+import en from 'i18n-iso-countries/langs/en.json';
+import { AsYouType, getCountryCallingCode } from 'libphonenumber-js';
+import List from '../list/list.js';
+import classnames from 'classnames';
+import TextField from '../text-field/text-field.js';
+import MenuSurface, { Corner } from '@material/react-menu-surface';
+import FieldHelperText from '../field-helpers/field-helper-text.js';
+
+// Set up country options.
+countries.registerLocale(en);
+const getCountryNames = countries.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] = useState(null);
+  const [open, setOpen] = useState(false);
+  const format = (text, c) => {
+    const typer = new 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.createElement("span", {
+          className: "flag-icon flag-icon-".concat(country.value.toLowerCase())
+        })
+      },
+      secondarytext: country.label,
+      onClick: () => {
+        setOpen(false);
+        onChange(country.value, names.country);
+        format(values.number, country.value);
+      }
+    };
+  });
+  const getCallingCode = country => {
+    return "+" + getCountryCallingCode(country);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.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.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.createElement("div", {
+      className: _JSXStyle.dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + "country-icon"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: _JSXStyle.dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + "flag-icon flag-icon-".concat(values.country.toLowerCase())
+    }), showCallingCode && /*#__PURE__*/React.createElement("span", {
+      className: _JSXStyle.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.createElement("i", {
+      className: _JSXStyle.dynamic([["847131044", [!showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", !showCallingCode ? "3.5" : "5", isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)"]]]) + " " + (classnames("mdc-phone__dropdown-icon", {
+        "mdc-phone--focused": open
+      }) || "")
+    })),
+    onLeadingIconSelect: () => setOpen(true),
+    color: color,
+    ref: elem => setRef(elem)
+  }), ref && !isDisableCountries && /*#__PURE__*/React.createElement(MenuSurface, {
+    className: "button-select-menu",
+    open: open,
+    anchorElement: ref,
+    anchorCorner: Corner.BOTTOM_LEFT,
+    onClose: () => setOpen(false)
+  }, /*#__PURE__*/React.createElement(List, {
+    items: countriesList
+  })), helperText ? /*#__PURE__*/React.createElement(FieldHelperText, null, helperText) : null, error ? /*#__PURE__*/React.createElement(FieldHelperText, {
+    error: error
+  }) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
+    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:".concat(!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(").concat(!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:").concat(!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:").concat(isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)", ";-ms-transform:").concat(isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)", ";transform:").concat(isDisableCountries ? "initial" : "rotate(180deg) translateY(-5px)", ";}.number-phone-input.__jsx-style-dynamic-selector .mdc-text-field--outlined .mdc-notched-outline__notch{min-width:120px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBob25lLW51bWJlci1pbnB1dC12MS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUtrQixBQUtnRCxBQU1hLEFBS3hDLEFBR0csQUFjRixBQUlLLEFBS0UsQUFTcUIsQUFJdkIsVUF0Q2xCLENBaUJjLEtBSUUsQUFrQmhCLE9BckJBLE9BSUEsTUFqQytDLGNBTS9DLHdCQVFxQixPQWJyQixnREE2Q0Esc0NBL0JnQyxtSEFDZixlQUNzQixvQ0FDekIsWUFDTCxPQUMrQixzQ0FDUCwrQkFDYixrQkFDTixZQUNOLE1BQ1IsdUNBWTJCLHVGQUNkLFdBQ0MsWUFDNEMsdUxBQ3BDLG9CQUN0QiIsImZpbGUiOiJwaG9uZS1udW1iZXItaW5wdXQtdjEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY291bnRyaWVzIGZyb20gXCJpMThuLWlzby1jb3VudHJpZXNcIjtcbmltcG9ydCBlbiBmcm9tIFwiaTE4bi1pc28tY291bnRyaWVzL2xhbmdzL2VuLmpzb25cIjtcbmltcG9ydCB7XG4gIEFzWW91VHlwZSxcbiAgQ291bnRyeUNvZGUsXG4gIGdldENvdW50cnlDYWxsaW5nQ29kZSxcbn0gZnJvbSBcImxpYnBob25lbnVtYmVyLWpzXCI7XG5pbXBvcnQgeyBGaWVsZEhlbHBlclRleHQgfSBmcm9tIFwiLi4vZmllbGQtaGVscGVyc1wiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uL3RleHQtZmllbGRcIjtcbmltcG9ydCB7IE1lbnVTdXJmYWNlLCBNZW51Q29ybmVyIH0gZnJvbSBcIi4uL21lbnVcIjtcbmltcG9ydCBMaXN0IGZyb20gXCIuLi9saXN0L2xpc3RcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5cbi8vIFNldCB1cCBjb3VudHJ5IG9wdGlvbnMuXG5jb3VudHJpZXMucmVnaXN0ZXJMb2NhbGUoZW4pO1xuXG5jb25zdCBnZXRDb3VudHJ5TmFtZXMgPSBjb3VudHJpZXMuZ2V0TmFtZXMoXCJlblwiKTtcblxuLy8gTGlzdCBvZiBjb3VudHJ5IGNvZGVzIHRvIGV4Y2x1ZGVcbmNvbnN0IGV4Y2x1ZGVkQ291bnRyeUNvZGVzID0gW1wiQVFcIiwgXCJCVlwiLCBcIlRGXCIsIFwiSE1cIiwgXCJQTlwiLCBcIkdTXCIsIFwiVU1cIl07XG4vLyBGaWx0ZXIgdGhlIGNvdW50cnkgbGlzdCBhbmQgZXhjbHVkZSB0aG9zZSB3aXRoIGNvZGVzIGluIGV4Y2x1ZGVkQ291bnRyeUNvZGVzXG5jb25zdCBmaWx0ZXJlZENvdW50cmllcyA9IE9iamVjdC5lbnRyaWVzKGdldENvdW50cnlOYW1lcykuZmlsdGVyKFxuICAoW2NvZGVdKSA9PiAhZXhjbHVkZWRDb3VudHJ5Q29kZXMuaW5jbHVkZXMoY29kZSlcbik7XG5cbmxldCBjb3VudHJ5T3B0aW9uczogQXJyYXk8e1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufT4gPSBmaWx0ZXJlZENvdW50cmllc1xuICAuZmlsdGVyKChba2V5XSkgPT4ga2V5ICE9PSBcIkFVXCIgJiYga2V5ICE9PSBcIkdCXCIgJiYga2V5ICE9PSBcIlVTXCIpXG4gIC5tYXAoKFtrZXksIHZhbHVlXSkgPT4gKHsgbGFiZWw6IHZhbHVlLCB2YWx1ZToga2V5IH0pKTtcblxuY291bnRyeU9wdGlvbnMgPSBjb3VudHJ5T3B0aW9ucy5zb3J0KChhLCBiKSA9PiBhLmxhYmVsLmxvY2FsZUNvbXBhcmUoYi5sYWJlbCkpO1xuXG5jb3VudHJ5T3B0aW9ucy51bnNoaWZ0KHsgbGFiZWw6IFwiVW5pdGVkIEtpbmdkb21cIiwgdmFsdWU6IFwiR0JcIiB9KTtcbmNvdW50cnlPcHRpb25zLnVuc2hpZnQoeyBsYWJlbDogXCJVbml0ZWQgU3RhdGVzIG9mIEFtZXJpY2FcIiwgdmFsdWU6IFwiVVNcIiB9KTtcbmNvdW50cnlPcHRpb25zLnVuc2hpZnQoeyBsYWJlbDogXCJBdXN0cmFsaWFcIiwgdmFsdWU6IFwiQVVcIiB9KTtcblxudHlwZSBQaG9uZU51bWJlcklucHV0UHJvcHMgPSB7XG4gIHZhbHVlczogeyBudW1iZXI6IHN0cmluZzsgY291bnRyeUNhbGxpbmdDb2RlOiBzdHJpbmc7IGNvdW50cnk6IHN0cmluZyB9O1xuICBuYW1lcz86IHsgbnVtYmVyOiBzdHJpbmc7IGNvdW50cnlDYWxsaW5nQ29kZTogc3RyaW5nOyBjb3VudHJ5OiBzdHJpbmcgfTtcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nLCBuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBlcnJvcj86IHN0cmluZyB8IG51bGw7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBoZWxwZXJUZXh0PzogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGRlZmF1bHRDb3VudHJ5PzogQ291bnRyeUNvZGU7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBjb2xvcj86IHN0cmluZztcbiAgaXNEaXNhYmxlQ291bnRyaWVzPzogYm9vbGVhbjtcbiAgc2hvd0NhbGxpbmdDb2RlPzogYm9vbGVhbjtcbn07XG5cbmZ1bmN0aW9uIFBob25lTnVtYmVySW5wdXRWMSh7XG4gIG9uQ2hhbmdlLFxuICB2YWx1ZXMsXG4gIG5hbWVzID0ge1xuICAgIG51bWJlcjogXCJudW1iZXJcIixcbiAgICBjb3VudHJ5Q2FsbGluZ0NvZGU6IFwiY291bnRyeUNhbGxpbmdDb2RlXCIsXG4gICAgY291bnRyeTogXCJjb3VudHJ5XCIsXG4gIH0sXG4gIGVycm9yLFxuICBvbkJsdXIsXG4gIGhlbHBlclRleHQsXG4gIGxhYmVsLFxuICByZXF1aXJlZCxcbiAgZGVmYXVsdENvdW50cnkgPSBcIkFVXCIsXG4gIHBsYWNlaG9sZGVyID0gXCJcIixcbiAgY29sb3IsXG4gIGlzRGlzYWJsZUNvdW50cmllcyA9IGZhbHNlLFxuICBzaG93Q2FsbGluZ0NvZGUgPSB0cnVlLFxufTogUGhvbmVOdW1iZXJJbnB1dFByb3BzKSB7XG4gIGNvbnN0IFtyZWYsIHNldFJlZl0gPSB1c2VTdGF0ZTxIVE1MRWxlbWVudCB8IG51bGw+KG51bGwpO1xuICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3QgZm9ybWF0ID0gKHRleHQ6IHN0cmluZywgYzogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgdHlwZXIgPSBuZXcgQXNZb3VUeXBlKChjIGFzIENvdW50cnlDb2RlKSB8fCBkZWZhdWx0Q291bnRyeSk7XG4gICAgY29uc3QgZm9ybWF0dGVkID0gdHlwZXIuaW5wdXQodGV4dCk7XG4gICAgY29uc3QgcmVzdWx0ID0gdHlwZXIuZ2V0TnVtYmVyKCk7XG5cbiAgICBpZiAocmVzdWx0ICYmIHJlc3VsdC5pc1ZhbGlkKCkpIHtcbiAgICAgIC8vIFdoZW4gdGhlIHVzZXIgaGFzIHR5cGVkIGluIGEgZnVsbCB2YWxpZCBudW1iZXIsXG4gICAgICAvLyBlbWl0IHRoZSBjb3VudHJ5IGNhbGxpbmcgY29kZSBhbmQgc2V0IHRoZSBjb3VudHJ5IGV4cGxpY2l0bHlcbiAgICAgIG9uQ2hhbmdlKHJlc3VsdC5jb3VudHJ5IGFzIENvdW50cnlDb2RlLCBuYW1lcy5jb3VudHJ5KTtcbiAgICAgIG9uQ2hhbmdlKHJlc3VsdC5mb3JtYXQoXCJOQVRJT05BTFwiKSwgbmFtZXMubnVtYmVyKTtcbiAgICAgIG9uQ2hhbmdlKHJlc3VsdC5jb3VudHJ5Q2FsbGluZ0NvZGUgYXMgc3RyaW5nLCBuYW1lcy5jb3VudHJ5Q2FsbGluZ0NvZGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBvbkNoYW5nZShmb3JtYXR0ZWQsIG5hbWVzLm51bWJlcik7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVRleHRDaGFuZ2UgPSAoZTogUmVhY3QuRm9ybUV2ZW50KSA9PiB7XG4gICAgZm9ybWF0KChlLnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSwgdmFsdWVzLmNvdW50cnkpO1xuICB9O1xuXG4gIGNvbnN0IGNvdW50cmllc0xpc3QgPVxuICAgIGNvdW50cnlPcHRpb25zICYmXG4gICAgY291bnRyeU9wdGlvbnMubWFwKGNvdW50cnkgPT4ge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgaWNvbjoge1xuICAgICAgICAgIGljb246IChcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YGZsYWctaWNvbiBmbGFnLWljb24tJHtjb3VudHJ5LnZhbHVlLnRvTG93ZXJDYXNlKCl9YH1cbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgKSxcbiAgICAgICAgfSxcbiAgICAgICAgc2Vjb25kYXJ5dGV4dDogY291bnRyeS5sYWJlbCxcbiAgICAgICAgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICAgIG9uQ2hhbmdlKGNvdW50cnkudmFsdWUsIG5hbWVzLmNvdW50cnkpO1xuICAgICAgICAgIGZvcm1hdCh2YWx1ZXMubnVtYmVyLCBjb3VudHJ5LnZhbHVlKTtcbiAgICAgICAgfSxcbiAgICAgIH07XG4gICAgfSk7XG5cbiAgY29uc3QgZ2V0Q2FsbGluZ0NvZGUgPSAoY291bnRyeTogQ291bnRyeUNvZGUpID0+IHtcbiAgICByZXR1cm4gXCIrXCIgKyBnZXRDb3VudHJ5Q2FsbGluZ0NvZGUoY291bnRyeSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17XCJudW1iZXItcGhvbmUtaW5wdXRcIn0+XG4gICAgICA8VGV4dEZpZWxkXG4gICAgICAgIHR5cGU9XCJ0ZWxcIlxuICAgICAgICB2YWx1ZT17dmFsdWVzLm51bWJlcn1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVRleHRDaGFuZ2V9XG4gICAgICAgIG5hbWU9e25hbWVzLm51bWJlcn1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIGVycm9yPXshIWVycm9yfVxuICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBsZWFkaW5nSWNvbj17XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb3VudHJ5LWljb25cIj5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YGZsYWctaWNvbiBmbGFnLWljb24tJHt2YWx1ZXMuY291bnRyeS50b0xvd2VyQ2FzZSgpfWB9XG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAge3Nob3dDYWxsaW5nQ29kZSAmJiAoXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImNhbGxpbmctY29kZVwiPlxuICAgICAgICAgICAgICAgIHtnZXRDYWxsaW5nQ29kZSh2YWx1ZXMuY291bnRyeSBhcyBDb3VudHJ5Q29kZSl9XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZGMtcGhvbmVfX2Ryb3Bkb3duLWljb25cIiwge1xuICAgICAgICAgICAgICAgIFwibWRjLXBob25lLS1mb2N1c2VkXCI6IG9wZW4sXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBvbkxlYWRpbmdJY29uU2VsZWN0PXsoKSA9PiBzZXRPcGVuKHRydWUpfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIHJlZj17ZWxlbSA9PiBzZXRSZWYoZWxlbSl9XG4gICAgICAvPlxuICAgICAge3JlZiAmJiAhaXNEaXNhYmxlQ291bnRyaWVzICYmIChcbiAgICAgICAgPE1lbnVTdXJmYWNlXG4gICAgICAgICAgY2xhc3NOYW1lPVwiYnV0dG9uLXNlbGVjdC1tZW51XCJcbiAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgIGFuY2hvckVsZW1lbnQ9e3JlZn1cbiAgICAgICAgICBhbmNob3JDb3JuZXI9e01lbnVDb3JuZXIuQk9UVE9NX0xFRlR9XG4gICAgICAgICAgb25DbG9zZT17KCkgPT4gc2V0T3BlbihmYWxzZSl9XG4gICAgICAgID5cbiAgICAgICAgICA8TGlzdCBpdGVtcz17Y291bnRyaWVzTGlzdH0gLz5cbiAgICAgICAgPC9NZW51U3VyZmFjZT5cbiAgICAgICl9XG4gICAgICB7aGVscGVyVGV4dCA/IDxGaWVsZEhlbHBlclRleHQ+e2hlbHBlclRleHR9PC9GaWVsZEhlbHBlclRleHQ+IDogbnVsbH1cbiAgICAgIHtlcnJvciA/IDxGaWVsZEhlbHBlclRleHQgZXJyb3I9e2Vycm9yfSAvPiA6IG51bGx9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5udW1iZXItcGhvbmUtaW5wdXRcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtdGV4dC1maWVsZC0tb3V0bGluZWQubWRjLXRleHQtZmllbGQtLWRlbnNlLm1kYy10ZXh0LWZpZWxkLS13aXRoLWxlYWRpbmctaWNvblxuICAgICAgICAgICAgLm1kYy10ZXh0LWZpZWxkX19pbnB1dCkge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIk1vbnRzZXJyYXRcIiwgc2Fucy1zZXJpZjtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7IXNob3dDYWxsaW5nQ29kZSA/IFwiMy41XCIgOiBcIjVcIn1yZW07XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkLS13aXRoLWxlYWRpbmctaWNvbi5tZGMtdGV4dC1maWVsZC0tb3V0bGluZWQubWRjLXRleHQtZmllbGQtLWRlbnNlXG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsKSB7XG4gICAgICAgICAgbGVmdDogY2FsYygkeyFzaG93Q2FsbGluZ0NvZGUgPyBcIjMuNVwiIDogXCI1XCJ9cmVtIC0gMThweCk7XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkLS13aXRoLWxlYWRpbmctaWNvbi5tZGMtdGV4dC1maWVsZC0tb3V0bGluZWQubWRjLXRleHQtZmllbGQtLWRlbnNlXG4gICAgICAgICAgICAubWRjLWZsb2F0aW5nLWxhYmVsLS1mbG9hdC1hYm92ZSkge1xuICAgICAgICAgIGxlZnQ6IDMycHg7XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dCA6Z2xvYmFsKC5jb3VudHJ5LWljb24pIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICBmb250LWZhbWlseTogXCJNb250c2VycmF0XCIsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgYm90dG9tOiAxMnB4O1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgd2lkdGg6ICR7IXNob3dDYWxsaW5nQ29kZSA/IFwiMy41XCIgOiBcIjVcIn1yZW07XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgI2UyZTJlMjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgfVxuICAgICAgICAubnVtYmVyLXBob25lLWlucHV0IDpnbG9iYWwoLmZsYWctaWNvbikge1xuICAgICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgfVxuICAgICAgICAubnVtYmVyLXBob25lLWlucHV0IDpnbG9iYWwoLmNhbGxpbmctY29kZSkge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0cHg7XG4gICAgICAgICAgY29sb3I6ICM0MDQwNDE7XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dCA6Z2xvYWJsKC5tZGMtcGhvbmVfX2Ryb3Bkb3duLWljb24pIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnJTIwd2lkdGglM0QlMjIxMHB4JTIyJTIwaGVpZ2h0JTNEJTIyNXB4JTIyJTIwdmlld0JveCUzRCUyMjclMjAxMCUyMDEwJTIwNSUyMiUyMHZlcnNpb24lM0QlMjIxLjElMjIlMjB4bWxucyUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMjAwMCUyRnN2ZyUyMiUyMHhtbG5zJTNBeGxpbmslM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjE5OTklMkZ4bGluayUyMiUzRSUwQSUyMCUyMCUyMCUyMCUzQ3BvbHlnb24lMjBpZCUzRCUyMlNoYXBlJTIyJTIwc3Ryb2tlJTNEJTIybm9uZSUyMiUyMGZpbGwlM0QlMjIlNDA0MDQxJTIyJTIwZmlsbC1ydWxlJTNEJTIyZXZlbm9kZCUyMiUyMG9wYWNpdHklM0QlMjIwLjU0JTIyJTIwcG9pbnRzJTNEJTIyNyUyMDEwJTIwMTIlMjAxNSUyMDE3JTIwMTAlMjIlM0UlM0MlMkZwb2x5Z29uJTNFJTBBJTNDJTJGc3ZnJTNFXCIpXG4gICAgICAgICAgICBuby1yZXBlYXQgY2VudGVyO1xuICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDUwJSA0NSU7XG4gICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAxNTBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpO1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIC5udW1iZXItcGhvbmUtaW5wdXRcbiAgICAgICAgICA6Z2xvYWJsKC5tZGMtcGhvbmUtLWZvY3VzZWQubWRjLXBob25lX19kcm9wZG93bi1pY29uKSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiAke2lzRGlzYWJsZUNvdW50cmllc1xuICAgICAgICAgICAgPyBcImluaXRpYWxcIlxuICAgICAgICAgICAgOiBcInJvdGF0ZSgxODBkZWcpIHRyYW5zbGF0ZVkoLTVweClcIn07XG4gICAgICAgIH1cbiAgICAgICAgLm51bWJlci1waG9uZS1pbnB1dFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkLS1vdXRsaW5lZCAubWRjLW5vdGNoZWQtb3V0bGluZV9fbm90Y2gpIHtcbiAgICAgICAgICBtaW4td2lkdGg6IDEyMHB4O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBob25lTnVtYmVySW5wdXRWMTtcbiJdfQ== */\n/*@ sourceURL=phone-number-input-v1.tsx */")));
+}
+PhoneNumberInputV1.propTypes = {
+  values: _pt.shape({
+    number: _pt.string.isRequired,
+    countryCallingCode: _pt.string.isRequired,
+    country: _pt.string.isRequired
+  }).isRequired,
+  names: _pt.shape({
+    number: _pt.string.isRequired,
+    countryCallingCode: _pt.string.isRequired,
+    country: _pt.string.isRequired
+  }),
+  onChange: _pt.func.isRequired,
+  label: _pt.string,
+  error: _pt.oneOfType([_pt.string, _pt.oneOf([null])]),
+  onBlur: _pt.func,
+  helperText: _pt.node,
+  required: _pt.bool,
+  defaultCountry: _pt.any,
+  placeholder: _pt.string,
+  color: _pt.string,
+  isDisableCountries: _pt.bool,
+  showCallingCode: _pt.bool
+};
+
+export { PhoneNumberInputV1 as default };

package/donation/esm/components/radio/radio.js

@@ -0,0 +1,71 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState, useEffect, Fragment } from 'react';
+import MDCRadio, { NativeRadioControl } from '@material/react-radio';
+import { nanoid } from 'nanoid';
+import classnames from 'classnames';
+import { useTheme, getColorToken } from '../../theme/theme.js';
+import omit from 'lodash/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 = _objectWithoutProperties(_ref, _excluded);
+  const [mainId, setMainId] = useState("");
+  const theme = useTheme();
+  const setColor = getColorToken(theme, "foreground", color);
+
+  // Generate unique ID if not provided
+  useEffect(() => {
+    setMainId(id || (name && value ? "name__".concat(value) : nanoid()));
+  }, [id, setMainId, name, value]);
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "290542013",
+      dynamic: [setColor, theme.typography.fontFamily.brand]
+    }, ".mdc-radio.__jsx-style-dynamic-selector{--mdc-theme-secondary:".concat(setColor, ";}.mdc-form-field.__jsx-style-dynamic-selector label{font-family:").concat(theme.typography.fontFamily.brand, ";font-weight:500;cursor:pointer;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QzJCLEFBRzBELEFBR1YseUNBQ3pCLFVBSGxCLE1BSWlCLGVBQ2pCIiwiZmlsZSI6InJhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IE1EQ1JhZGlvLCB7XG4gIFJhZGlvUHJvcHMgYXMgTURDUmFkaW9Qcm9wcyxcbiAgTmF0aXZlUmFkaW9Db250cm9sIGFzIE1EQ05hdGl2ZVJhZGlvQ29udHJvbCxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1yYWRpb1wiO1xuaW1wb3J0IHsgbmFub2lkIH0gZnJvbSBcIm5hbm9pZFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBvbWl0IGZyb20gXCJsb2Rhc2gvb21pdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFJhZGlvUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PE1EQ1JhZGlvUHJvcHMsIFwiaW5pdFJpcHBsZVwiIHwgXCJjb2xvclwiIHwgXCJyZWZcIiB8IFwiY2hpbGRyZW5cIj4ge1xuICBpZD86IHN0cmluZztcbiAgd3JhcHBlckNsYXNzZXM/OiBzdHJpbmc7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuO1xuICB2YWx1ZT86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBuYW1lPzogc3RyaW5nO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IFJhZGlvID0gKHtcbiAgaWQgPSBcIlwiLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBsYWJlbCA9IFwiXCIsXG4gIHZhbHVlLFxuICBuYW1lLFxuICBjbGFzc05hbWUsXG4gIHdyYXBwZXJDbGFzc2VzLFxuICBvbkNoYW5nZSxcbiAgLi4ucmVzdFxufTogUmFkaW9Qcm9wcykgPT4ge1xuICBjb25zdCBbbWFpbklkLCBzZXRNYWluSWRdID0gdXNlU3RhdGU8c3RyaW5nPihcIlwiKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHNldENvbG9yID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yKTtcblxuICAvLyBHZW5lcmF0ZSB1bmlxdWUgSUQgaWYgbm90IHByb3ZpZGVkXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0TWFpbklkKGlkIHx8IChuYW1lICYmIHZhbHVlID8gYG5hbWVfXyR7dmFsdWV9YCA6IG5hbm9pZCgpKSk7XG4gIH0sIFtpZCwgc2V0TWFpbklkLCBuYW1lLCB2YWx1ZV0pO1xuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgLm1kYy1yYWRpbyB7XG4gICAgICAtLW1kYy10aGVtZS1zZWNvbmRhcnk6ICR7c2V0Q29sb3J9O1xuICAgIH1cbiAgICAubWRjLWZvcm0tZmllbGQgOmdsb2JhbChsYWJlbCkge1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuICBgO1xuXG4gIC8vIE9taXQgaW52YWxpZCBwcm9wcyBsaWtlIG9uUG9pbnRlckVudGVyQ2FwdHVyZSBhbmQgb25Qb2ludGVyTGVhdmVDYXB0dXJlXG4gIGNvbnN0IGZpbHRlcmVkUHJvcHMgPSBvbWl0KFxuICAgIHtcbiAgICAgIHdyYXBwZXJDbGFzc2VzOiBjbGFzc25hbWVzKHdyYXBwZXJDbGFzc2VzLCBzY29wZS5jbGFzc05hbWUpLFxuICAgICAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKGNsYXNzTmFtZSwgc2NvcGUuY2xhc3NOYW1lKSxcbiAgICAgIHZhbHVlLFxuICAgICAgbGFiZWwsXG4gICAgICBrZXk6IG1haW5JZCxcbiAgICAgIC4uLnJlc3QsXG4gICAgfSxcbiAgICBbXCJvblBvaW50ZXJFbnRlckNhcHR1cmVcIiwgXCJvblBvaW50ZXJMZWF2ZUNhcHR1cmVcIl0gLy8gT21pdCB0aGVzZSBwcm9wc1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPE1EQ1JhZGlvXG4gICAgICAgIHsuLi4oKGZpbHRlcmVkUHJvcHMgYXMgdW5rbm93bikgYXMgUmVhY3QuQ29tcG9uZW50UHJvcHM8XG4gICAgICAgICAgdHlwZW9mIE1EQ1JhZGlvXG4gICAgICAgID4pfSAvLyBQYXNzIGZpbHRlcmVkIHByb3BzIGhlcmVcbiAgICAgID5cbiAgICAgICAgPE1EQ05hdGl2ZVJhZGlvQ29udHJvbFxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjbGFzc05hbWUpfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGlkPXttYWluSWR9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAvPlxuICAgICAgPC9NRENSYWRpbz5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9GcmFnbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvO1xuIl19 */\n/*@ sourceURL=radio.tsx */")),
+    className: _JSXStyle.dynamic([["290542013", [setColor, theme.typography.fontFamily.brand]]])
+  };
+
+  // Omit invalid props like onPointerEnterCapture and onPointerLeaveCapture
+  const filteredProps = omit(_objectSpread2({
+    wrapperClasses: classnames(wrapperClasses, scope.className),
+    className: classnames(className, scope.className),
+    value,
+    label,
+    key: mainId
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Omit these props
+  );
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MDCRadio, filteredProps, /*#__PURE__*/React.createElement(NativeRadioControl, _extends({
+    className: classnames(className),
+    value: value,
+    name: name,
+    id: mainId,
+    onChange: onChange
+  }, rest))), scope.styles);
+};
+Radio.propTypes = {
+  id: _pt.string,
+  wrapperClasses: _pt.string,
+  color: _pt.any,
+  label: _pt.string,
+  className: _pt.string,
+  checked: _pt.bool,
+  value: _pt.string,
+  disabled: _pt.bool,
+  name: _pt.string,
+  onChange: _pt.func
+};
+var Radio$1 = Radio;
+
+export { Radio$1 as default };

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

@@ -0,0 +1,12 @@
+import _pt from 'prop-types';
+import React from 'react';
+import { SelectHelperText as SelectHelperText$1 } from '@material/react-select';
+
+function SelectHelperText(props) {
+  return /*#__PURE__*/React.createElement(SelectHelperText$1, props);
+}
+SelectHelperText.propTypes = {
+  children: _pt.node
+};
+
+export { SelectHelperText as default };