@superdispatch/phones 0.21.13 → 0.21.18

package/src/country-code-metadata/CountryCodeMetadata.ts

@@ -1,281 +0,0 @@
-const COUNTRY_CODE_METADATA = [
-  ['US', 1, 'United States'],
-  ['CA', 1, 'Canada'],
-  ['AU', 61, 'Australia'],
-  ['NZ', 64, 'New Zealand'],
-  ['AC', 247, 'Ascension Island'],
-  ['AD', 376, 'Andorra'],
-  ['AE', 971, 'United Arab Emirates'],
-  ['AF', 93, 'Afghanistan'],
-  ['AG', 1, 'Antigua and Barbuda'],
-  ['AI', 1, 'Anguilla'],
-  ['AL', 355, 'Albania'],
-  ['AM', 374, 'Armenia'],
-  ['AO', 244, 'Angola'],
-  ['AR', 54, 'Argentina'],
-  ['AS', 1, 'American Samoa'],
-  ['AT', 43, 'Austria'],
-  ['AW', 297, 'Aruba'],
-  ['AX', 358, 'Åland Islands'],
-  ['AZ', 994, 'Azerbaijan'],
-  ['BA', 387, 'Bosnia and Herzegovina'],
-  ['BB', 1, 'Barbados'],
-  ['BD', 880, 'Bangladesh'],
-  ['BE', 32, 'Belgium'],
-  ['BF', 226, 'Burkina Faso'],
-  ['BG', 359, 'Bulgaria'],
-  ['BH', 973, 'Bahrain'],
-  ['BI', 257, 'Burundi'],
-  ['BJ', 229, 'Benin'],
-  ['BL', 590, 'Saint Barthélemy'],
-  ['BM', 1, 'Bermuda'],
-  ['BN', 673, 'Brunei'],
-  ['BO', 591, 'Bolivia'],
-  ['BQ', 599, 'Caribbean Netherlands'],
-  ['BR', 55, 'Brazil'],
-  ['BS', 1, 'Bahamas'],
-  ['BT', 975, 'Bhutan'],
-  ['BW', 267, 'Botswana'],
-  ['BY', 375, 'Belarus'],
-  ['BZ', 501, 'Belize'],
-  ['CC', 61, 'Cocos'],
-  ['CD', 243, 'Congo'],
-  ['CF', 236, 'Central African Republic'],
-  ['CG', 242, 'Congo'],
-  ['CH', 41, 'Switzerland'],
-  ['CI', 225, 'Côte d’Ivoire'],
-  ['CK', 682, 'Cook Islands'],
-  ['CL', 56, 'Chile'],
-  ['CM', 237, 'Cameroon'],
-  ['CN', 86, 'China'],
-  ['CO', 57, 'Colombia'],
-  ['CR', 506, 'Costa Rica'],
-  ['CU', 53, 'Cuba'],
-  ['CV', 238, 'Cape Verde'],
-  ['CW', 599, 'Curaçao'],
-  ['CX', 61, 'Christmas Island'],
-  ['CY', 357, 'Cyprus'],
-  ['CZ', 420, 'Czech Republic'],
-  ['DE', 49, 'Germany'],
-  ['DJ', 253, 'Djibouti'],
-  ['DK', 45, 'Denmark'],
-  ['DM', 1, 'Dominica'],
-  ['DO', 1, 'Dominican Republic'],
-  ['DZ', 213, 'Algeria'],
-  ['EC', 593, 'Ecuador'],
-  ['EE', 372, 'Estonia'],
-  ['EG', 20, 'Egypt'],
-  ['EH', 212, 'Western Sahara'],
-  ['ER', 291, 'Eritrea'],
-  ['ES', 34, 'Spain'],
-  ['ET', 251, 'Ethiopia'],
-  ['FI', 358, 'Finland'],
-  ['FJ', 679, 'Fiji'],
-  ['FK', 500, 'Falkland Islands'],
-  ['FM', 691, 'Micronesia'],
-  ['FO', 298, 'Faroe Islands'],
-  ['FR', 33, 'France'],
-  ['GA', 241, 'Gabon'],
-  ['GB', 44, 'United Kingdom'],
-  ['GD', 1, 'Grenada'],
-  ['GE', 995, 'Georgia'],
-  ['GF', 594, 'French Guiana'],
-  ['GG', 44, 'Guernsey'],
-  ['GH', 233, 'Ghana'],
-  ['GI', 350, 'Gibraltar'],
-  ['GL', 299, 'Greenland'],
-  ['GM', 220, 'Gambia'],
-  ['GN', 224, 'Guinea'],
-  ['GP', 590, 'Guadeloupe'],
-  ['GQ', 240, 'Equatorial Guinea'],
-  ['GR', 30, 'Greece'],
-  ['GT', 502, 'Guatemala'],
-  ['GU', 1, 'Guam'],
-  ['GW', 245, 'Guinea-Bissau'],
-  ['GY', 592, 'Guyana'],
-  ['HK', 852, 'Hong Kong'],
-  ['HN', 504, 'Honduras'],
-  ['HR', 385, 'Croatia'],
-  ['HT', 509, 'Haiti'],
-  ['HU', 36, 'Hungary'],
-  ['ID', 62, 'Indonesia'],
-  ['IE', 353, 'Ireland'],
-  ['IL', 972, 'Israel'],
-  ['IM', 44, 'Isle of Man'],
-  ['IN', 91, 'India'],
-  ['IO', 246, 'British Indian Ocean Territory'],
-  ['IQ', 964, 'Iraq'],
-  ['IR', 98, 'Iran'],
-  ['IS', 354, 'Iceland'],
-  ['IT', 39, 'Italy'],
-  ['JE', 44, 'Jersey'],
-  ['JM', 1, 'Jamaica'],
-  ['JO', 962, 'Jordan'],
-  ['JP', 81, 'Japan'],
-  ['KE', 254, 'Kenya'],
-  ['KG', 996, 'Kyrgyzstan'],
-  ['KH', 855, 'Cambodia'],
-  ['KI', 686, 'Kiribati'],
-  ['KM', 269, 'Comoros'],
-  ['KN', 1, 'Saint Kitts and Nevis'],
-  ['KP', 850, 'North Korea'],
-  ['KR', 82, 'South Korea'],
-  ['KW', 965, 'Kuwait'],
-  ['KY', 1, 'Cayman Islands'],
-  ['KZ', 7, 'Kazakhstan'],
-  ['LA', 856, 'Laos'],
-  ['LB', 961, 'Lebanon'],
-  ['LC', 1, 'Saint Lucia'],
-  ['LI', 423, 'Liechtenstein'],
-  ['LK', 94, 'Sri Lanka'],
-  ['LR', 231, 'Liberia'],
-  ['LS', 266, 'Lesotho'],
-  ['LT', 370, 'Lithuania'],
-  ['LU', 352, 'Luxembourg'],
-  ['LV', 371, 'Latvia'],
-  ['LY', 218, 'Libya'],
-  ['MA', 212, 'Morocco'],
-  ['MC', 377, 'Monaco'],
-  ['MD', 373, 'Moldova'],
-  ['ME', 382, 'Montenegro'],
-  ['MF', 590, 'Saint Martin'],
-  ['MG', 261, 'Madagascar'],
-  ['MH', 692, 'Marshall Islands'],
-  ['MK', 389, 'Macedonia'],
-  ['ML', 223, 'Mali'],
-  ['MM', 95, 'Myanmar'],
-  ['MN', 976, 'Mongolia'],
-  ['MO', 853, 'Macau'],
-  ['MP', 1, 'Northern Mariana Islands'],
-  ['MQ', 596, 'Martinique'],
-  ['MR', 222, 'Mauritania'],
-  ['MS', 1, 'Montserrat'],
-  ['MT', 356, 'Malta'],
-  ['MU', 230, 'Mauritius'],
-  ['MV', 960, 'Maldives'],
-  ['MW', 265, 'Malawi'],
-  ['MX', 52, 'Mexico'],
-  ['MY', 60, 'Malaysia'],
-  ['MZ', 258, 'Mozambique'],
-  ['NA', 264, 'Namibia'],
-  ['NC', 687, 'New Caledonia'],
-  ['NE', 227, 'Niger'],
-  ['NF', 672, 'Norfolk Island'],
-  ['NG', 234, 'Nigeria'],
-  ['NI', 505, 'Nicaragua'],
-  ['NL', 31, 'Netherlands'],
-  ['NO', 47, 'Norway'],
-  ['NP', 977, 'Nepal'],
-  ['NR', 674, 'Nauru'],
-  ['NU', 683, 'Niue'],
-  ['OM', 968, 'Oman'],
-  ['PA', 507, 'Panama'],
-  ['PE', 51, 'Peru'],
-  ['PF', 689, 'French Polynesia'],
-  ['PG', 675, 'Papua New Guinea'],
-  ['PH', 63, 'Philippines'],
-  ['PK', 92, 'Pakistan'],
-  ['PL', 48, 'Poland'],
-  ['PM', 508, 'Saint Pierre and Miquelon'],
-  ['PR', 1, 'Puerto Rico'],
-  ['PS', 970, 'Palestine'],
-  ['PT', 351, 'Portugal'],
-  ['PW', 680, 'Palau'],
-  ['PY', 595, 'Paraguay'],
-  ['QA', 974, 'Qatar'],
-  ['RE', 262, 'Réunion'],
-  ['RO', 40, 'Romania'],
-  ['RS', 381, 'Serbia'],
-  ['RU', 7, 'Russia'],
-  ['RW', 250, 'Rwanda'],
-  ['SA', 966, 'Saudi Arabia'],
-  ['SB', 677, 'Solomon Islands'],
-  ['SC', 248, 'Seychelles'],
-  ['SD', 249, 'Sudan'],
-  ['SE', 46, 'Sweden'],
-  ['SG', 65, 'Singapore'],
-  ['SH', 290, 'Saint Helena'],
-  ['SI', 386, 'Slovenia'],
-  ['SJ', 47, 'Svalbard and Jan Mayen'],
-  ['SK', 421, 'Slovakia'],
-  ['SL', 232, 'Sierra Leone'],
-  ['SM', 378, 'San Marino'],
-  ['SN', 221, 'Senegal'],
-  ['SO', 252, 'Somalia'],
-  ['SR', 597, 'Suriname'],
-  ['SS', 211, 'South Sudan'],
-  ['ST', 239, 'São Tomé and Príncipe'],
-  ['SV', 503, 'El Salvador'],
-  ['SX', 1, 'Sint Maarten'],
-  ['SY', 963, 'Syria'],
-  ['SZ', 268, 'Swaziland'],
-  ['TA', 290, 'Tristan da Cunha'],
-  ['TC', 1, 'Turks and Caicos Islands'],
-  ['TD', 235, 'Chad'],
-  ['TG', 228, 'Togo'],
-  ['TH', 66, 'Thailand'],
-  ['TJ', 992, 'Tajikistan'],
-  ['TK', 690, 'Tokelau'],
-  ['TL', 670, 'Timor-Leste'],
-  ['TM', 993, 'Turkmenistan'],
-  ['TN', 216, 'Tunisia'],
-  ['TO', 676, 'Tonga'],
-  ['TR', 90, 'Turkey'],
-  ['TT', 1, 'Trinidad and Tobago'],
-  ['TV', 688, 'Tuvalu'],
-  ['TW', 886, 'Taiwan'],
-  ['TZ', 255, 'Tanzania'],
-  ['UA', 380, 'Ukraine'],
-  ['UG', 256, 'Uganda'],
-  ['UY', 598, 'Uruguay'],
-  ['UZ', 998, 'Uzbekistan'],
-  ['VA', 39, 'Vatican City'],
-  ['VC', 1, 'Saint Vincent and the Grenadines'],
-  ['VE', 58, 'Venezuela'],
-  ['VG', 1, 'British Virgin Islands'],
-  ['VI', 1, 'U.S. Virgin Islands'],
-  ['VN', 84, 'Vietnam'],
-  ['VU', 678, 'Vanuatu'],
-  ['WF', 681, 'Wallis and Futuna'],
-  ['WS', 685, 'Samoa'],
-  ['XK', 383, 'Kosovo'],
-  ['YE', 967, 'Yemen'],
-  ['YT', 262, 'Mayotte'],
-  ['ZA', 27, 'South Africa'],
-  ['ZM', 260, 'Zambia'],
-  ['ZW', 263, 'Zimbabwe'],
-] as const;
-
-export type CountryISO = typeof COUNTRY_CODE_METADATA[number][0];
-
-export const DEFAULT_COUNTRY: CountryISO = 'US';
-
-const COUNTRIES: CountryISO[] = [];
-const COUNTRY_CODE_MAP = new Map<CountryISO, number>();
-const COUNTRY_NAME_MAP = new Map<CountryISO, string>();
-
-for (const [country, code, name] of COUNTRY_CODE_METADATA) {
-  COUNTRIES.push(country);
-  COUNTRY_CODE_MAP.set(country, code);
-  COUNTRY_NAME_MAP.set(country, name);
-}
-
-export function listCountries(): readonly CountryISO[] {
-  return COUNTRIES;
-}
-
-export function isCountryISO(value: unknown): value is CountryISO {
-  return typeof value == 'string' && COUNTRY_CODE_MAP.has(value as CountryISO);
-}
-
-export function toCountryISO(value: unknown): CountryISO {
-  return isCountryISO(value) ? value : DEFAULT_COUNTRY;
-}
-
-export function getCountryCode(country: CountryISO): number {
-  return COUNTRY_CODE_MAP.get(country) || 0;
-}
-
-export function formatCountry(country: CountryISO): string {
-  return COUNTRY_NAME_MAP.get(country) || 'Invalid Country ISO';
-}

