@transferwise/components 46.9.0 → 46.10.1

package/build/index.js

@@ -367,15 +367,6 @@ exports.FileType = void 0;
   FileType["CSV"] = ".csv,text/csv";
 })(exports.FileType || (exports.FileType = {}));
 
-const Key = {
-  ENTER: 'Enter',
-  ESCAPE: 'Escape',
-  SPACE: [' ', 'Spacebar'],
-  TAB: 'Tab',
-  PERIOD: '.',
-  COMMA: ','
-};
-
 const DEFAULT_LANG = 'en';
 const DEFAULT_LOCALE = 'en-GB';
 /**
@@ -765,7 +756,7 @@ const ActionOption = ({
   });
 };
 
-var messages$c = reactIntl.defineMessages({
+var messages$d = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.CloseButton.ariaLabel"
   }
@@ -781,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,
@@ -801,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"
   }
@@ -830,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)
     })]
   });
 };
@@ -2260,7 +2251,7 @@ ProcessIndicator.defaultProps = {
 };
 var ProcessIndicator$1 = ProcessIndicator;
 
-var messages$a = reactIntl.defineMessages({
+var messages$b = reactIntl.defineMessages({
   loadingAriaLabel: {
     id: "neptune.Button.loadingAriaLabel"
   }
@@ -2379,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"
@@ -2672,7 +2663,7 @@ const Chip = ({
   }, value);
 };
 
-var messages$9 = reactIntl.defineMessages({
+var messages$a = reactIntl.defineMessages({
   ariaLabel: {
     id: "neptune.Chips.ariaLabel"
   }
@@ -2704,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
           })
         },
@@ -2812,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"
   },
@@ -2898,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)) {
@@ -3168,26 +3159,6 @@ DateInput.defaultProps = {
 };
 var DateInput$1 = DateInput;
 
-/**
- * TODO: mention what to use instead or consider to delete this object
- *
- * @deprecated
- */
-var KeyCodes = {
-  DOWN: 40,
-  UP: 38,
-  LEFT: 37,
-  RIGHT: 39,
-  ENTER: 13,
-  ESCAPE: 27,
-  TAB: 9,
-  SPACE: 32,
-  BACKSPACE: 8,
-  DELETE: 46,
-  COMMA: 188,
-  PERIOD: 190
-};
-
 const POPOVER_OFFSET = [0, 16];
 // By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space
 // the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.
@@ -3433,7 +3404,7 @@ DateTrigger.defaultProps = {
 };
 var DateTrigger$1 = DateTrigger;
 
-var messages$7 = reactIntl.defineMessages({
+var messages$8 = reactIntl.defineMessages({
   next: {
     id: "neptune.DateLookup.next"
   },
@@ -3479,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,
@@ -3493,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
       })
@@ -3502,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,
@@ -3569,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;
   };
@@ -3786,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
@@ -3932,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'
         }),
