@chekinapp/ui 0.0.140 → 0.0.142

package/dist/index.d.cts

@@ -2882,7 +2882,7 @@ type PhoneInputHandle = {
 };
 type PhoneInputProps = {
     options: PhoneInputOption[];
-    value?: PhoneInputValue | null;
+    value?: string | number | PhoneInputValue | null;
     onChange?: (value: PhoneInputValue, name?: string) => void;
     onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
@@ -2906,6 +2906,7 @@ type PhoneInputProps = {
     autoDetectCode?: boolean;
     searchable?: boolean;
     defaultCode?: string;
+    defaultNumber?: string;
 };
 declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PhoneInputHandle>>;
 

package/dist/index.d.ts

@@ -2882,7 +2882,7 @@ type PhoneInputHandle = {
 };
 type PhoneInputProps = {
     options: PhoneInputOption[];
-    value?: PhoneInputValue | null;
+    value?: string | number | PhoneInputValue | null;
     onChange?: (value: PhoneInputValue, name?: string) => void;
     onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
@@ -2906,6 +2906,7 @@ type PhoneInputProps = {
     autoDetectCode?: boolean;
     searchable?: boolean;
     defaultCode?: string;
+    defaultNumber?: string;
 };
 declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PhoneInputHandle>>;
 

package/dist/index.js

@@ -14136,6 +14136,30 @@ var Select = React49.forwardRef(SelectInternal);
 
 // src/dashboard/phone-input/utils.ts
 var PREFIX_REGEX = /^\+/;
+function isPhoneInputValue(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return false;
+  }
+  return Boolean(value && ("code" in value || "number" in value));
+}
+function getPhoneValuePart(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  return void 0;
+}
+function toPhoneValue(value, fallbackCode, fallbackNumber) {
+  if (value === null || value === void 0) {
+    return { code: fallbackCode ?? "", number: fallbackNumber ?? "" };
+  }
+  if (isPhoneInputValue(value)) {
+    return {
+      code: getPhoneValuePart(value.code) ?? fallbackCode ?? "",
+      number: getPhoneValuePart(value.number) ?? fallbackNumber ?? ""
+    };
+  }
+  return { code: fallbackCode ?? "", number: fallbackNumber ?? String(value) };
+}
 function clearPhoneNumber(value) {
   return value.replace(/[^0-9]/g, "");
 }
@@ -14179,7 +14203,6 @@ function formatPhoneCodeOptionLabel(option) {
 
 // src/dashboard/phone-input/PhoneInput.tsx
 import { jsx as jsx156, jsxs as jsxs100 } from "react/jsx-runtime";
-var EMPTY_VALUE = { code: "", number: "" };
 var PhoneInput = React50.forwardRef(
   function PhoneInput2({
     options,
@@ -14206,14 +14229,15 @@ var PhoneInput = React50.forwardRef(
     className,
     autoDetectCode = true,
     searchable = true,
-    defaultCode
+    defaultCode,
+    defaultNumber
   }, ref) {
     const { t } = useTranslation33();
     const groupLabelId = React50.useId();
     const errorMsgId = React50.useId();
     const numberInputRef = React50.useRef(null);
     const [codeSearchValue, setCodeSearchValue] = React50.useState("");
-    const safeValue = value ?? EMPTY_VALUE;
+    const safeValue = toPhoneValue(value, defaultCode, defaultNumber);
     const effectiveCode = safeValue.code || defaultCode || "";
     const resolvedLabel = label ?? "";
     const hasExternalError = Boolean(error);