@transferwise/components 46.10.0 → 46.11.0

package/build/index.js

@@ -756,7 +756,7 @@ const ActionOption = ({
   });
 };
 
-var messages$c = reactIntl.defineMessages({
+var messages$d = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.CloseButton.ariaLabel"
   }
@@ -772,7 +772,7 @@ const CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton({
   testId
 }, reference) {
   const intl = reactIntl.useIntl();
-  ariaLabel ??= intl.formatMessage(messages$c.ariaLabel);
+  ariaLabel ??= intl.formatMessage(messages$d.ariaLabel);
   const Icon = filled ? icons.CrossCircleFill : icons.Cross;
   return /*#__PURE__*/jsxRuntime.jsx("button", {
     ref: reference,
@@ -792,7 +792,7 @@ const CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton({
   });
 });
 
-var messages$b = reactIntl.defineMessages({
+var messages$c = reactIntl.defineMessages({
   opensInNewTab: {
     id: "neptune.Link.opensInNewTab"
   }
@@ -821,7 +821,7 @@ const Link = ({
     onClick: onClick,
     ...props,
     children: [children, " ", isBlank && /*#__PURE__*/jsxRuntime.jsx(icons.NavigateAway, {
-      title: formatMessage(messages$b.opensInNewTab)
+      title: formatMessage(messages$c.opensInNewTab)
     })]
   });
 };
@@ -2251,7 +2251,7 @@ ProcessIndicator.defaultProps = {
 };
 var ProcessIndicator$1 = ProcessIndicator;
 
-var messages$a = reactIntl.defineMessages({
+var messages$b = reactIntl.defineMessages({
   loadingAriaLabel: {
     id: "neptune.Button.loadingAriaLabel"
   }
@@ -2370,7 +2370,7 @@ const Button = /*#__PURE__*/React.forwardRef(({
     className: classes,
     ...props,
     "aria-live": loading ? 'polite' : 'off',
-    "aria-label": loading ? intl.formatMessage(messages$a.loadingAriaLabel) : rest['aria-label'],
+    "aria-label": loading ? intl.formatMessage(messages$b.loadingAriaLabel) : rest['aria-label'],
     children: [children, loading && /*#__PURE__*/jsxRuntime.jsx(ProcessIndicator$1, {
       size: processIndicatorSize(),
       className: "btn-loader"
@@ -2663,7 +2663,7 @@ const Chip = ({
   }, value);
 };
 
-var messages$9 = reactIntl.defineMessages({
+var messages$a = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.Chips.ariaLabel"
   }
@@ -2695,7 +2695,7 @@ const Chips = ({
         value: chip.value,
         label: chip.label,
         closeButton: {
-          'aria-label': intl.formatMessage(messages$9.ariaLabel, {
+          'aria-label': intl.formatMessage(messages$a.ariaLabel, {
             choice: chip.label
           })
         },
@@ -2803,7 +2803,7 @@ const validDateObject = dateObject => dateObject instanceof Date && !isNaN(dateO
 
 const isMonthAndYearFormat = dateString => validDateString(dateString) && dateString.split('-').length < 3;
 
-var messages$8 = reactIntl.defineMessages({
+var messages$9 = reactIntl.defineMessages({
   monthLabel: {
     id: "neptune.DateInput.month.label"
   },
@@ -2889,13 +2889,13 @@ const DateInput = ({
   const [month, setMonth] = React.useState(() => getExplodedDate('month'));
   const [year, setYear] = React.useState(() => getExplodedDate('year'));
   const [lastBroadcastedValue, setLastBroadcastedValue] = React.useState(getDateObject);
-  dayLabel = dayLabel || formatMessage(messages$8.dayLabel);
-  monthLabel = monthLabel || formatMessage(messages$8.monthLabel);
-  yearLabel = yearLabel || formatMessage(messages$8.yearLabel);
+  dayLabel = dayLabel || formatMessage(messages$9.dayLabel);
+  monthLabel = monthLabel || formatMessage(messages$9.monthLabel);
+  yearLabel = yearLabel || formatMessage(messages$9.yearLabel);
   placeholders = {
-    day: placeholders?.day || formatMessage(messages$8.dayPlaceholder),
-    month: placeholders?.month || formatMessage(messages$8.monthLabel),
-    year: placeholders?.year || formatMessage(messages$8.yearPlaceholder)
+    day: placeholders?.day || formatMessage(messages$9.dayPlaceholder),
+    month: placeholders?.month || formatMessage(messages$9.monthLabel),
+    year: placeholders?.year || formatMessage(messages$9.yearPlaceholder)
   };
   const getDateAsString = date => {
     if (!isDateValid(date)) {
@@ -3404,7 +3404,7 @@ DateTrigger.defaultProps = {
 };
 var DateTrigger$1 = DateTrigger;
 
-var messages$7 = reactIntl.defineMessages({
+var messages$8 = reactIntl.defineMessages({
   next: {
     id: "neptune.DateLookup.next"
   },
@@ -3450,7 +3450,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${intl.formatMessage(messages$7.previous)} ${dateMode}`,
+        "aria-label": `${intl.formatMessage(messages$8.previous)} ${dateMode}`,
         onClick: onPreviousClick,
         children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
           orientation: exports.Position.LEFT,
@@ -3464,7 +3464,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `tw-date-lookup-header-current ${buttonClasses}`,
-        "aria-label": intl.formatMessage(messages$7.goTo20YearView),
+        "aria-label": intl.formatMessage(messages$8.goTo20YearView),
         onClick: onLabelClick,
         children: label
       })
@@ -3473,7 +3473,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${reactIntl.useIntl().formatMessage(messages$7.next)} ${dateMode}`,
+        "aria-label": `${reactIntl.useIntl().formatMessage(messages$8.next)} ${dateMode}`,
         onClick: onNextClick,
         children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
           orientation: exports.Position.RIGHT,
@@ -3540,7 +3540,7 @@ const TableLink = ({
   };
   const calculateAriaLabel = () => {
     if (active) {
-      return `${longTitle || title || ''}, ${intl.formatMessage(messages$7.selected)} ${intl.formatMessage(messages$7[type])}`;
+      return `${longTitle || title || ''}, ${intl.formatMessage(messages$8.selected)} ${intl.formatMessage(messages$8[type])}`;
     }
     return longTitle || title;
   };
@@ -3757,7 +3757,7 @@ class DayCalendar extends React.PureComponent {
           month: monthFormat,
           year: 'numeric'
         }),
-        dateMode: formatMessage(messages$7.month),
+        dateMode: formatMessage(messages$8.month),
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousMonth,
         onNextClick: this.selectNextMonth
@@ -3903,7 +3903,7 @@ class MonthCalendar extends React.PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$7.year),
+        dateMode: formatMessage(messages$8.year),
         label: formatting.formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
         }),
@@ -4049,7 +4049,7 @@ class YearCalendar extends React.PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$7.twentyYears),
+        dateMode: formatMessage(messages$8.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
       }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable$1, {
@@ -5700,7 +5700,7 @@ const Stepper = ({
   });
 };
 
-var messages$6 = reactIntl.defineMessages({
+var messages$7 = reactIntl.defineMessages({
   back: {
     id: "neptune.FlowNavigation.back"
   }
@@ -5792,7 +5792,7 @@ const FlowNavigation = ({
       }),
       leftContent: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [isSmall && displayGoBack ? /*#__PURE__*/jsxRuntime.jsx(BackButton$1, {
-          "aria-label": intl.formatMessage(messages$6.back),
+          "aria-label": intl.formatMessage(messages$7.back),
           onClick: onGoBack
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "np-flow-header__left",
@@ -6100,7 +6100,7 @@ const deprecatedPlacements = {
 };
 var Popover$2 = Popover$1;
 
-var messages$5 = reactIntl.defineMessages({
+var messages$6 = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.Info.ariaLabel"
   }
@@ -6118,7 +6118,7 @@ const Info = ({
 }) => {
   const intl = reactIntl.useIntl();
   const [open, setOpen] = React.useState(false);
-  ariaLabel ??= intl.formatMessage(messages$5.ariaLabel);
+  ariaLabel ??= intl.formatMessage(messages$6.ariaLabel);
   const isModal = presentation === exports.InfoPresentation.MODAL;
   const isSmall = size === exports.Size.SMALL;
   const buttonProps = {
@@ -6404,7 +6404,7 @@ const PolymorphicWithOverrides = /*#__PURE__*/React.forwardRef(function Polymorp
   });
 });
 
-var messages$4 = reactIntl.defineMessages({
+var messages$5 = reactIntl.defineMessages({
   noResultsFound: {
     id: "neptune.SelectInput.noResultsFound"
   }
@@ -7024,7 +7024,7 @@ function SelectInputOptions({
         children: [/*#__PURE__*/jsxRuntime.jsx(icons.CrossCircle, {
           size: 16,
           className: "np-select-input-options-status-icon"
-        }), intl.formatMessage(messages$4.noResultsFound)]
+        }), intl.formatMessage(messages$5.noResultsFound)]
       }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: listboxRef,
         id: listboxId,
@@ -7690,7 +7690,7 @@ Money.propTypes = {
 };
 var Money$1 = Money;
 
-var messages$3 = reactIntl.defineMessages({
+var messages$4 = reactIntl.defineMessages({
   selectPlaceholder: {
     id: "neptune.MoneyInput.Select.placeholder"
   }
@@ -8034,7 +8034,7 @@ class MoneyInput extends React.Component {
             onClick: this.handleCustomAction,
             children: this.props.customActionLabel
           }) : undefined,
-          placeholder: this.props.intl.formatMessage(messages$3.selectPlaceholder),
+          placeholder: this.props.intl.formatMessage(messages$4.selectPlaceholder),
           filterable: true,
           filterPlaceholder: this.props.searchPlaceholder,
           disabled: disabled,
@@ -8245,6 +8245,12 @@ OverlayHeader.propTypes = {
 };
 var OverlayHeader$1 = OverlayHeader;
 
+var messages$3 = reactIntl.defineMessages({
+  selectInputPlaceholder: {
+    id: "neptune.PhoneNumberInput.SelectInput.placeholder"
+  }
+});
+
 const countries = [{
   name: 'Afghanistan',
   iso2: 'AF',
@@ -9627,7 +9633,8 @@ const PhoneNumberInput = ({
   disabledCountries = defaultDisabledCountries
 }) => {
   const {
-    locale
+    locale,
+    formatMessage
   } = reactIntl.useIntl();
   const [internalValue, setInternalValue] = React.useState(() => {
     const cleanValue = initialValue ? cleanNumber(initialValue) : null;
@@ -9678,7 +9685,7 @@ const PhoneNumberInput = ({
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "tw-telephone__country-select",
       children: /*#__PURE__*/jsxRuntime.jsx(SelectInput, {
-        placeholder: "Select an option\u2026",
+        placeholder: formatMessage(messages$3.selectInputPlaceholder),
         items: [...countriesByPrefix].map(([prefix, countries]) => ({
           type: 'option',
           value: prefix,
@@ -10034,6 +10041,7 @@ var en = {
 	"neptune.Info.ariaLabel": "More information",
 	"neptune.Link.opensInNewTab": "(opens in new tab)",
 	"neptune.MoneyInput.Select.placeholder": "Select an option...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Select an option...",
 	"neptune.Select.searchPlaceholder": "Search...",
 	"neptune.SelectInput.noResultsFound": "No results found",
 	"neptune.Summary.statusDone": "Item done",
@@ -14613,6 +14621,7 @@ var de = {
 	"neptune.Info.ariaLabel": "Weitere Informationen",
 	"neptune.Link.opensInNewTab": "(wird in einem neuen Tab geöffnet)",
 	"neptune.MoneyInput.Select.placeholder": "Wähle eine der Möglichkeiten aus...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine der Möglichkeiten aus...",
 	"neptune.Select.searchPlaceholder": "Wird gesucht...",
 	"neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
 	"neptune.Summary.statusDone": "Schritt erledigt",
@@ -14670,6 +14679,7 @@ var es = {
 	"neptune.Info.ariaLabel": "Más información",
 	"neptune.Link.opensInNewTab": "(se abre en una pestaña nueva)",
 	"neptune.MoneyInput.Select.placeholder": "Selecciona una opción...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Selecciona una opción...",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.SelectInput.noResultsFound": "No se han encontrado resultados",
 	"neptune.Summary.statusDone": "Apartado listo",
@@ -14727,6 +14737,7 @@ var fr = {
 	"neptune.Info.ariaLabel": "Plus d'informations",
 	"neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
 	"neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
 	"neptune.Select.searchPlaceholder": "Recherche...",
 	"neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
 	"neptune.Summary.statusDone": "Validé",
@@ -14784,6 +14795,7 @@ var hu = {
 	"neptune.Info.ariaLabel": "További információ",
 	"neptune.Link.opensInNewTab": "(új lapon nyílik meg)",
 	"neptune.MoneyInput.Select.placeholder": "Válassz ki egy lehetőséget...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Válassz ki egy lehetőséget...",
 	"neptune.Select.searchPlaceholder": "Keresés...",
 	"neptune.SelectInput.noResultsFound": "Nincs találat",
 	"neptune.Summary.statusDone": "Kész",
@@ -14841,6 +14853,7 @@ var id = {
 	"neptune.Info.ariaLabel": "Informasi lebih lanjut",
 	"neptune.Link.opensInNewTab": "(terbuka di tab baru)",
 	"neptune.MoneyInput.Select.placeholder": "Pilih opsi...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Pilih opsi...",
 	"neptune.Select.searchPlaceholder": "Cari...",
 	"neptune.SelectInput.noResultsFound": "Hasil tidak ditemukan",
 	"neptune.Summary.statusDone": "Item selesai",
@@ -14898,6 +14911,7 @@ var it = {
 	"neptune.Info.ariaLabel": "Maggiori informazioni",
 	"neptune.Link.opensInNewTab": "(si apre in una nuova scheda)",
 	"neptune.MoneyInput.Select.placeholder": "Seleziona un'opzione...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Seleziona un'opzione...",
 	"neptune.Select.searchPlaceholder": "Cerca...",
 	"neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
 	"neptune.Summary.statusDone": "Completato",
@@ -14955,6 +14969,7 @@ var ja = {
 	"neptune.Info.ariaLabel": "詳細",
 	"neptune.Link.opensInNewTab": "（新しいタブで開きます）",
 	"neptune.MoneyInput.Select.placeholder": "選択してください...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
 	"neptune.Select.searchPlaceholder": "検索... ",
 	"neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
 	"neptune.Summary.statusDone": "完了",
@@ -15012,6 +15027,7 @@ var pl = {
 	"neptune.Info.ariaLabel": "Więcej informacji",
 	"neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
 	"neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
 	"neptune.Select.searchPlaceholder": "Wyszukaj...",
 	"neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
 	"neptune.Summary.statusDone": "Czynność wykonana",
@@ -15069,6 +15085,7 @@ var pt = {
 	"neptune.Info.ariaLabel": "Mais informações",
 	"neptune.Link.opensInNewTab": "(abre em uma nova aba)",
 	"neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
 	"neptune.Select.searchPlaceholder": "Buscar...",
 	"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
 	"neptune.Summary.statusDone": "Pronto",
@@ -15126,6 +15143,7 @@ var ro = {
 	"neptune.Info.ariaLabel": "Mai multe informații",
 	"neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
 	"neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
 	"neptune.Select.searchPlaceholder": "Caută...",
 	"neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
 	"neptune.Summary.statusDone": "Finalizat",
@@ -15183,6 +15201,7 @@ var ru = {
 	"neptune.Info.ariaLabel": "Подробнее",
 	"neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
 	"neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
 	"neptune.Summary.statusDone": "Этап завершен",
@@ -15240,6 +15259,7 @@ var th = {
 	"neptune.Info.ariaLabel": "ข้อมูลเพิ่มเติม",
 	"neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
 	"neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
 	"neptune.Summary.statusDone": "รายการที่ทำแล้ว",
@@ -15297,6 +15317,7 @@ var tr = {
 	"neptune.Info.ariaLabel": "Daha fazla bilgi",
 	"neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
 	"neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
@@ -15411,6 +15432,7 @@ var zhCN = {
 	"neptune.Info.ariaLabel": "更多信息",
 	"neptune.Link.opensInNewTab": "（在新标签页中打开）",
 	"neptune.MoneyInput.Select.placeholder": "请选择...",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "选择一个选项...",
 	"neptune.Select.searchPlaceholder": "搜索",
 	"neptune.SelectInput.noResultsFound": "找不到结果",
 	"neptune.Summary.statusDone": "已完成",
@@ -15468,6 +15490,7 @@ var zhHK = {
 	"neptune.Info.ariaLabel": "更多資訊",
 	"neptune.Link.opensInNewTab": "（在新分頁中開啟）",
 	"neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
+	"neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
 	"neptune.Select.searchPlaceholder": "搜尋…",
 	"neptune.SelectInput.noResultsFound": "找不到任何結果",
 	"neptune.Summary.statusDone": "已完成事項",