package/src/formatted-phone-number/FormattedPhoneNumber.ts

@@ -1,20 +0,0 @@
-import { useMemo } from 'react';
-import {
-  PhoneFormatOptions,
-  usePhoneService,
-} from '../phone-service/PhoneService';
-
-export function useFormattedPhoneNumber(
-  input: unknown,
-  { format, country, fallback = '' }: PhoneFormatOptions = {},
-): string {
-  const phoneService = usePhoneService();
-
-  return useMemo(() => {
-    if (phoneService.checkPossibility(input) !== 'is-possible') {
-      return fallback;
-    }
-
-    return phoneService.format(input, { format, country, fallback });
-  }, [phoneService, input, format, country, fallback]);
-}

package/src/index.ts

@@ -1,6 +0,0 @@
-export * from './country-code-metadata/CountryCodeMetadata';
-export * from './formatted-phone-number/FormattedPhoneNumber';
-export * from './phone-field/PhoneField';
-export * from './phone-link/PhoneLink';
-export * from './phone-service/PhoneService';
-export * from './phone-text/PhoneText';

package/src/phone-field/PhoneField.playroom.tsx

@@ -1,28 +0,0 @@
-import { forwardRef, useMemo, useState } from 'react';
-import { usePhoneService } from '../phone-service/PhoneService';
-import { PhoneField as SdPhoneField, PhoneFieldProps } from './PhoneField';
-
-export const PhoneField = forwardRef<HTMLDivElement, PhoneFieldProps>(
-  ({ value, onChange, error, helperText, ...props }, ref) => {
-    const [state, setState] = useState('');
-    const phoneService = usePhoneService();
-    const errorMessage = useMemo(
-      () => phoneService.validate(value),
-      [value, phoneService],
-    );
-
-    return (
-      <SdPhoneField
-        {...props}
-        ref={ref}
-        value={value ?? state}
-        error={error ?? !!errorMessage}
-        helperText={helperText ?? errorMessage}
-        onChange={(nextValue) => {
-          setState(nextValue);
-          onChange?.(nextValue);
-        }}
-      />
-    );
-  },
-);

