@kaisarsofi/react-native-phone-input 1.0.0

package/lib/commonjs/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "COUNTRIES", {
+  enumerable: true,
+  get: function () {
+    return _countries.COUNTRIES;
+  }
+});
+Object.defineProperty(exports, "CountryPicker", {
+  enumerable: true,
+  get: function () {
+    return _CountryPicker.CountryPicker;
+  }
+});
+Object.defineProperty(exports, "DARK_PALETTE", {
+  enumerable: true,
+  get: function () {
+    return _theme.DARK_PALETTE;
+  }
+});
+Object.defineProperty(exports, "Flag", {
+  enumerable: true,
+  get: function () {
+    return _Flag.Flag;
+  }
+});
+Object.defineProperty(exports, "LIGHT_PALETTE", {
+  enumerable: true,
+  get: function () {
+    return _theme.LIGHT_PALETTE;
+  }
+});
+Object.defineProperty(exports, "PhoneInput", {
+  enumerable: true,
+  get: function () {
+    return _PhoneInput.PhoneInput;
+  }
+});
+Object.defineProperty(exports, "getCountryByCode", {
+  enumerable: true,
+  get: function () {
+    return _countries.getCountryByCode;
+  }
+});
+Object.defineProperty(exports, "groupCountriesByLetter", {
+  enumerable: true,
+  get: function () {
+    return _countries.groupCountriesByLetter;
+  }
+});
+Object.defineProperty(exports, "sectionLetterFor", {
+  enumerable: true,
+  get: function () {
+    return _countries.sectionLetterFor;
+  }
+});
+Object.defineProperty(exports, "usePhoneInputPalette", {
+  enumerable: true,
+  get: function () {
+    return _theme.usePhoneInputPalette;
+  }
+});
+var _countries = require("./countries.js");
+var _Flag = require("./Flag.js");
+var _PhoneInput = require("./PhoneInput.js");
+var _CountryPicker = require("./CountryPicker.js");
+var _theme = require("./theme.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_countries","require","_Flag","_PhoneInput","_CountryPicker","_theme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/safeArea.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasSafeAreaContext = void 0;
+exports.useOptionalSafeAreaInsets = useOptionalSafeAreaInsets;
+var _react = require("react");
+/**
+ * `react-native-safe-area-context` is an *optional* peer: this library ships no
+ * native modules, so it is never installed on our account. The guarded require
+ * is what makes that safe — Metro registers a `require` inside a try/catch as
+ * an optional dependency and emits a runtime throw instead of failing the
+ * build (`allowOptionalDependencies`, enabled by default in both
+ * `@expo/metro-config` and `@react-native/metro-config`). The catch also covers
+ * bundlers that hand the ESM build a scope with no `require` at all.
+ */
+let optionalModule = null;
+try {
+  optionalModule = require('react-native-safe-area-context');
+} catch {
+  optionalModule = null;
+}
+const FallbackContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Deliberately the *context* rather than `useSafeAreaInsets()`: that hook
+ * throws when no `SafeAreaProvider` is mounted above it, and plenty of apps
+ * carry the package transitively (React Navigation depends on it) without a
+ * provider in scope. Reading the context degrades to `null` instead.
+ *
+ * Resolved once at module scope so the identity is stable, which keeps the
+ * `useContext` call below an unconditional, rules-of-hooks-safe one.
+ */
+const InsetsContext = optionalModule?.SafeAreaInsetsContext ?? FallbackContext;
+
+/** The ambient safe-area insets, or null when unavailable. */
+function useOptionalSafeAreaInsets() {
+  return (0, _react.useContext)(InsetsContext);
+}
+
+/** Whether the optional peer resolved. Exported for diagnostics and tests. */
+const hasSafeAreaContext = exports.hasSafeAreaContext = optionalModule?.SafeAreaInsetsContext != null;
+//# sourceMappingURL=safeArea.js.map

package/lib/commonjs/safeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","optionalModule","FallbackContext","createContext","InsetsContext","SafeAreaInsetsContext","useOptionalSafeAreaInsets","useContext","hasSafeAreaContext","exports"],"sourceRoot":"../../src","sources":["safeArea.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,cAAqC,GAAG,IAAI;AAChD,IAAI;EACFA,cAAc,GAAGD,OAAO,CAAC,gCAAgC,CAAmB;AAC9E,CAAC,CAAC,MAAM;EACNC,cAAc,GAAG,IAAI;AACvB;AAEA,MAAMC,eAAe,gBAAG,IAAAC,oBAAa,EAAoB,IAAI,CAAC;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAyC,GAC7CH,cAAc,EAAEI,qBAAqB,IAAIH,eAAe;;AAE1D;AACO,SAASI,yBAAyBA,CAAA,EAAsB;EAC7D,OAAO,IAAAC,iBAAU,EAACH,aAAa,CAAC;AAClC;;AAEA;AACO,MAAMI,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGP,cAAc,EAAEI,qBAAqB,IAAI,IAAI","ignoreList":[]}

package/lib/commonjs/theme.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIGHT_PALETTE = exports.DARK_PALETTE = void 0;
+exports.usePhoneInputPalette = usePhoneInputPalette;
+var _reactNative = require("react-native");
+var _react = require("react");
+/** Which palette to render with. "system" follows the OS appearance. */
+
+/**
+ * Every color the input and the country picker draw with. Both palettes are
+ * complete, so dark mode needs no configuration — pass nothing and the
+ * component follows the OS. Override individual tokens via the `palette`
+ * prop when you want the component to match your own design system.
+ */
+/**
+ * Note the split with `theme`: `theme` styles the text field alone (its fill,
+ * its borders, its text), while this palette covers the field's neutral
+ * defaults *and* the whole picker sheet. Keeping them separate is what lets a
+ * field sitting on a colored background go fully custom without erasing the
+ * picker's separators or A-Z index along with it.
+ */
+
+const LIGHT_PALETTE = exports.LIGHT_PALETTE = {
+  background: '#FFFFFF',
+  inputBackground: '#FFFFFF',
+  surface: '#F2F2F7',
+  surfacePressed: '#E5E5EA',
+  border: '#D1D1D6',
+  text: '#1C1C1E',
+  textMuted: '#8E8E93',
+  placeholder: '#8E8E93',
+  accent: '#007AFF',
+  accentContrast: '#FFFFFF',
+  danger: '#FF3B30',
+  disabled: '#C7C7CC',
+  handle: '#D1D1D6',
+  bubble: 'rgba(60,60,67,0.85)',
+  bubbleText: '#FFFFFF'
+};
+const DARK_PALETTE = exports.DARK_PALETTE = {
+  background: '#1C1C1E',
+  inputBackground: '#1C1C1E',
+  surface: '#2C2C2E',
+  surfacePressed: '#3A3A3C',
+  border: '#38383A',
+  text: '#FFFFFF',
+  textMuted: '#98989F',
+  placeholder: '#8E8E93',
+  accent: '#0A84FF',
+  accentContrast: '#FFFFFF',
+  danger: '#FF453A',
+  disabled: '#48484A',
+  handle: '#48484A',
+  bubble: 'rgba(120,120,128,0.9)',
+  bubbleText: '#FFFFFF'
+};
+
+/**
+ * Resolves the palette for the current appearance. `colorScheme` forces one;
+ * "system" (the default) follows the OS and re-renders when it changes.
+ */
+function usePhoneInputPalette(colorScheme = 'system', overrides) {
+  const systemScheme = (0, _reactNative.useColorScheme)();
+  const resolved = colorScheme === 'system' ? systemScheme ?? 'light' : colorScheme;
+
+  // Keyed on the overrides' contents rather than their identity, because
+  // callers naturally write `palette={{ ... }}` inline. A new object every
+  // render would give the palette a new identity every render, and the picker
+  // memoizes ~20 style objects and its whole row list on that identity —
+  // serializing a handful of color strings is far cheaper than losing those.
+  const overridesKey = overrides ? JSON.stringify(overrides) : '';
+  return (0, _react.useMemo)(() => {
+    const base = resolved === 'dark' ? DARK_PALETTE : LIGHT_PALETTE;
+    return {
+      ...base,
+      ...overrides
+    };
+    // `overrides` is intentionally tracked through `overridesKey`.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [resolved, overridesKey]);
+}
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","LIGHT_PALETTE","exports","background","inputBackground","surface","surfacePressed","border","text","textMuted","placeholder","accent","accentContrast","danger","disabled","handle","bubble","bubbleText","DARK_PALETTE","usePhoneInputPalette","colorScheme","overrides","systemScheme","useColorScheme","resolved","overridesKey","JSON","stringify","useMemo","base"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgCO,MAAME,aAAgC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC9CE,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,SAAS;EAClBC,cAAc,EAAE,SAAS;EACzBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,MAAM,EAAE,SAAS;EACjBC,cAAc,EAAE,SAAS;EACzBC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,SAAS;EACnBC,MAAM,EAAE,SAAS;EACjBC,MAAM,EAAE,qBAAqB;EAC7BC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,YAA+B,GAAAhB,OAAA,CAAAgB,YAAA,GAAG;EAC7Cf,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,SAAS;EAClBC,cAAc,EAAE,SAAS;EACzBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,MAAM,EAAE,SAAS;EACjBC,cAAc,EAAE,SAAS;EACzBC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,SAAS;EACnBC,MAAM,EAAE,SAAS;EACjBC,MAAM,EAAE,uBAAuB;EAC/BC,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAClCC,WAAkC,GAAG,QAAQ,EAC7CC,SAAsC,EACnB;EACnB,MAAMC,YAAY,GAAG,IAAAC,2BAAc,EAAC,CAAC;EACrC,MAAMC,QAAQ,GACZJ,WAAW,KAAK,QAAQ,GAAIE,YAAY,IAAI,OAAO,GAAIF,WAAW;;EAEpE;EACA;EACA;EACA;EACA;EACA,MAAMK,YAAY,GAAGJ,SAAS,GAAGK,IAAI,CAACC,SAAS,CAACN,SAAS,CAAC,GAAG,EAAE;EAE/D,OAAO,IAAAO,cAAO,EAAC,MAAM;IACnB,MAAMC,IAAI,GAAGL,QAAQ,KAAK,MAAM,GAAGN,YAAY,GAAGjB,aAAa;IAC/D,OAAO;MAAE,GAAG4B,IAAI;MAAE,GAAGR;IAAU,CAAC;IAChC;IACA;EACF,CAAC,EAAE,CAACG,QAAQ,EAAEC,YAAY,CAAC,CAAC;AAC9B","ignoreList":[]}

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/value.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildValue = buildValue;
+exports.callingCodeFor = callingCodeFor;
+exports.readControlledValue = readControlledValue;
+var _libphonenumberJs = require("libphonenumber-js");
+var _countries = require("./countries.js");
+/**
+ * The country's true calling code ("1" for Jamaica), as opposed to the
+ * extended `dialCode` ("1876") the picker shows to tell the NANP territories
+ * apart. Concatenating the latter with a national number double-counts the
+ * area code, so every international string is built from this instead.
+ */
+function callingCodeFor(country) {
+  try {
+    return (0, _libphonenumberJs.getCountryCallingCode)(country.code);
+  } catch {
+    return country.dialCode;
+  }
+}
+function buildValue(nationalNumber, country) {
+  const digits = nationalNumber.replace(/\D/g, '');
+  const valid = digits.length > 0 && (0, _libphonenumberJs.isValidPhoneNumber)(digits, country.code);
+  const e164 = valid ? (0, _libphonenumberJs.parsePhoneNumberFromString)(digits, country.code)?.number ?? null : null;
+  return {
+    nationalNumber: digits,
+    country: country.code,
+    dialCode: country.dialCode,
+    e164,
+    international: digits ? `+${callingCodeFor(country)}${digits}` : '',
+    isValid: valid
+  };
+}
+
+/**
+ * Splits a controlled `value` into the national digits and, when the value is
+ * an international string, the country it implies. `current` is kept whenever
+ * its calling code still matches, so an explicit pick among the countries
+ * sharing a calling code (Jamaica vs the US on "+1") is not undone by the
+ * next keystroke.
+ */
+function readControlledValue(raw, current) {
+  if (!raw.startsWith('+')) {
+    return {
+      national: raw.replace(/\D/g, ''),
+      country: current
+    };
+  }
+  const formatter = new _libphonenumberJs.AsYouType();
+  formatter.input(raw);
+  const callingCode = formatter.getCallingCode();
+  const national = formatter.getNationalNumber() ?? '';
+  if (!callingCode || callingCode === callingCodeFor(current)) {
+    return {
+      national,
+      country: current
+    };
+  }
+  const next = (0, _countries.getCountryByCode)(formatter.getCountry()) ?? (0, _countries.getCountryByCallingCode)(callingCode);
+  return {
+    national,
+    country: next ?? current
+  };
+}
+//# sourceMappingURL=value.js.map

package/lib/commonjs/value.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_libphonenumberJs","require","_countries","callingCodeFor","country","getCountryCallingCode","code","dialCode","buildValue","nationalNumber","digits","replace","valid","length","isValidPhoneNumber","e164","parsePhoneNumberFromString","number","international","isValid","readControlledValue","raw","current","startsWith","national","formatter","AsYouType","input","callingCode","getCallingCode","getNationalNumber","next","getCountryByCode","getCountry","getCountryByCallingCode"],"sourceRoot":"../../src","sources":["value.ts"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAMA,IAAAC,UAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,cAAcA,CAACC,OAAgB,EAAU;EACvD,IAAI;IACF,OAAO,IAAAC,uCAAqB,EAACD,OAAO,CAACE,IAAI,CAAC;EAC5C,CAAC,CAAC,MAAM;IACN,OAAOF,OAAO,CAACG,QAAQ;EACzB;AACF;AAEO,SAASC,UAAUA,CACxBC,cAAsB,EACtBL,OAAgB,EACC;EACjB,MAAMM,MAAM,GAAGD,cAAc,CAACE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EAChD,MAAMC,KAAK,GAAGF,MAAM,CAACG,MAAM,GAAG,CAAC,IAAI,IAAAC,oCAAkB,EAACJ,MAAM,EAAEN,OAAO,CAACE,IAAI,CAAC;EAC3E,MAAMS,IAAI,GAAGH,KAAK,GACb,IAAAI,4CAA0B,EAACN,MAAM,EAAEN,OAAO,CAACE,IAAI,CAAC,EAAEW,MAAM,IAAI,IAAI,GACjE,IAAI;EACR,OAAO;IACLR,cAAc,EAAEC,MAAM;IACtBN,OAAO,EAAEA,OAAO,CAACE,IAAI;IACrBC,QAAQ,EAAEH,OAAO,CAACG,QAAQ;IAC1BQ,IAAI;IACJG,aAAa,EAAER,MAAM,GAAG,IAAIP,cAAc,CAACC,OAAO,CAAC,GAAGM,MAAM,EAAE,GAAG,EAAE;IACnES,OAAO,EAAEP;EACX,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,mBAAmBA,CACjCC,GAAW,EACXC,OAAgB,EACwB;EACxC,IAAI,CAACD,GAAG,CAACE,UAAU,CAAC,GAAG,CAAC,EAAE;IACxB,OAAO;MAAEC,QAAQ,EAAEH,GAAG,CAACV,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;MAAEP,OAAO,EAAEkB;IAAQ,CAAC;EAC/D;EACA,MAAMG,SAAS,GAAG,IAAIC,2BAAS,CAAC,CAAC;EACjCD,SAAS,CAACE,KAAK,CAACN,GAAG,CAAC;EACpB,MAAMO,WAAW,GAAGH,SAAS,CAACI,cAAc,CAAC,CAAC;EAC9C,MAAML,QAAQ,GAAGC,SAAS,CAACK,iBAAiB,CAAC,CAAC,IAAI,EAAE;EAEpD,IAAI,CAACF,WAAW,IAAIA,WAAW,KAAKzB,cAAc,CAACmB,OAAO,CAAC,EAAE;IAC3D,OAAO;MAAEE,QAAQ;MAAEpB,OAAO,EAAEkB;IAAQ,CAAC;EACvC;EACA,MAAMS,IAAI,GACR,IAAAC,2BAAgB,EAACP,SAAS,CAACQ,UAAU,CAAC,CAAC,CAAC,IACxC,IAAAC,kCAAuB,EAACN,WAAW,CAAC;EACtC,OAAO;IAAEJ,QAAQ;IAAEpB,OAAO,EAAE2B,IAAI,IAAIT;EAAQ,CAAC;AAC/C","ignoreList":[]}