@transferwise/components 46.9.0 → 46.10.1

package/build/index.esm.js

@@ -333,15 +333,6 @@ var FileType;
   FileType["CSV"] = ".csv,text/csv";
 })(FileType || (FileType = {}));
 
-const Key = {
-  ENTER: 'Enter',
-  ESCAPE: 'Escape',
-  SPACE: [' ', 'Spacebar'],
-  TAB: 'Tab',
-  PERIOD: '.',
-  COMMA: ','
-};
-
 const DEFAULT_LANG = 'en';
 const DEFAULT_LOCALE = 'en-GB';
 /**
@@ -731,7 +722,7 @@ const ActionOption = ({
   });
 };
 
-var messages$c = defineMessages({
+var messages$d = defineMessages({
   ariaLabel: {
     id: "neptune.CloseButton.ariaLabel"
   }
@@ -747,7 +738,7 @@ const CloseButton = /*#__PURE__*/forwardRef(function CloseButton({
   testId
 }, reference) {
   const intl = useIntl();
-  ariaLabel ??= intl.formatMessage(messages$c.ariaLabel);
+  ariaLabel ??= intl.formatMessage(messages$d.ariaLabel);
   const Icon = filled ? CrossCircleFill : Cross;
   return /*#__PURE__*/jsx("button", {
     ref: reference,
@@ -767,7 +758,7 @@ const CloseButton = /*#__PURE__*/forwardRef(function CloseButton({
   });
 });
 
-var messages$b = defineMessages({
+var messages$c = defineMessages({
   opensInNewTab: {
     id: "neptune.Link.opensInNewTab"
   }
@@ -796,7 +787,7 @@ const Link = ({
     onClick: onClick,
     ...props,
     children: [children, " ", isBlank && /*#__PURE__*/jsx(NavigateAway, {
-      title: formatMessage(messages$b.opensInNewTab)
+      title: formatMessage(messages$c.opensInNewTab)
     })]
   });
 };
@@ -2226,7 +2217,7 @@ ProcessIndicator.defaultProps = {
 };
 var ProcessIndicator$1 = ProcessIndicator;
 
-var messages$a = defineMessages({
+var messages$b = defineMessages({
   loadingAriaLabel: {
     id: "neptune.Button.loadingAriaLabel"
   }
@@ -2345,7 +2336,7 @@ const Button = /*#__PURE__*/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__*/jsx(ProcessIndicator$1, {
       size: processIndicatorSize(),
       className: "btn-loader"
@@ -2638,7 +2629,7 @@ const Chip = ({
   }, value);
 };
 
-var messages$9 = defineMessages({
+var messages$a = defineMessages({
   ariaLabel: {
     id: "neptune.Chips.ariaLabel"
   }
@@ -2670,7 +2661,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
           })
         },
@@ -2778,7 +2769,7 @@ const validDateObject = dateObject => dateObject instanceof Date && !isNaN(dateO
 
 const isMonthAndYearFormat = dateString => validDateString(dateString) && dateString.split('-').length < 3;
 
-var messages$8 = defineMessages({
+var messages$9 = defineMessages({
   monthLabel: {
     id: "neptune.DateInput.month.label"
   },
@@ -2864,13 +2855,13 @@ const DateInput = ({
   const [month, setMonth] = useState(() => getExplodedDate('month'));
   const [year, setYear] = useState(() => getExplodedDate('year'));
   const [lastBroadcastedValue, setLastBroadcastedValue] = 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)) {
@@ -3134,26 +3125,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.
@@ -3399,7 +3370,7 @@ DateTrigger.defaultProps = {
 };
 var DateTrigger$1 = DateTrigger;
 
-var messages$7 = defineMessages({
+var messages$8 = defineMessages({
   next: {
     id: "neptune.DateLookup.next"
   },
@@ -3445,7 +3416,7 @@ const DateHeader = ({
       children: /*#__PURE__*/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__*/jsx(Chevron, {
           orientation: Position.LEFT,
@@ -3459,7 +3430,7 @@ const DateHeader = ({
       children: /*#__PURE__*/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
       })
@@ -3468,7 +3439,7 @@ const DateHeader = ({
       children: /*#__PURE__*/jsx("button", {
         type: "button",
         className: `d-inline-flex ${buttonClasses}`,
-        "aria-label": `${useIntl().formatMessage(messages$7.next)} ${dateMode}`,
+        "aria-label": `${useIntl().formatMessage(messages$8.next)} ${dateMode}`,
         onClick: onNextClick,
         children: /*#__PURE__*/jsx(Chevron, {
           orientation: Position.RIGHT,
@@ -3535,7 +3506,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;
   };
@@ -3752,7 +3723,7 @@ class DayCalendar extends PureComponent {
           month: monthFormat,
           year: 'numeric'
         }),
-        dateMode: formatMessage(messages$7.month),
+        dateMode: formatMessage(messages$8.month),
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousMonth,
         onNextClick: this.selectNextMonth
@@ -3898,7 +3869,7 @@ class MonthCalendar extends PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$7.year),
+        dateMode: formatMessage(messages$8.year),
         label: formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
         }),
@@ -4044,7 +4015,7 @@ class YearCalendar extends PureComponent {
     } = this.props;
     return /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(DateHeader$1, {
-        dateMode: formatMessage(messages$7.twentyYears),
+        dateMode: formatMessage(messages$8.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
       }), /*#__PURE__*/jsx(YearCalendarTable$1, {
@@ -4175,8 +4146,8 @@ class DateLookup extends PureComponent {
       open,
       originalDate
     } = this.state;
-    switch (event.keyCode) {
-      case KeyCodes.LEFT:
+    switch (event.key) {
+      case 'ArrowLeft':
         if (open) {
           this.adjustDate(-1, -1, -1);
         } else {
@@ -4184,7 +4155,7 @@ class DateLookup extends PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.UP:
+      case 'ArrowUp':
         if (open) {
           this.adjustDate(-7, -4, -4);
         } else {
@@ -4192,7 +4163,7 @@ class DateLookup extends PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.RIGHT:
+      case 'ArrowRight':
         if (open) {
           this.adjustDate(1, 1, 1);
         } else {
@@ -4200,7 +4171,7 @@ class DateLookup extends PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.DOWN:
+      case 'ArrowDown':
         if (open) {
           this.adjustDate(7, 4, 4);
         } else {
@@ -4208,7 +4179,7 @@ class DateLookup extends PureComponent {
         }
         event.preventDefault();
         break;
-      case KeyCodes.ESCAPE:
+      case 'Escape':
         if (originalDate !== null) {
           this.props.onChange(originalDate);
         }
@@ -4531,7 +4502,7 @@ const Tile = ({
     onKeyDown: disabled ? null : ({
       key
     }) => {
-      if (key === Key.ENTER || Key.SPACE.includes(key)) {
+      if (key === 'Enter' || key === ' ') {
         onClick();
       }
     },
@@ -5695,7 +5666,7 @@ const Stepper = ({
   });
 };
 
-var messages$6 = defineMessages({
+var messages$7 = defineMessages({
   back: {
     id: "neptune.FlowNavigation.back"
   }
@@ -5787,7 +5758,7 @@ const FlowNavigation = ({
       }),
       leftContent: /*#__PURE__*/jsxs(Fragment, {
         children: [isSmall && displayGoBack ? /*#__PURE__*/jsx(BackButton$1, {
-          "aria-label": intl.formatMessage(messages$6.back),
+          "aria-label": intl.formatMessage(messages$7.back),
           onClick: onGoBack
         }) : /*#__PURE__*/jsx("div", {
           className: "np-flow-header__left",
@@ -6095,7 +6066,7 @@ const deprecatedPlacements = {
 };
 var Popover$2 = Popover$1;
 
-var messages$5 = defineMessages({
+var messages$6 = defineMessages({
   ariaLabel: {
     id: "neptune.Info.ariaLabel"
   }
@@ -6113,7 +6084,7 @@ const Info = ({
 }) => {
   const intl = useIntl();
   const [open, setOpen] = useState(false);
-  ariaLabel ??= intl.formatMessage(messages$5.ariaLabel);
+  ariaLabel ??= intl.formatMessage(messages$6.ariaLabel);
   const isModal = presentation === InfoPresentation.MODAL;
   const isSmall = size === Size.SMALL;
   const buttonProps = {
@@ -6399,7 +6370,7 @@ const PolymorphicWithOverrides = /*#__PURE__*/forwardRef(function PolymorphicWit
   });
 });
 
-var messages$4 = defineMessages({
+var messages$5 = defineMessages({
   noResultsFound: {
     id: "neptune.SelectInput.noResultsFound"
   }
@@ -6762,6 +6733,7 @@ function SelectInputClearButton({
 }
 const noop = () => {};
 function SelectInput({
+  id,
   name,
   multiple,
   placeholder,
@@ -6827,6 +6799,7 @@ function SelectInput({
           // eslint-disable-next-line react/jsx-no-constructed-context-values
           value: {
             ref: mergeRefs([ref, triggerRef]),
+            id,
             ...mergeProps({
               onClick: () => {
                 setOpen(prev => !prev);
@@ -7017,7 +6990,7 @@ function SelectInputOptions({
         children: [/*#__PURE__*/jsx(CrossCircle, {
           size: 16,
           className: "np-select-input-options-status-icon"
-        }), intl.formatMessage(messages$4.noResultsFound)]
+        }), intl.formatMessage(messages$5.noResultsFound)]
       }) : null, /*#__PURE__*/jsx("div", {
         ref: listboxRef,
         id: listboxId,
@@ -7683,7 +7656,7 @@ Money.propTypes = {
 };
 var Money$1 = Money;
 
-var messages$3 = defineMessages({
+var messages$4 = defineMessages({
   selectPlaceholder: {
     id: "neptune.MoneyInput.Select.placeholder"
   }
@@ -7775,8 +7748,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 Component {
   static defaultProps = {
     size: Size.LARGE,
@@ -7814,13 +7786,12 @@ class MoneyInput extends Component {
   }
   isInputAllowedForKeyEvent = event => {
     const {
-      keyCode,
       metaKey,
       key,
       ctrlKey
     } = event;
     const isNumberKey = 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)) {
@@ -8029,7 +8000,7 @@ class MoneyInput extends 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,
@@ -8240,6 +8211,12 @@ OverlayHeader.propTypes = {
 };
 var OverlayHeader$1 = OverlayHeader;
 
+var messages$3 = defineMessages({
+  selectInputPlaceholder: {
+    id: "neptune.PhoneNumberInput.SelectInput.placeholder"
+  }
+});
+
 const countries = [{
   name: 'Afghanistan',
   iso2: 'AF',
@@ -9622,7 +9599,8 @@ const PhoneNumberInput = ({
   disabledCountries = defaultDisabledCountries
 }) => {
   const {
-    locale
+    locale,
+    formatMessage
   } = useIntl();
   const [internalValue, setInternalValue] = useState(() => {
     const cleanValue = initialValue ? cleanNumber(initialValue) : null;
@@ -9673,7 +9651,7 @@ const PhoneNumberInput = ({
     children: [/*#__PURE__*/jsx("div", {
       className: "tw-telephone__country-select",
       children: /*#__PURE__*/jsx(SelectInput, {
-        placeholder: "Select an option\u2026",
+        placeholder: formatMessage(messages$3.selectInputPlaceholder),
         items: [...countriesByPrefix].map(([prefix, countries]) => ({
           type: 'option',
           value: prefix,
@@ -10029,6 +10007,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",
@@ -10660,17 +10639,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();
@@ -10680,7 +10659,7 @@ function Select({
           stopPropagation$1(event);
         }
         break;
-      case KeyCodes.ENTER:
+      case 'Enter':
         if (open) {
           selectKeyboardFocusedOption();
         } else {
@@ -10688,11 +10667,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();
         }
@@ -11451,7 +11430,7 @@ const Switch = props => {
     disabled
   } = props;
   const handleKeyDown = event => {
-    if (event.code === '32' || event.keyCode === KeyCodes.SPACE) {
+    if (event.key === ' ') {
       event.preventDefault();
       onClick();
     }
@@ -11948,7 +11927,7 @@ class Tabs extends Component {
     this.switchTab(index);
   };
   onKeyDown = index => event => {
-    if (event && event.keyCode === KeyCodes.ENTER) {
+    if (event && event.key === 'Enter') {
       this.switchTab(index);
     }
   };
@@ -12550,16 +12529,16 @@ class Typeahead extends 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]);
@@ -12569,7 +12548,7 @@ class Typeahead extends Component {
             });
           }
           break;
-        case KeyCodes.BACKSPACE:
+        case 'Backspace':
           if (multiple && !query && selected.length > 0) {
             this.updateSelectedValue(selected.slice(0, -1));
           }
@@ -14608,6 +14587,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",
@@ -14665,6 +14645,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",
@@ -14722,6 +14703,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é",
@@ -14779,6 +14761,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",
@@ -14836,6 +14819,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",
@@ -14893,6 +14877,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",
@@ -14950,6 +14935,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": "完了",
@@ -15007,6 +14993,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",
@@ -15064,6 +15051,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",
@@ -15121,6 +15109,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",
@@ -15178,6 +15167,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": "Этап завершен",
@@ -15235,6 +15225,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": "รายการที่ทำแล้ว",
@@ -15292,6 +15283,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",
@@ -15406,6 +15398,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": "已完成",
@@ -15463,6 +15456,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": "已完成事項",