@@ -4078,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, {
@@ -4209,8 +4180,8 @@ class DateLookup extends React.PureComponent {
       open,
       originalDate
     } = this.state;
-    switch (event.keyCode) {
-      case KeyCodes.LEFT:
+    switch (event.key) {
+      case 'ArrowLeft':
         if (open) {
           this.adjustDate(-1, -1, -1);
         } else {
@@ -4218,7 +4189,7 @@ class DateLookup extends React.PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.UP:
+      case 'ArrowUp':
         if (open) {
           this.adjustDate(-7, -4, -4);
         } else {
@@ -4226,7 +4197,7 @@ class DateLookup extends React.PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.RIGHT:
+      case 'ArrowRight':
         if (open) {
           this.adjustDate(1, 1, 1);
         } else {
@@ -4234,7 +4205,7 @@ class DateLookup extends React.PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.DOWN:
+      case 'ArrowDown':
         if (open) {
           this.adjustDate(7, 4, 4);
         } else {
@@ -4242,7 +4213,7 @@ class DateLookup extends React.PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.ESCAPE:
+      case 'Escape':
         if (originalDate !== null) {
           this.props.onChange(originalDate);
         }
@@ -4565,7 +4536,7 @@ const Tile = ({
     onKeyDown: disabled ? null : ({
       key
     }) => {
-      if (key === Key.ENTER || Key.SPACE.includes(key)) {
+      if (key === 'Enter' || key === ' ') {
         onClick();
       }
     },
@@ -5729,7 +5700,7 @@ const Stepper = ({
   });
 };
 
-var messages$6 = reactIntl.defineMessages({
+var messages$7 = reactIntl.defineMessages({
   back: {
     id: "neptune.FlowNavigation.back"
   }
@@ -5821,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",
@@ -6129,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"
   }
@@ -6147,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 = {
@@ -6433,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"
   }
@@ -6796,6 +6767,7 @@ function SelectInputClearButton({
 }
 const noop = () => {};
 function SelectInput({
+  id,
   name,
   multiple,
   placeholder,
@@ -6861,6 +6833,7 @@ function SelectInput({
           // eslint-disable-next-line react/jsx-no-constructed-context-values
           value: {
             ref: mergeRefs__default.default([ref, triggerRef]),
+            id,
             ...mergeProps__default.default({
               onClick: () => {
                 setOpen(prev => !prev);
@@ -7051,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,
@@ -7717,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"
   }
@@ -7809,8 +7782,7 @@ const parseNumber = ({
   }
   return Number(amount);
 };
-const inputKeyCodeAllowlist = new Set([KeyCodes.BACKSPACE, KeyCodes.DELETE, KeyCodes.COMMA, KeyCodes.PERIOD, KeyCodes.DOWN, KeyCodes.UP, KeyCodes.LEFT, KeyCodes.RIGHT, KeyCodes.ENTER, KeyCodes.ESCAPE, KeyCodes.TAB]);
-const inputKeyAllowlist = new Set([Key.PERIOD, Key.COMMA]);
+const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape', 'Tab']);
 class MoneyInput extends React.Component {
   static defaultProps = {
     size: exports.Size.LARGE,
@@ -7848,13 +7820,12 @@ class MoneyInput extends React.Component {
   }
   isInputAllowedForKeyEvent = event => {
     const {
-      keyCode,
       metaKey,
       key,
       ctrlKey
     } = event;
     const isNumberKey = neptuneValidation.isNumber(parseInt(key, 10));
-    return isNumberKey || metaKey || ctrlKey || inputKeyCodeAllowlist.has(keyCode) || inputKeyAllowlist.has(key);
+    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);
   };
   handleKeyDown = event => {
     if (!this.isInputAllowedForKeyEvent(event)) {
@@ -8063,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,
@@ -8274,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',
@@ -9656,7 +9633,8 @@ const PhoneNumberInput = ({
   disabledCountries = defaultDisabledCountries
 }) => {
   const {
-    locale
+    locale,
+    formatMessage
   } = reactIntl.useIntl();
   const [internalValue, setInternalValue] = React.useState(() => {
     const cleanValue = initialValue ? cleanNumber(initialValue) : null;
@@ -9707,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,
@@ -10063,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",
@@ -10694,17 +10673,17 @@ function Select({
     }
   };
   const handleKeyDown = event => {
-    switch (event.keyCode) {
-      case KeyCodes.UP:
-      case KeyCodes.DOWN:
+    switch (event.key) {
+      case 'ArrowUp':
+      case 'ArrowDown':
         if (open) {
-          moveFocusWithDifference(event.keyCode === KeyCodes.UP ? -1 : 1);
+          moveFocusWithDifference(event.key === 'ArrowUp' ? -1 : 1);
         } else {
           setOpen(true);
         }
         stopPropagation$1(event);
         break;
-      case KeyCodes.SPACE:
+      case ' ':
         if (event.target !== searchBoxReference.current) {
           if (open) {
             selectKeyboardFocusedOption();
@@ -10714,7 +10693,7 @@ function Select({
           stopPropagation$1(event);
         }
         break;
-      case KeyCodes.ENTER:
+      case 'Enter':
         if (open) {
           selectKeyboardFocusedOption();
         } else {
@@ -10722,11 +10701,11 @@ function Select({
         }
         stopPropagation$1(event);
         break;
-      case KeyCodes.ESCAPE:
+      case 'Escape':
         handleCloseOptions();
         stopPropagation$1(event);
         break;
-      case KeyCodes.TAB:
+      case 'Tab':
         if (open) {
           selectKeyboardFocusedOption();
         }
@@ -11485,7 +11464,7 @@ const Switch = props => {
     disabled
   } = props;
   const handleKeyDown = event => {
-    if (event.code === '32' || event.keyCode === KeyCodes.SPACE) {
+    if (event.key === ' ') {
       event.preventDefault();
       onClick();
     }
@@ -11982,7 +11961,7 @@ class Tabs extends React.Component {
     this.switchTab(index);
   };
   onKeyDown = index => event => {
-    if (event && event.keyCode === KeyCodes.ENTER) {
+    if (event && event.key === 'Enter') {
       this.switchTab(index);
     }
   };
@@ -12584,16 +12563,16 @@ class Typeahead extends React.Component {
         label: query
       });
     } else {
-      switch (event.keyCode) {
-        case KeyCodes.DOWN:
+      switch (event.key) {
+        case 'ArrowDown':
           event.preventDefault();
           this.moveFocusedOption(1);
           break;
-        case KeyCodes.UP:
+        case 'ArrowUp':
           event.preventDefault();
           this.moveFocusedOption(-1);
           break;
-        case KeyCodes.ENTER:
+        case 'Enter':
           event.preventDefault();
           if (options[keyboardFocusedOptionIndex]) {
             this.selectItem(options[keyboardFocusedOptionIndex]);
@@ -12603,7 +12582,7 @@ class Typeahead extends React.Component {
             });
           }
           break;
-        case KeyCodes.BACKSPACE:
+        case 'Backspace':
           if (multiple && !query && selected.length > 0) {
             this.updateSelectedValue(selected.slice(0, -1));
           }
@@ -14642,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",
@@ -14699,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",
@@ -14756,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é",
@@ -14813,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",
@@ -14870,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",
@@ -14927,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",
@@ -14984,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": "完了",
@@ -15041,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",
@@ -15098,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",
@@ -15155,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",
@@ -15212,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": "Этап завершен",
@@ -15269,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": "รายการที่ทำแล้ว",
@@ -15326,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",
@@ -15440,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": "已完成",
@@ -15497,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": "已完成事項",