package/src/phone-field/PhoneField.spec.tsx

@@ -1,171 +0,0 @@
-import { extractCSS, renderComponent } from '@superdispatch/ui-testutils';
-import { screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { useEffect, useState } from 'react';
-import { PhoneField, PhoneFieldProps } from './PhoneField';
-
-function UncontrolledPhoneField({ value, ...props }: PhoneFieldProps) {
-  const [phone, setPhone] = useState(value);
-
-  useEffect(() => {
-    setPhone(value);
-  }, [value]);
-
-  return <PhoneField {...props} value={phone} onChange={setPhone} />;
-}
-
-test('basic', async () => {
-  renderComponent(<PhoneField />);
-
-  await screen.findByRole('textbox');
-
-  expect(screen.getByRole('textbox')).toHaveAttribute(
-    'placeholder',
-    '201-555-0123',
-  );
-
-  expect(screen.getByRole('button')).toHaveTextContent('+1');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  expect(screen.getByRole('button')).toContainElement(
-    screen.getByRole('img', { name: 'US' }),
-  );
-});
-
-test('controlled', async () => {
-  renderComponent(<PhoneField value="+123" />);
-
-  await screen.findByRole('textbox');
-
-  expect(screen.getByRole('textbox')).toHaveValue('23');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  userEvent.type(screen.getByRole('textbox'), '123123');
-
-  expect(screen.getByRole('textbox')).toHaveValue('23');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  userEvent.click(screen.getByRole('button'));
-  userEvent.click(screen.getByRole('menuitem', { name: /Australia/ }));
-
-  expect(screen.getByRole('textbox')).toHaveValue('23');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-});
-
-test('interactive', async () => {
-  renderComponent(<UncontrolledPhoneField />);
-
-  await screen.findByRole('textbox');
-
-  expect(screen.getByRole('textbox')).toHaveValue('');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  userEvent.click(screen.getByRole('button'));
-  userEvent.click(screen.getByRole('menuitem', { name: /Australia/ }));
-
-  expect(screen.getByRole('textbox')).toHaveValue('');
-  expect(screen.getByRole('button')).toHaveAttribute('title', 'Australia: +61');
-
-  userEvent.type(screen.getByRole('textbox'), '123');
-
-  expect(screen.getByRole('textbox')).toHaveValue('123');
-  expect(screen.getByRole('button')).toHaveAttribute('title', 'Australia: +61');
-});
-
-test('local state sync with the props', async () => {
-  const view = renderComponent(<UncontrolledPhoneField />);
-
-  await screen.findByRole('textbox');
-
-  expect(screen.getByRole('textbox')).toHaveValue('');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  userEvent.type(screen.getByRole('textbox'), '!5@0#6$ %2^3&4* (5)6-7_8=');
-
-  expect(screen.getByRole('textbox')).toHaveValue('506-234-5678');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  // Using same phone as in the state.
-  view.rerender(<UncontrolledPhoneField value="+15062345678" />);
-
-  expect(screen.getByRole('textbox')).toHaveValue('506-234-5678');
-  expect(screen.getByRole('button')).toHaveAttribute(
-    'title',
-    'United States: +1',
-  );
-
-  // Using same phone number with the different format
-  view.rerender(<UncontrolledPhoneField value="+1 (506) 234-5678" />);
-
-  expect(screen.getByRole('textbox')).toHaveValue('506-234-5678');
-  expect(screen.getByRole('button')).toHaveAttribute('title', 'Canada: +1');
-});
-
-test('css', async () => {
-  renderComponent(<PhoneField />);
-
-  await screen.findByRole('textbox');
-
-  expect(
-    extractCSS([
-      'SD-PhoneFieldFlag',
-      'SD-PhoneFieldMenu',
-      'SD-PhoneFieldStartAdornment',
-    ]),
-  ).toMatchInlineSnapshot(`
-    .SD-PhoneFieldFlag-root {
-      min-width: 22px;
-      min-height: 16px;
-    }
-
-    .SD-PhoneFieldMenu-paper {
-      max-height: 240px;
-    }
-
-    .SD-PhoneFieldStartAdornment-root {
-      margin-left: -8px;
-      margin-right: 0;
-    }
-
-    .SD-PhoneFieldStartAdornment-button {
-      color: Color.Blue300;
-      padding: 4px 4px 4px 8px;
-      border-radius: 4px 0px 0px 4px;
-    }
-
-    .SD-PhoneFieldStartAdornment-button:hover,
-    .SD-PhoneFieldStartAdornment-button:focus {
-      background-color: Color.Blue50;
-    }
-  `);
-});
-
-test('without national code', async () => {
-  renderComponent(<PhoneField value="+79220059805" />);
-
-  await screen.findByRole('textbox');
-
-  expect(screen.getByRole('button')).toHaveAttribute('title', 'Russia: +7');
-  expect(screen.getByRole('textbox')).toHaveValue('922 005-98-05');
-});

package/src/phone-field/PhoneField.stories.tsx

@@ -1,6 +0,0 @@
-import { PhoneField } from './PhoneField.playroom';
-
-export default { title: 'Phones/PhoneField', component: PhoneField };
-
-export const basic = () => <PhoneField />;
-export const validation = () => <PhoneField value="+1 201555123" />;